:root{--ink:#26362e;--muted:#6d776c;--paper:#f6f4ec;--panel:#fffef9;--line:#dcded1;--green:#365d48;--sage:#e4eadb;--rust:#9c633e;--gold:#bc9660}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:7px 12px;border-radius:5px}button:hover{background:var(--sage)}aside{width:242px;position:fixed;inset:0 auto 0 0;background:#edf0e6;border-right:1px solid var(--line);padding:34px 23px;overflow:auto}.brand{font:30px Georgia,serif;letter-spacing:5px;text-decoration:none;display:block}.sigil{color:var(--green);font-size:40px;vertical-align:middle}.brand small{display:block;font:8px/3 sans-serif;letter-spacing:1.4px}.nav-label{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin:34px 0 14px}nav a{display:flex;justify-content:space-between;padding:10px 11px;margin:3px -8px;text-decoration:none;border-radius:5px;font-size:13px}nav a span{font-size:10px;color:var(--muted)}nav a.active{background:#dce4d3;color:#294a34;font-weight:600}.passive{margin-top:34px;font-size:10px;letter-spacing:1px}.passive i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62845b;margin-right:6px}.passive p{color:var(--muted);font-size:11px;letter-spacing:0;margin-top:8px}main{margin-left:242px;padding:0 42px;max-width:1800px}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--rust);text-transform:uppercase;margin:32px 0 9px}h1{font:42px/1.15 Georgia,"Times New Roman",serif;margin:0 0 17px;font-weight:400}h2{font:25px/1.3 Georgia,serif;font-weight:400;margin:0 0 15px}h3{font-size:15px;line-height:1.5;margin:8px 0}p{margin:8px 0 14px}.intro{max-width:760px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:32px;padding:22px 0 30px}.hero .feature{background:var(--green);color:#f4f3e8;padding:28px;border-radius:3px}.feature small{color:#d0dbc4;letter-spacing:2px;font-size:10px}.feature h2{font-size:27px;margin-top:15px}.feature p{color:#dce6d5;font-size:12px}.feature a{font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:8px 0 32px;background:var(--panel)}.stat{padding:20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{font:33px Georgia;display:block}.stat span{color:var(--muted);font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:27px 0 12px}.section-head a{font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden}.card-body{padding:17px}.thumb{height:165px;background:#ecece0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain}.placeholder{color:#969c8b;text-align:center;font:28px Georgia}.placeholder small{display:block;font:10px sans-serif;letter-spacing:1px;margin-top:8px}.thumb .index{position:absolute;top:10px;left:12px;font-size:9px;background:var(--paper);padding:2px 7px;color:var(--green)}.meta{font-size:11px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.chip{display:inline-block;font-size:10px;border:1px solid #dce2d4;border-radius:3px;padding:2px 6px;background:#f1f4ea}.chip.rust{color:var(--rust);background:#f4eadb;border-color:#e8d6bf}.card p{font-size:12px;color:var(--muted)}.card-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:13px;font-size:11px}.card-actions button{font-size:11px;padding:4px 9px}.price{font:17px Georgia;float:right}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0;padding:17px;background:#eeeee4;border:1px solid var(--line);align-items:end}.filters label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.filters input,.filters select{border:1px solid #ccd1c3;background:var(--panel);border-radius:3px;padding:8px;max-width:200px}.filters input[type=number]{width:100px}.count{font-size:11px;color:var(--muted);margin:15px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.note{border:1px solid var(--line);background:var(--panel);padding:23px;margin:12px 0;border-radius:4px}.note p{font-size:13px}.note ul{padding-left:18px;font-size:12px;color:var(--muted)}.branch{border-left:2px solid #a6b593;padding:8px 18px;margin:10px 0;background:var(--panel)}.branch code{font-size:12px;overflow-wrap:anywhere}.branch .meta{margin-top:7px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:var(--panel);font-size:12px}td,th{text-align:left;padding:12px;border:1px solid var(--line);vertical-align:top}th{background:#e9eddf;font-weight:500}td button{font-size:11px}details{margin:12px 0}summary{cursor:pointer;color:var(--green);font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#ecefe5;padding:15px;font:11px/1.6 monospace}footer{font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin:45px 0 0;padding:20px 0 28px}dialog{width:min(850px,94vw);max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);padding:32px}dialog::backdrop{background:#1d302aaa}.close{float:right}.empty{padding:50px;border:1px dashed var(--line);color:var(--muted)}.warn{color:var(--rust)}.mini{height:80px;width:110px;object-fit:contain}.compare-bar{position:sticky;bottom:12px;background:var(--green);color:#fff;padding:12px 20px;border-radius:5px;margin-top:15px;display:flex;gap:15px;align-items:center}.progress{height:5px;background:#dde3d3;margin:8px 0}.progress span{display:block;height:5px;background:#789268}code{overflow-wrap:anywhere}@media(max-width:1000px){aside{width:195px;padding:25px 16px}main{margin-left:195px;padding:0 24px}.hero{grid-template-columns:1fr}.two{grid-template-columns:1fr}}@media(max-width:650px){aside{position:relative;width:100%;padding:15px}.brand{font-size:22px}.brand small,.nav-label,.passive{display:none}nav{display:flex;overflow:auto;gap:12px}nav a{white-space:nowrap;margin:0}nav a span{display:none}main{margin:0;padding:0 16px}header{font-size:8px;height:48px}h1{font-size:33px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr 1fr;gap:10px}.card-body{padding:11px}.thumb{height:125px}.filters{padding:10px}.filters input,.filters select{max-width:155px}.hero{gap:12px}.card h3{font-size:13px}}@media(max-width:400px){.grid{grid-template-columns:1fr}}
