:root{--bg:#fbfaf7;--surface:#fff;--text:#1d1c1a;--muted:#5f5b54;--border:#e2ded6;--accent:#2f5d8a;--positive:#2e6b3a;--negative:#9a2f2f;--mixed:#7a5a12;--placeholder:#f1eee8;--radius:8px;--space:1rem;--measure:70ch;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}@media (prefers-color-scheme:dark){:root{--bg:#161514;--surface:#1f1e1c;--text:#ece9e3;--muted:#aaa49a;--border:#3a3733;--accent:#8fb8e0;--positive:#7ec28b;--negative:#e58b8b;--mixed:#d9b866;--placeholder:#26241f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent)}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:var(--space);top:var(--space);background:var(--surface);padding:.5rem}.site-header,.site-footer,main,.selection-return{max-width:72rem;padding:var(--space);margin:0 auto}.site-header{gap:var(--space);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.site-header nav{gap:var(--space);display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.site-footer{color:var(--muted);border-top:1px solid var(--border);margin-top:3rem}.notice[hidden]{display:none}.notice,.selection-return,.share-header{background:var(--placeholder);border-radius:var(--radius);padding:.75rem var(--space)}.selection-return[hidden]{display:none}.category h2{margin-top:2rem}.cards{gap:var(--space);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space)}.card h3{margin:0 0 .25rem}.topic{margin-bottom:3rem}.topic-category{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.8rem}.topic-header h1,.topic-header h2{margin:.1rem 0 .5rem}.topic-header a{color:inherit;text-decoration:none}.prose{max-width:var(--measure)}.preference-lists{gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:1.5rem 0;display:grid}.preference-list h3{margin:0 0 .25rem;font-size:1rem}.example-grid{gap:var(--space);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));display:grid}.example{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space)}.verdict{margin:0 0 .5rem;font-weight:600}.verdict-positive .verdict{color:var(--positive)}.verdict-negative .verdict{color:var(--negative)}.verdict-mixed .verdict{color:var(--mixed)}[hidden]{display:none!important}.example-wrap-group{grid-column:1/-1}.example-title{margin:0 0 .75rem;font-size:1rem}.group-items{gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.caption{margin:.25rem 0 0;font-size:.875rem}.media-link{border:1px solid var(--border);border-radius:var(--radius);color:inherit;grid-template-columns:auto 1fr;column-gap:.5rem;margin:0 0 .5rem;padding:.75rem;text-decoration:none;display:grid}.media-link:hover,.media-link:focus-visible{border-color:var(--accent)}.media-link-icon{grid-row:span 3;font-size:1.5rem;line-height:1}.media-link-kind,.media-link-host{color:var(--muted);font-size:.8rem}.media-link-title{overflow-wrap:anywhere;font-weight:600}.media-hidden-note{color:var(--muted);margin:0 0 .5rem}.media-filter{margin:0 0 var(--space)}.media-filter summary{cursor:pointer}.media-filter fieldset{border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:.75rem;margin:.5rem 0 0;display:flex}.builder-media{color:var(--muted);font-size:.85rem}.example-media{margin:0 0 .5rem}.onboarding h1:focus,.share-header [tabindex="-1"]:focus{outline:none}.zoom{cursor:zoom-in;display:block}.lightbox{background:#111;border:0;width:100vw;max-width:none;height:100vh;max-height:none;padding:0}.lightbox::backdrop{background:0 0}.lightbox figure{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:0;padding:3.5rem 1rem 1rem;display:flex}.lightbox img{object-fit:contain;cursor:zoom-in;max-width:100%;max-height:calc(100% - 3rem)}.lightbox.actual figure{display:block;overflow:auto}.lightbox.actual img{cursor:zoom-out;max-width:none;max-height:none}.lightbox figcaption{color:#fff;text-align:center;max-width:var(--measure);margin-top:.5rem}.lightbox-close{position:fixed;top:.75rem;right:.75rem}.excerpt{padding-left:var(--space);border-left:3px solid var(--border);margin:0 0 .5rem;font-style:italic}.attribution{border-top:1px dashed var(--border);color:var(--muted);margin-top:.75rem;padding-top:.5rem;font-size:.875rem}.attribution p{overflow-wrap:anywhere;margin:.15rem 0}.tags{flex-wrap:wrap;gap:.35rem;margin:.25rem 0 .5rem;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.placeholder{background:var(--placeholder);border:1px dashed var(--border);border-radius:var(--radius);padding:var(--space)}.placeholder-summary{cursor:pointer;font-weight:600}details.placeholder{padding:.5rem var(--space)}details.placeholder[open]{padding-bottom:var(--space)}details.placeholder[open]>.placeholder-summary{margin-bottom:.5rem}.placeholder-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .25rem;font-size:.8rem}.placeholder-preview{margin-top:0;font-weight:600}.placeholder-conditions{padding-left:1.1rem}.placeholder-conditions .unmet{font-weight:600}.placeholder-stale{color:var(--mixed)}.placeholder-actions{flex-wrap:wrap;gap:.5rem;display:flex}.js .placeholder-nojs{display:none}button{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:.4rem .8rem}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.preferences fieldset,.builder fieldset{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space)}.builder-picked li{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.builder-link{flex-wrap:wrap;gap:.5rem;display:flex}.builder-link input{font:inherit;flex:20rem;padding:.4rem}@media (width<=720px){.example-grid,.cards,.preference-lists,.group-items{grid-template-columns:1fr}.placeholder-actions button{width:100%}}@media print{.site-header nav,.site-footer,.placeholder-actions,.selection-return,.share-header a{display:none}.example{break-inside:avoid}body{color:#000;background:#fff}}