:root{color-scheme:light;--bg:#f0f0e3;--panel:#faf9ef;--line:#cfd7c3;--ink:#314637;--muted:#6e7c68;--accent:#476e51}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Segoe UI',Arial,sans-serif}header,main,footer,#review-notes{max-width:1740px;margin:auto;padding-inline:36px}header{padding-top:30px;padding-bottom:25px}.eyebrow{display:flex;justify-content:space-between;gap:25px;font-size:10px;font-weight:600;letter-spacing:1.8px;color:#537650}.eyebrow span{color:var(--muted)}h1{font-size:clamp(30px,3vw,46px);font-weight:500;letter-spacing:-1px;margin:22px 0 8px}.lead{margin:0;color:var(--muted);font-size:15px}.reference-intro{margin-top:23px;display:grid;grid-template-columns:340px minmax(0,610px);gap:25px;align-items:center}.reference-intro img{width:100%;display:block;border:1px solid var(--line)}.reference-intro h2{font-size:14px;font-weight:600;margin:0 0 7px}.reference-intro p{font-size:12px;line-height:1.6;color:#6a7964;margin:7px 0}.reference-intro a{font-size:11px}.concept-note{font-size:11px;display:block;color:var(--muted);margin-top:14px}a{color:var(--accent);text-underline-offset:2px}button,select,textarea{font:inherit}button,select{padding:7px 10px;border:1px solid #bbc9b1;border-radius:4px;background:#f9faee;color:var(--ink);cursor:pointer}button:hover,select:hover{background:#e2ecd8}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5c8b55;outline-offset:3px}nav{display:flex;align-items:center;flex-wrap:wrap;gap:15px;position:sticky;top:0;z-index:3;padding:11px 36px;background:#f0f3e6ed;backdrop-filter:blur(12px);border-block:1px solid var(--line)}nav label{display:flex;align-items:center;gap:7px;font-size:12px}nav button,nav select{font-size:12px}#count{margin-left:auto;font-size:12px;color:var(--muted)}.family{padding-top:27px}.family-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.family-heading h2{font-size:21px;font-weight:500;margin:0}.family-heading a{font-size:11px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.candidate{background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden;min-width:0}.candidate[data-verdict=keep]{border-color:#5a8958}.candidate[data-verdict=pass]{opacity:.60}.art{padding:0;border:0;display:block;width:100%;border-radius:0;position:relative}.crop{width:100%;aspect-ratio:var(--ratio);background-image:var(--sheet);background-size:var(--size);background-position:var(--position);background-repeat:no-repeat;background-color:#faf9ec}.art .inspect{position:absolute;right:10px;bottom:10px;font-size:10px;color:#f7faed;background:#405843b5;padding:4px 7px;border-radius:3px}.info{padding:13px 14px}.name{display:flex;justify-content:space-between;align-items:center;gap:8px}.name h3{font-size:23px;font-weight:500;letter-spacing:-.4px;margin:0}.name h3 span{font-size:10px;letter-spacing:.4px;margin-right:7px;color:var(--muted)}.name select{max-width:85px;font-size:11px;padding:5px}.kind{font-size:11px;margin:5px 0 9px;color:var(--muted)}.shape{font-size:12px;line-height:1.55;margin:0;color:#5a6c56}.motion{font-size:11px;line-height:1.5;padding-top:10px;margin:10px 0 0;border-top:1px solid #dbe0d1;color:#6d7b65}.motion b{font-weight:600;color:#4b6247}.family-note{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:32px;padding-top:18px;padding-bottom:25px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--muted);line-height:1.6}footer p{margin:0;max-width:700px}dialog{width:min(1250px,96vw);height:min(930px,94vh);max-height:none;border:1px solid #b5c4a9;border-radius:7px;padding:0;background:var(--panel);color:var(--ink);overflow:hidden}dialog::backdrop{background:#213529dd;backdrop-filter:blur(4px)}.modal-head{height:56px;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:13px}.modal-head div{display:flex;gap:6px}.modal-head small{font-size:9px;margin-left:6px;color:var(--muted)}#modal-body{height:calc(100% - 56px);overflow:auto}.detail-grid{display:grid;grid-template-columns:56% 44%;min-height:100%}.detail-art{align-self:start;position:sticky;top:0}.detail-art>a{display:block;padding:10px 15px;font-size:11px}.detail-copy{padding:22px 25px}.detail-copy .name h3{font-size:30px}.detail-copy .shape{font-size:15px;margin-top:15px}.detail-copy h4{font-weight:600;font-size:12px;color:#55774d;margin:23px 0 8px}.detail-copy p{font-size:13px;line-height:1.6;color:#65765c}.source-reference{display:flex;align-items:center;gap:18px;margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.source-reference img{width:125px;height:125px;object-fit:contain;background:#d7e6cc;image-rendering:pixelated}.source-reference span{font-size:12px;font-weight:600}.source-reference p{font-size:11px;margin:6px 0}.detail-note{width:100%;height:65px;padding:9px;border:1px solid #c1cdb7;background:#fffff6;border-radius:3px;font-size:12px;resize:vertical}.previous-link{font-size:11px;display:block;margin-top:18px}#review-notes{padding-block:25px;margin-top:30px;border-block:1px solid var(--line)}#review-notes h2{font-size:20px;font-weight:500}#review-notes p{font-size:12px;color:var(--muted)}#picks{width:100%;height:220px;display:block;margin-bottom:12px;padding:12px;background:#fffef5;border:1px solid #c2ceb7;color:#40573c;font-size:13px}#review-notes button{margin-right:8px}#copy-status{font-size:11px}[hidden]{display:none!important}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{grid-template-columns:52% 48%}.detail-copy{padding:18px}.source-reference{gap:10px}.source-reference img{width:95px;height:95px}}@media(max-width:800px){header,main,footer,#review-notes{padding-inline:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-intro{grid-template-columns:260px 1fr;gap:18px}nav{padding-inline:20px}.detail-grid{display:block}.detail-art{position:static;max-width:650px;margin:auto}.detail-copy{padding:20px}.source-reference img{width:120px;height:120px}}@media(max-width:500px){h1{font-size:34px}.eyebrow{font-size:8px;letter-spacing:1px}.eyebrow span{text-align:right;max-width:150px}.lead{font-size:13px;line-height:1.5}.reference-intro{grid-template-columns:1fr;gap:14px}.reference-intro>a{max-width:340px}.cards{grid-template-columns:1fr}nav{position:relative;gap:9px}nav select{max-width:155px}#count{margin-left:0}.family-heading h2{font-size:20px}.modal-head{padding:8px 10px;font-size:11px;gap:10px}.modal-head button{padding:6px 8px}.modal-head small{display:none}footer{display:block}footer p+p{margin-top:10px}}