@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--ink:#183b36;--muted:#73827e;--gold:#ae8752;--bg:#f4f5f1;--line:#dde3dc;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#263e38;font:14px 'DM Sans',system-ui,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#143f36;color:#eef4ef;padding:38px 23px;display:flex;flex-direction:column}.brand{color:white;font:40px Georgia,serif;text-decoration:none;letter-spacing:3px}.brand span{display:block;font:10px system-ui;letter-spacing:7px;margin:5px 0 26px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#abc0b3}nav{display:grid;gap:5px;margin-top:15px}nav a{color:#c4d5cc;text-decoration:none;padding:11px 12px;border-radius:6px;font-size:13px}nav a.active,nav a:hover{background:#2b554b;color:white}.asidefoot{margin-top:auto;font-size:10px;letter-spacing:1px;line-height:2;color:#d5b580}.asidefoot span{color:#aec3b6;letter-spacing:0}.asidefoot a{display:block;color:#fff;letter-spacing:0;margin-top:12px}main{margin-left:235px}header{height:75px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 38px;font-size:12px;color:var(--muted)}#app{padding:32px 38px 65px;max-width:1600px;margin:auto}h1{font:36px 'Playfair Display',Georgia,serif;color:var(--ink);margin:8px 0 12px}h2{font:24px 'Playfair Display',Georgia,serif;margin:28px 0 16px}h3{font-size:17px;margin:10px 0}p{line-height:1.7}.intro{color:var(--muted);max-width:760px;margin:0 0 24px}.kicker{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:var(--gold);font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px}.metric strong{font:32px Georgia;color:var(--ink);display:block}.metric span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.card img{width:100%;height:165px;object-fit:cover;background:#d8e2d5}.visual{height:165px;background:linear-gradient(135deg,#bad0c0,#2a584b);display:flex;align-items:center;justify-content:center;color:#f4eee2;font:30px Georgia}.cardbody{padding:19px}.meta{color:var(--muted);font-size:11px}.score{position:absolute;right:13px;top:13px;background:#fff;padding:9px 11px;border-radius:7px;color:var(--ink);font-weight:700}.score small{display:block;font-size:8px;letter-spacing:.7px}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:10px;border-radius:4px;padding:5px 8px;background:#edf2ec;color:#466052}.badge{display:inline-block;border-radius:4px;padding:5px 9px;font-size:10px;font-weight:600;background:#f6eddd;color:#8b6329}.badge.bad{background:#f6e9e5;color:#a24d39}.badge.good{background:#e7f1e9;color:#28644d}.card p{font-size:12px;line-height:1.65;min-height:39px}.cardfoot{display:flex;justify-content:space-between;align-items:center;margin-top:17px;border-top:1px solid var(--line);padding-top:14px}button,.button{font:inherit;cursor:pointer;background:var(--ink);color:white;border:0;border-radius:5px;padding:9px 14px;text-decoration:none;font-size:12px}button.secondary{background:#edf2ec;color:var(--ink)}button:hover,.button:hover{filter:brightness(1.15)}.filters{display:flex;gap:12px;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:8px;padding:17px;margin:20px 0}label{display:block;font-size:11px;color:var(--muted)}select,input{font:inherit;padding:10px;border:1px solid #cfdad2;border-radius:5px;background:#fff;color:var(--ink);display:block;margin-top:6px;max-width:100%}input[type=checkbox]{display:inline-block;margin-right:7px}select{min-width:145px}.notice{border-left:3px solid var(--gold);padding:13px 18px;background:#f9f2e6;border-radius:3px;font-size:12px;line-height:1.6;margin:19px 0}.twocol{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.tablewrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;background:#ecf0e9;font-size:10px;letter-spacing:.3px;text-transform:uppercase;padding:14px;white-space:nowrap}td{padding:14px;border-top:1px solid var(--line);line-height:1.6;vertical-align:top;min-width:130px}td:first-child{font-weight:600}a{color:#347967}details{margin:10px 0;background:white;border:1px solid var(--line);border-radius:6px;padding:14px}summary{cursor:pointer;font-size:12px;font-weight:600}details p{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tabs a{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:5px;text-decoration:none;font-size:12px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.weights{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:15px}.weights input{width:100%}.window{margin:15px 0;border:1px solid var(--line);background:white;border-radius:9px;padding:22px}.windowtop{display:flex;justify-content:space-between;gap:15px;align-items:center}.split{display:flex;justify-content:space-between;gap:15px;align-items:center}.muted{color:var(--muted)}#toast{position:fixed;bottom:25px;right:25px;background:#143f36;color:white;padding:13px 22px;border-radius:6px;display:none}.empty{padding:35px;text-align:center;color:var(--muted)}.small{font-size:11px}.hero{display:flex;justify-content:space-between;align-items:start;gap:20px}.heroimage{width:250px;height:150px;object-fit:cover;border-radius:8px}.bars{display:grid;gap:9px}.bar{height:5px;background:#e5ebe4;border-radius:3px}.bar div{height:100%;background:#3a7561;border-radius:3px}.checkrow{font-size:11px;color:var(--muted);padding-top:9px}.spaced{margin-top:20px}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.formgrid,.weights{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){aside{position:relative;width:auto;padding:20px}.brand{font-size:28px}.brand span{display:inline;margin-left:10px}.eyebrow,.asidefoot{display:none}nav{display:flex;overflow:auto;gap:4px}nav a{white-space:nowrap}main{margin:0}header{padding:15px;height:auto}.stamp{display:none}#app{padding:22px}.metrics{grid-template-columns:repeat(2,1fr)}.grid,.twocol{grid-template-columns:1fr}h1{font-size:30px}.heroimage{display:none}.filters{display:grid;grid-template-columns:1fr 1fr}.weights{grid-template-columns:repeat(2,1fr)}}

.skip-link{position:fixed;top:-100px;left:12px;z-index:10000;padding:12px 18px;background:#fff;color:#12253a;border:2px solid currentColor}.skip-link:focus{top:12px}