.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:-18px 0 25px}.filter{border:1px solid var(--line);background:transparent;padding:8px 12px;font:11px 'DM Mono';cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.build-card[hidden]{display:none}.like-button{border:0;background:transparent;color:#fff;font:14px 'DM Mono';cursor:pointer;align-self:flex-end}.like-button.liked{color:var(--acid)}.comment-button{position:absolute;z-index:4;right:15px;bottom:15px;border:0;background:#fff;color:var(--ink);padding:8px 10px;font:11px 'DM Mono';cursor:pointer;opacity:0;transform:translateY(7px);transition:.2s}.build-card:hover .comment-button{opacity:1;transform:none}.weekly-builds{padding:108px 5.4vw;background:#dfe9ae;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.weekly-heading h2,.submit h2{font-size:clamp(42px,5.2vw,72px);line-height:.92;letter-spacing:-.065em;margin:0}.weekly-heading>p:last-child{max-width:340px;line-height:1.55}.weekly-notes{border-top:1px solid #9dac57}.weekly-notes article{padding:22px 0;border-bottom:1px solid #aebb6e;display:grid;grid-template-columns:52px 1fr}.weekly-notes span{font:12px 'DM Mono';color:#596c15}.weekly-notes h3{margin:0 0 6px;font-size:18px}.weekly-notes p{grid-column:2;margin:0;line-height:1.5;font-size:14px}.weekly-notes .outline-button{display:inline-block;margin-top:26px}.submit{padding:110px 5.4vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#e8e6dc}.submit>div>p:last-child{max-width:370px;line-height:1.55;font-size:16px}.submit-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.submit-form label{font:11px 'DM Mono';display:grid;gap:8px}.submit-form input,.submit-form select,.comment-form input,.comment-form textarea{font:15px Outfit;border:0;border-bottom:1px solid #8d9187;background:transparent;padding:10px 0;outline:none}.submit-form label:nth-child(4),.submit-form button,.form-status{grid-column:1/-1}.form-status{margin:0;font-size:13px;color:#637416}.comments-dialog{width:min(520px,calc(100% - 30px));border:0;padding:35px;background:var(--cream);color:var(--ink);box-shadow:0 18px 80px rgba(0,0,0,.3)}.comments-dialog::backdrop{background:rgba(23,25,20,.7)}.comments-dialog h2{margin:0 0 22px;font-size:34px;letter-spacing:-.05em}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px;cursor:pointer}.comments-list{max-height:220px;overflow:auto;margin-bottom:18px}.comment{border-top:1px solid var(--line);padding:12px 0}.comment b{font-size:13px}.comment p{margin:5px 0 0;line-height:1.4;font-size:14px}.comment-form{display:grid;gap:12px}.comment-form textarea{resize:vertical;min-height:70px}.comment-form .primary-button{justify-self:start;border:0;cursor:pointer}@media(max-width:760px){.weekly-builds,.submit{padding:75px 20px;grid-template-columns:1fr;gap:35px}.submit-form{grid-template-columns:1fr}.submit-form label:nth-child(4),.submit-form button,.form-status{grid-column:auto}.comment-button{opacity:1;transform:none}.filter-bar{margin-top:5px}}
