:root{--paper:#f6f4ed;--card:#fffef9;--ink:#202c27;--muted:#626b64;--line:#d8dcd1;--green:#244c3c;--lime:#d9e7b5;--clay:#b86b48;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--clay);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(42px,5.6vw,76px);margin-bottom:25px}h2{font-size:clamp(32px,3.5vw,46px)}h3{font-size:21px;letter-spacing:-.02em}p{margin-bottom:20px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:36px;min-height:92px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:600 23px/1 Georgia,serif;letter-spacing:-.04em;white-space:nowrap}.mark{width:34px;height:34px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;font:16px Arial}.navlinks{display:flex;gap:25px;align-items:center;margin-left:auto}.navlinks a{text-decoration:none;font-size:14px}.navlinks a:hover{text-decoration:underline}.navtool{padding:10px 16px;border:1px solid var(--ink);border-radius:6px}.eyebrow{font:11px/1.4 Arial,sans-serif;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--green);margin-bottom:20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;padding-top:66px;padding-bottom:63px;align-items:center}.hero .intro{max-width:490px;color:var(--muted);font-size:18px}.hero h1 em{font-style:italic;color:var(--clay)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 21px;border:1px solid var(--green);background:var(--green);color:white;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600}.button.secondary{color:var(--green);background:transparent}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.heroart{background:#e9ecdf;border:1px solid #cfd6c6;border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:1.05}.heroart svg{width:100%;height:100%;display:block}.artlabel{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font:10px Arial;letter-spacing:.1em;color:#3b5744}.artcaption{position:absolute;bottom:17px;left:24px;font:11px Arial;color:#5c6b5c}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:32px;justify-content:space-between;padding:18px 0;font-size:12px;color:var(--muted)}.trust b{color:var(--ink);font-weight:600}.section{padding:57px 0}.sectionhead{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:27px}.sectionhead h2{margin-bottom:0}.sectionhead p{max-width:360px;margin-bottom:0;color:var(--muted);font-size:14px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 27px}.chip{padding:8px 14px;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:12px}.chip[aria-pressed=true]{color:white;background:var(--green);border-color:var(--green)}.search{margin-left:auto;min-width:220px;max-width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.cardart{height:185px;position:relative;background:#e3e9dd;display:grid;place-items:center;padding:15px}.cardart.sand{background:#ebe6d6}.cardart.ink{background:#d8dedc}.cardart.clay{background:#ebded4}.cardart svg{width:160px;max-height:155px}.cardbody{padding:22px;display:flex;flex-direction:column;flex:1}.cardbody h3{font-size:19px;margin-bottom:12px}.cardbody p{color:var(--muted);font-size:14px;line-height:1.6;flex:1}.cardmeta{font:10px Arial;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:11px}.readlink{font-size:13px;font-weight:600;display:flex;justify-content:space-between;text-decoration:none;padding-top:14px;border-top:1px solid var(--line)}.smalltag{position:absolute;top:14px;left:14px;background:rgba(255,254,249,.85);padding:3px 8px;border-radius:4px;font-size:10px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:24px}.featurebox{border:1px solid var(--line);padding:34px;border-radius:10px;background:#efede3}.featurebox.dark{background:var(--green);color:#fff}.featurebox h3{font:32px/1.12 Georgia,serif;font-weight:400;letter-spacing:-.04em;margin:15px 0}.featurebox p{font-size:15px;max-width:390px;color:var(--muted)}.featurebox.dark p,.featurebox.dark .eyebrow{color:#d9e3d8}.featurebox.dark .button{background:var(--lime);border-color:var(--lime);color:var(--ink)}.section.ruled{border-top:1px solid var(--line)}.guidegrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guideitem{display:grid;grid-template-columns:56px 1fr;gap:19px;padding:25px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--card)}.guideitem h3{font-size:22px}.guideitem p{font-size:14px;color:var(--muted);margin-bottom:0}.number{font:31px Georgia;color:var(--clay)}.footer{margin-top:45px;border-top:1px solid var(--line);padding:35px 0 25px;font-size:12px;color:var(--muted)}.footerrow{display:flex;justify-content:space-between;align-items:start;gap:30px}.footerlinks{display:flex;gap:20px;flex-wrap:wrap}.footer p{max-width:700px;font-size:11px;margin:25px 0 0}.pagehead{padding:48px 0 35px;max-width:900px}.pagehead h1{font-size:clamp(40px,5vw,64px)}.crumb{font-size:12px;color:var(--muted);margin:28px 0 0}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:800px}.articlelayout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px;align-items:start}.prose h2{font-size:33px;letter-spacing:-.025em;margin-top:42px}.prose p,.prose li{font-size:16px;line-height:1.85}.prose ul{padding-left:22px}.prose li{margin:10px 0}.note{background:#e9ecdf;border-left:3px solid var(--green);padding:18px 22px;font-size:13px;margin-bottom:25px}.note p{font-size:13px;margin:0}.meta{font-size:12px;color:var(--muted)}.verdict{padding:28px;background:var(--green);color:white;border-radius:10px;margin-bottom:28px}.verdict h2{font:28px Georgia;margin:0 0 12px;letter-spacing:-.02em}.verdict p{margin:0;font-size:16px;line-height:1.75}.aside{position:sticky;top:25px}.asidebox{padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--card);margin-bottom:18px}.asidebox h3{font-size:17px}.asidebox dl{margin:0}.asidebox dt{font-size:11px;color:var(--muted);margin-top:13px}.asidebox dd{margin:0;font-size:14px}.asidebox .button{width:100%;margin:18px 0 6px}.small{font-size:12px;color:var(--muted)}.alternatives{display:grid;grid-template-columns:1fr 1fr;gap:15px}.alternative{padding:20px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--card)}.alternative strong{display:block;font-size:17px;margin-bottom:9px}.alternative p{font-size:14px;line-height:1.6;margin:0;color:var(--muted)}.sources{font-size:13px;border-top:1px solid var(--line);margin-top:40px;padding-top:15px}.sources li{font-size:13px}.sources span{display:block;font-size:11px;color:var(--muted)}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--card)}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;background:#e9ecdf}tr:last-child td{border-bottom:none}.toolgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.panel{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.panel h2{font-size:29px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:19px}label{display:block;font-size:13px;font-weight:600}label small{font-weight:400;display:block;color:var(--muted);font-size:11px}.fields input,.fields select,.selectrow select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #bfc7b9;border-radius:5px;background:white;color:var(--ink)}.result{background:var(--green);color:white}.result h2,.result h3{color:white}.result .big{font:64px/1.1 Georgia,serif;margin:15px 0 22px}.result .small{color:#d9e3d8}.breakdown{list-style:none;padding:0;margin:0}.breakdown li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #ffffff30;font-size:14px}.resultsample{padding:10px 0;font-size:11px;color:#d4decf}.selectrow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.fitinputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.fitinputs input{width:100%;padding:8px;border:1px solid var(--line);border-radius:5px}.fitresult{margin-top:20px;background:#e9ecdf;padding:18px;font-size:14px}.volumeboxes{display:flex;align-items:end;gap:35px;padding:35px;min-height:280px;background:#e9ecdf;margin-bottom:25px;border-radius:10px}.bed{border:2px solid var(--green);background:#244c3c15;position:relative;display:grid;place-items:center;flex-shrink:0;max-width:100%;font-size:12px;text-align:center}.bed:before{content:'';position:absolute;inset:10%;border:1px dashed #244c3c50}.bed span{background:#e9ecdf;position:relative;padding:3px}.empty{display:none;padding:30px;border:1px solid var(--line);margin-top:20px}.studiohead{background:#e8ecdf;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:25px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.metric{padding:20px;border:1px solid var(--line);background:var(--card);border-radius:9px}.metric b{display:block;font:40px Georgia}.metric span{font-size:12px;color:var(--muted)}.status{display:inline-block;font-size:11px;padding:3px 8px;border-radius:30px;background:#e9ecdf}.status.warn{background:#f2dfc9}.reviewbox{margin:15px 0;border:1px solid var(--line);padding:20px;border-radius:8px;background:var(--card)}.reviewbox h3{margin-bottom:5px}.reviewbuttons{display:flex;gap:12px;margin-top:14px}.reviewbuttons button{font-size:12px;padding:7px 12px;border:1px solid var(--line);border-radius:5px;background:transparent}.reviewbuttons button[aria-pressed=true]{background:var(--green);color:white}.error{color:#923d2a;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1000px){.grid{grid-template-columns:1fr 1fr}.hero{gap:30px}.articlelayout{gap:30px;grid-template-columns:minmax(0,1fr) 250px}.nav{gap:15px}.navlinks{gap:16px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.nav{flex-wrap:wrap;padding:20px 0;min-height:100px;gap:19px}.brand{font-size:22px}.navlinks{margin-left:0;width:100%;justify-content:space-between;gap:8px}.navlinks a{font-size:12px}.navtool{padding:7px 10px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;gap:30px}.heroart{aspect-ratio:1.3}.hero h1{font-size:53px}.hero .intro{font-size:16px}.trust{flex-wrap:wrap;gap:10px 18px;font-size:11px;justify-content:start}.section{padding:35px 0}.sectionhead{display:block}.sectionhead p{margin-top:18px}.grid{gap:13px}.cardbody{padding:17px}.cardbody h3{font-size:18px}.cardart{height:150px}.cardart svg{width:130px}.cardbody p{font-size:12px}.feature,.guidegrid,.toolgrid,.articlelayout{grid-template-columns:1fr}.featurebox{padding:25px}.search{margin-left:0;width:100%}.aside{position:static}.articlelayout{gap:25px}.pagehead{padding-top:30px}.pagehead h1{font-size:43px}.lead{font-size:18px}.footerrow{flex-direction:column}.footerlinks{gap:15px}.alternatives{grid-template-columns:1fr}.panel{padding:22px}.fields{gap:14px}.result .big{font-size:54px}.metrics{grid-template-columns:1fr 1fr}.selectrow{grid-template-columns:1fr}.volumeboxes{padding:20px;gap:20px;flex-wrap:wrap}.guideitem{padding:20px;gap:12px;grid-template-columns:35px 1fr}.guideitem h3{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
