:root{
  --bg:#FBF7F0;--bg2:#F3ECDF;--card:#FFFFFF;--ink:#1F2A37;--muted:#5B6673;--line:#E6DFD2;
  --teal:#0F6E6B;--teal-dark:#0B5553;--amber:#C9781F;--amber-bg:#FFF3E0;--green-bg:#E8F5EE;--red-bg:#FDECEC;--red:#A23B3B;
  --max:1080px;--prose:760px;--radius:14px;--shadow:0 1px 2px rgba(31,42,55,.06),0 8px 24px rgba(31,42,55,.06);
}
*{box-sizing:border-box}
html{font-size:17px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--teal-dark)}
img,svg{max-width:100%}
h1,h2,h3,h4{line-height:1.2;font-weight:700;letter-spacing:-.01em;margin:1.6em 0 .5em}
h1{font-size:2.1rem;margin-top:.4em}
h2{font-size:1.5rem;border-top:1px solid var(--line);padding-top:1.1em}
h3{font-size:1.15rem}
p,ul,ol{margin:0 0 1em}
li{margin:.3em 0}
small,.small{font-size:.9rem;color:var(--muted)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--bg2);padding:.1em .35em;border-radius:5px}
hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.prose{max-width:var(--prose)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:100}
/* header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.brand svg{width:32px;height:32px}
.brand .dot{color:var(--teal)}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{padding:8px 11px;border-radius:9px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}
.nav a:hover,.nav a[aria-current="page"]{background:var(--bg2)}
.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font:inherit;font-weight:700}
@media (max-width:820px){
  .nav{display:none;width:100%;flex-direction:column;padding-bottom:10px}
  .nav.open{display:flex}
  .nav-toggle{display:inline-block}
  .site-header .container{flex-wrap:wrap}
}
/* hero */
.hero{padding:44px 0 26px}
.hero h1{font-size:2.4rem;max-width:820px;margin:0 0 .4em}
.hero .lede{font-size:1.2rem;max-width:720px;color:#33404d;margin-bottom:1.2em}
@media (max-width:640px){.hero h1{font-size:1.8rem}html{font-size:16px}}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:.6em}
/* cards & grid */
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card h3{margin-top:0}
.card.link{display:block;text-decoration:none;color:inherit;transition:transform .12s}
.card.link:hover{transform:translateY(-2px);border-color:#cfc6b4}
.card .meta{color:var(--muted);font-size:.9rem}
/* buttons */
.btn{display:inline-block;background:var(--teal);color:#fff;font-weight:700;padding:12px 20px;border-radius:11px;text-decoration:none;border:0;cursor:pointer;font-size:1rem;line-height:1.2}
.btn:hover{background:var(--teal-dark);color:#fff}
.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn.secondary:hover{background:var(--bg2);color:var(--ink)}
.btn.amber{background:var(--amber)}
.btn.small{padding:8px 14px;font-size:.92rem}
.btn:disabled{opacity:.6;cursor:default}
/* callouts */
.callout{border-left:4px solid var(--teal);background:#fff;padding:14px 18px;border-radius:0 12px 12px 0;margin:1.2em 0}
.callout.warn{border-color:var(--amber);background:var(--amber-bg)}
.callout.good{border-color:#2E8B57;background:var(--green-bg)}
.callout.bad{border-color:var(--red);background:var(--red-bg)}
.callout p:last-child{margin-bottom:0}
.badge{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--bg2);color:var(--ink);margin-right:6px;vertical-align:middle}
.badge.teal{background:#DDEFEE;color:var(--teal-dark)}
.badge.amber{background:var(--amber-bg);color:#8A4F0E}
.badge.red{background:var(--red-bg);color:var(--red)}
.badge.green{background:var(--green-bg);color:#1F5E3B}
/* tables */
.table-wrap{overflow-x:auto;margin:1.2em 0;border:1px solid var(--line);border-radius:12px;background:#fff}
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:var(--bg2);font-weight:700;position:sticky;top:0}
tr:last-child td{border-bottom:0}
td.num{white-space:nowrap}
.spec-table th:first-child,.spec-table td:first-child{font-weight:600;min-width:140px}
/* product */
.product-head{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start;margin-bottom:1em}
.product-head>div:last-child{flex:1 1 320px}
.product-head .icon{width:96px;height:96px;flex:0 0 96px;border-radius:20px;background:var(--bg2);display:flex;align-items:center;justify-content:center}
.price{font-size:1.5rem;font-weight:800}
.buy-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;margin:1em 0}
.kv dt{font-weight:600;color:var(--muted)}
.kv dd{margin:0}
@media (max-width:560px){.kv{grid-template-columns:1fr}}
/* picker */
.picker{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow);margin:24px 0}
.picker .q{font-size:1.2rem;font-weight:700;margin:0 0 .7em}
.picker .progress{font-size:.85rem;color:var(--muted);margin-bottom:.6em}
.choices{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.choice{display:block;border:2px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff;cursor:pointer;font:inherit;text-align:left;line-height:1.35}
.choice:hover{border-color:var(--teal)}
.choice.selected{border-color:var(--teal);background:#EEF7F6}
.choice small{display:block;color:var(--muted);margin-top:4px}
.picker-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.result .pick{border:2px solid var(--teal);border-radius:14px;padding:18px;margin:12px 0;background:#F6FBFA}
.result .pick.alt{border-color:var(--line);background:#fff}
.result .pick h3{margin:.2em 0}
.result ul{margin:.6em 0}
/* forms */
.form{display:grid;gap:12px;max-width:560px}
.form label{font-weight:600;font-size:.95rem}
.form input,.form select,.form textarea{width:100%;padding:11px 12px;border:1px solid #cfc6b4;border-radius:10px;font:inherit;background:#fff}
.form textarea{min-height:110px}
.form .row{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media (max-width:560px){.form .row{grid-template-columns:1fr}}
.form .msg{font-size:.95rem}
.form .msg.ok{color:#1F5E3B}
.form .msg.err{color:var(--red)}
.subscribe{background:var(--teal);color:#fff;border-radius:18px;padding:26px;margin:36px 0}
.subscribe h2{border:0;padding:0;margin:0 0 .3em;color:#fff}
.subscribe p{color:#e6f2f1}
.subscribe form{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.subscribe input{flex:1 1 240px;padding:12px 14px;border-radius:10px;border:0;font:inherit}
.subscribe .btn{background:var(--amber)}
.subscribe .msg{width:100%;color:#fff;font-size:.95rem}
/* footer */
.site-footer{border-top:1px solid var(--line);margin-top:56px;padding:34px 0;color:var(--muted);font-size:.9rem;background:#fff}
.site-footer .cols{display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr}
@media (max-width:700px){.site-footer .cols{grid-template-columns:1fr}}
.site-footer a{color:var(--ink)}
.site-footer ul{list-style:none;padding:0;margin:0}
/* misc */
.toc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:1.2em 0;font-size:.95rem}
.toc ol{margin:0;padding-left:1.2em}
.verified{font-size:.85rem;color:var(--muted)}
.breadcrumb{font-size:.88rem;color:var(--muted);margin:14px 0 0}
.breadcrumb a{color:var(--muted)}
.two{display:grid;gap:18px;grid-template-columns:1fr 1fr}
@media (max-width:700px){.two{grid-template-columns:1fr}}
.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.filter-btn{border:1px solid var(--line);background:#fff;padding:7px 12px;border-radius:999px;cursor:pointer;font:inherit;font-size:.9rem}
.filter-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}
.faq details{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:10px 0;background:#fff}
.faq summary{font-weight:700;cursor:pointer}
.faq details p{margin-top:.6em}
.print-only{display:none}
@media print{.site-header,.site-footer,.subscribe,.nav,.no-print{display:none!important}.print-only{display:block}body{background:#fff}}