:root{--paper:#f4f1e9;--forest:#183b2c;--leaf:#558c42;--lime:#b9d870;--brown:#7a5d43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--forest);font-family:Georgia,"Songti SC",serif}header{height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bdb5a3;font-family:Arial,"PingFang SC",sans-serif}header a{color:inherit;text-decoration:none;font-weight:900;letter-spacing:.08em}header a i{color:var(--leaf)}nav{display:flex;align-items:center;gap:25px;font-size:10px;letter-spacing:.12em}nav button{border:1px solid var(--forest);background:transparent;padding:9px 12px;color:inherit;cursor:pointer}nav button.active{background:var(--forest);color:white}main{padding:60px 5vw 80px;max-width:1500px;margin:auto}.mast p,small{font:700 10px Arial;letter-spacing:.18em}.mast h1{font-size:clamp(52px,7vw,104px);line-height:.93;font-weight:400;margin:18px 0 50px;letter-spacing:-.04em}.mast h1 em{color:var(--leaf)}.controls{display:grid;grid-template-columns:repeat(3,minmax(150px,220px)) 1fr;gap:18px;padding:20px 0;border-top:1px solid;border-bottom:1px solid;align-items:end}.controls label{font:700 10px Arial;letter-spacing:.1em}.controls select{display:block;width:100%;border:0;border-bottom:2px solid var(--forest);background:transparent;color:inherit;font:20px Georgia;padding:8px 0}.legend{text-align:right;font:11px Arial;color:#6e756d}.legend i{display:inline-block;width:14px;height:14px;background:#d5dfbc;margin:0 5px 0 14px;vertical-align:middle}.legend i+i{background:var(--leaf)}.heat-section,.results{margin-top:55px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2{font-weight:400;font-size:32px;margin:7px 0 0}.section-head p{font:13px Arial;color:#6d766e}.month-labels{margin-left:190px;display:grid;grid-template-columns:repeat(12,1fr);gap:4px;font:10px Arial;text-align:center;margin-bottom:7px}.heatmap{display:grid;gap:5px}.heat-row{display:grid;grid-template-columns:185px repeat(12,1fr);gap:4px;align-items:center}.heat-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px;display:flex;align-items:center;justify-content:space-between}.heat-name span{font:9px Arial;color:#777}.heat-cell{height:22px;background:#e4dfd2;cursor:pointer;transition:.15s}.heat-cell.available{background:#ccd9b0}.heat-cell.peak{background:var(--leaf)}.heat-cell.current{outline:2px solid var(--brown);outline-offset:-2px}.heat-cell:hover{transform:scaleY(1.25)}#bands{display:grid;gap:12px}.band{display:grid;grid-template-columns:180px 1fr 50px;gap:18px;align-items:center;border-top:1px solid #c7beac;padding:16px 0}.band-name{display:flex;align-items:center;gap:12px}.produce-icon{width:38px;height:38px;border-radius:50% 45% 48% 40%;display:grid;place-items:center;background:var(--lime);font:18px Arial}.band h3{font-size:17px;margin:0}.band h3 span{display:block;font:10px Arial;color:#6f796f;margin-top:5px}.timeline{height:18px;background:#e3ded1;display:grid;grid-template-columns:repeat(12,1fr);gap:2px}.timeline i{background:transparent}.timeline i.on{background:#c6d5a4}.timeline i.peak{background:var(--leaf)}.fav{border:0;background:transparent;font-size:22px;color:#8f887c;cursor:pointer}.fav.on{color:#bc563b}.empty{border-top:1px solid;padding:40px 0;color:#6e756d}footer{border-top:1px solid #bdb5a3;padding:25px 5vw;font:11px Arial;color:#737a73}@media(max-width:760px){header{padding:0 18px}nav span{display:none}main{padding:40px 18px 60px}.mast h1{font-size:54px}.controls{grid-template-columns:1fr 1fr}.controls label:nth-child(3){grid-column:1/-1}.legend{display:none}.month-labels{margin-left:110px}.month-labels span{font-size:0}.month-labels span:after{content:attr(data-n);font-size:9px}.heat-row{grid-template-columns:105px repeat(12,1fr);gap:2px}.heat-name span{display:none}.heat-cell{height:18px}.band{grid-template-columns:120px 1fr 32px;gap:8px}.produce-icon{display:none}.section-head{display:block}.section-head p{line-height:1.6}}