:root{font-family:Inter,Arial,sans-serif;color:#252c29;background:#f5f3ed;font-synthesis:none;--green:#254f40;--line:#d9ddd3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba642e;outline-offset:4px}header,main,footer{max-width:1440px;margin:auto;padding:28px 5vw}.topline{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.brand{font-size:14px;font-weight:800;letter-spacing:2px;text-decoration:none;color:inherit}.local{font-size:10px;letter-spacing:1.3px;color:var(--green)}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px 0 30px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,70px);line-height:1.06;letter-spacing:-2px;margin:18px 0}.lede{max-width:560px;line-height:1.7;color:#5f6961;font-size:15px}.stats{display:flex;gap:18px;align-items:center;padding:28px;border-left:1px solid var(--line)}.stats strong{font:72px Georgia,serif}.stats span{font-size:13px;line-height:1.7;white-space:nowrap}.note{font-size:13px;background:#e8ede4;border-radius:7px;padding:17px 20px;line-height:1.6}.controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}label{font-size:11px;font-weight:700;letter-spacing:.5px}input,select{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #cdd4ca;border-radius:7px;background:#fff;color:#29332c;min-height:46px;font-weight:400}nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 12px}nav button{border:1px solid #cdd4ca;border-radius:25px;background:transparent;color:#455347;padding:11px 15px;min-height:44px;font-size:12px}nav button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.results-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#526054}.results-line button{background:none;border:0;text-decoration:underline;color:inherit;min-height:44px}.legend{font-size:12px;color:#6c756e;margin:0 0 32px}.site{border-top:1px solid var(--line);padding-top:26px;margin:32px 0 50px}.site-title{display:flex;gap:14px;align-items:center}.site-title h2{font:30px Georgia,serif;margin:0}.site-title span{font-size:11px;color:#697467}.family{margin-top:26px}.family h3{font-size:13px;font-weight:600;letter-spacing:.4px;margin:0 0 14px;color:#596758}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid #d7ddd2;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 13px #263b3010;scroll-margin-top:20px}.preview{position:relative;width:100%;padding:16px;border:0;background:#e8e9e3;display:block}.preview img{width:100%;height:280px;object-fit:contain;display:block;transition:transform .2s}.preview:hover img{transform:scale(1.02)}.number{position:absolute;top:12px;left:12px;background:#203f33;color:#fff;font:700 13px ui-monospace,monospace;border-radius:5px;padding:8px 11px;box-shadow:0 2px 4px #0002}.expand{position:absolute;right:12px;bottom:12px;background:#fffffff0;border-radius:4px;padding:6px 9px;font-size:11px;color:#354438}.details{padding:18px}.meta{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.details h4{font-size:15px;margin:0 0 10px;font-weight:600;line-height:1.4}.badge{font-size:10px;background:#e8f0e5;color:#345b32;padding:5px 7px;border-radius:4px;white-space:nowrap}.badge.previous{background:#efebe6;color:#7a6450}.version{font-size:12px;color:#687368;margin:0 0 18px}.copy{border:1px solid #d2dacd;border-radius:5px;background:white;color:var(--green);padding:10px 13px;min-height:44px;font-size:12px;width:100%}.copy:hover{background:#eff3eb}footer{border-top:1px solid var(--line);font-size:12px;line-height:1.9;color:#6a756b;padding-bottom:40px}dialog{border:0;border-radius:10px;padding:0;width:94vw;max-width:1600px;height:94vh;background:#edf0ea;color:#29392e}dialog::backdrop{background:#13241de0}.viewer-bar{position:sticky;top:0;background:#fff;z-index:1;padding:12px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.viewer-bar h2{font-size:14px;margin:0;line-height:1.5}.viewer-bar div{display:flex;gap:7px;flex-shrink:0}.viewer-bar button{padding:10px;border:1px solid #bdcaba;background:white;border-radius:5px;min-height:44px;font-size:12px}.image-scroll{height:calc(100% - 120px);overflow:auto;padding:20px;text-align:center}.image-scroll img{max-width:100%;height:auto;display:block;margin:auto}.image-scroll img.actual{max-width:none;margin:0 auto}.viewer-hint{font-size:12px;text-align:center;padding:0 10px}body.modal-open{overflow:hidden}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#203f33;color:white;border-radius:8px;padding:14px 22px;font-size:13px;z-index:10;display:none}#empty{padding:50px;text-align:center;background:white;border-radius:8px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{padding:16px}.stats strong{font-size:50px}}@media(max-width:600px){header,main,footer{padding:22px 20px}.topline{align-items:flex-start}.brand{font-size:11px;letter-spacing:1px}.local{font-size:8px}.intro{display:block;padding-top:26px}h1{font-size:44px}.stats{border:0;padding:10px 0 0}.stats strong{font-size:44px}.stats span br{display:none}.controls{grid-template-columns:1fr 1fr;gap:12px}.controls label:first-child{grid-column:1/-1}.grid{grid-template-columns:1fr}.preview img{height:300px}.note{padding:13px}.site-title h2{font-size:27px}.viewer-bar{display:block;padding:10px}.viewer-bar div{margin-top:10px;justify-content:space-between}.viewer-bar h2{font-size:12px}.image-scroll{height:calc(100% - 160px);padding:10px}.viewer-hint{font-size:10px}nav{gap:6px}nav button{font-size:11px;padding:10px 12px}}

/* Keep independent design families compact; version histories share a row. */
.site{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.site-title{grid-column:1/-1}.family{margin-top:0;min-width:0}.family .grid{grid-template-columns:1fr}.family.multiple{grid-column:1/-1}.family.multiple .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro{padding-top:28px;padding-bottom:20px}h1{font-size:clamp(38px,4.6vw,62px)}
@media(max-width:900px){.site{grid-template-columns:repeat(2,minmax(0,1fr))}.family.multiple .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site,.family.multiple .grid{grid-template-columns:1fr}.stats span br::after{content:' '}.stats span b{margin-left:3px}h1{font-size:44px}}