:root{--ink:#16130F;--paper:#FBF8F4;--acc:#E8573A;--mut:#6B645C;--line:#E7E0D7;--r:18px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "Inter Tight",system-ui,sans-serif}
a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.top{position:sticky;top:0;z-index:9;display:flex;gap:24px;align-items:center;padding:14px 20px;background:rgba(22,19,15,.94);color:#fff;backdrop-filter:blur(8px);overflow-x:auto}
.top nav{display:flex;gap:18px;white-space:nowrap;font-size:14px}.top nav a{text-decoration:none;opacity:.75}.top nav a:hover,.top nav a[aria-current]{opacity:1;color:#FFB59F}
.logo{font:400 28px/1 "Instrument Serif",serif;text-decoration:none;letter-spacing:-.5px}.logo span{color:var(--acc)}
h1,h2,.sh{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.02em;line-height:1.02}
h1{font-size:clamp(44px,7vw,96px);margin:.1em 0 .2em}h1 em{color:var(--acc)}h2{font-size:clamp(28px,3.4vw,40px)}
.kick{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0}
.lede{font-size:clamp(17px,1.6vw,21px);color:var(--mut);max-width:44ch}
.hero{background:radial-gradient(600px 380px at 78% 30%,rgba(255,150,170,.28),transparent 70%),radial-gradient(520px 340px at 12% 90%,rgba(255,196,140,.16),transparent 70%),var(--ink);color:#fff;padding:56px 0 72px}.hero em{color:#FFB3C1;text-shadow:0 0 24px rgba(255,140,170,.55)}.himg{box-shadow:0 0 80px rgba(255,140,170,.25)}.hero .lede{color:#CFC7BD}.hgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.himg{position:relative;margin:0;border-radius:var(--r);overflow:hidden}.himg canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.himg figcaption{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);color:var(--ink);padding:8px 14px;border-radius:99px;font-size:13px}#uvn{color:var(--acc);font-weight:700}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;background:var(--acc);color:#fff;padding:14px 22px;border-radius:99px;text-decoration:none;font-weight:600;border:0;font:inherit;font-weight:600;cursor:pointer}.btn.ghost{background:transparent;border:1px solid #ffffff55}.btn:hover{filter:brightness(1.08)}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-32px;position:relative}.strip a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;display:flex;justify-content:space-between;align-items:baseline}.strip a:hover{border-color:var(--ink)}.strip small{color:var(--mut)}
.shead{display:flex;justify-content:space-between;align-items:baseline;margin:56px 0 18px}.shead a{font-size:14px;font-weight:600}.sh{font-size:36px;margin:48px 0 18px}.shead .sh{margin:0}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.pc:hover{transform:translateY(-3px);box-shadow:0 12px 30px -12px #16130F33}
.pc-art{position:relative;background:#F3EEE7;border-radius:12px;height:170px;display:grid;place-items:center}.bt{height:120px;transition:transform .3s}.pc:hover .bt{transform:rotate(-4deg) scale(1.04)}
.chip{position:absolute;top:10px;left:10px;font-size:11px;font-weight:600;background:#fff;padding:3px 9px;border-radius:99px}
.pc h3{font-size:15px;line-height:1.35;margin:12px 0 4px;font-weight:600}.meta{font-size:13px;color:var(--mut);margin:0 0 12px}
.pc-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.pc-foot b{font-size:22px}.buy{font-size:13px;font-weight:600;background:var(--ink);color:#fff;padding:8px 12px;border-radius:99px;text-decoration:none}.buy:hover{background:var(--acc)}
.src{font-size:11px;color:var(--mut);margin:8px 0 0}
.gg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gc{text-decoration:none;display:flex;flex-direction:column;gap:6px}.gc img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;transition:filter .2s}.gc:hover img{filter:saturate(1.3)}.gc span{font:400 24px/1.1 "Instrument Serif",serif}.gc small{color:var(--mut);font-size:13px}
.help{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;background:var(--ink);color:#fff;border-radius:24px;padding:40px;margin-top:64px}.help img{max-height:320px;margin:auto;border-radius:14px}.help p{color:#CFC7BD}
.cathead{padding:40px 20px 8px}.filters{display:flex;gap:8px;margin:12px 0 24px}.filters button{font:inherit;font-size:14px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 16px;cursor:pointer}.filters .on{background:var(--ink);color:#fff}
.crumbs{font-size:13px;color:var(--mut);margin-top:16px}
.ghead{padding-top:32px}.ghead h1{font-size:clamp(40px,5.6vw,76px);max-width:16ch}.gimg{margin:24px auto}.gimg img{width:100%;max-height:420px;object-fit:cover;border-radius:var(--r)}
.gbody{display:grid;grid-template-columns:220px 1fr;gap:48px}.toc{position:sticky;top:80px;align-self:start;display:flex;flex-direction:column;gap:8px;font-size:14px}.toc a{color:var(--mut);text-decoration:none}.toc a:hover{color:var(--acc)}
.prose{max-width:68ch;font-size:18px}.prose h2{margin:1.4em 0 .3em}
.rt{width:100%;border-collapse:collapse;font-size:15px}.rt th,.rt td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.rt tfoot td{border:0;font-size:18px}.note{font-size:13px;color:var(--mut)}
.quiz fieldset{border:1px solid var(--line);border-radius:14px;background:#fff;margin:0 0 12px;padding:16px}.quiz legend{font-weight:600;padding:0 6px}.quiz label{display:inline-flex;gap:6px;margin:6px 16px 0 0}#res{font-size:20px;margin-top:16px}
footer{margin-top:96px;background:var(--ink);color:#CFC7BD;padding:48px 0 24px;font-size:14px}footer h4{color:#fff;margin:0 0 8px}.fgrid{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:32px}.fine{opacity:.6;font-size:12px;margin-top:32px}footer .logo{color:#fff}
@media (max-width:900px){.hgrid,.gbody,.help,.fgrid{grid-template-columns:1fr}.grid,.gg,.strip{grid-template-columns:repeat(2,1fr)}.toc{position:static;flex-direction:row;flex-wrap:wrap}.strip{margin-top:16px}}
@media (max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:10px}.pc-art{height:130px}.bt{height:90px}.pc-foot{flex-direction:column;align-items:flex-start;gap:8px}.gg{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.disc-bar{margin:0;background:#2A241E;color:#CFC7BD;font-size:12px;text-align:center;padding:6px 12px}.disc-bar a{color:#FFB59F}
.grid{grid-template-columns:repeat(5,1fr);gap:14px}
.pc{padding:10px;gap:2px}.pc-img{display:block;background:#fff;border-radius:12px;overflow:hidden;aspect-ratio:1}.pc-img img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.pc:hover .pc-img img{transform:scale(1.04)}
.mer{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin:10px 0 0}
.pc h3{font-size:14px;font-weight:500;margin:4px 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pc h3 a{text-decoration:none}
.price{margin:auto 0 0}.price b{font-size:22px;letter-spacing:-.01em}.src,.also{font-size:11px;color:var(--mut);margin:2px 0 0;line-height:1.35}.also a{color:var(--ink);font-weight:600}
.pc .buy{margin-top:10px;text-align:center}
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 18px}.bar .filters{margin:0;flex-wrap:wrap}.sort select{font:inherit;font-size:14px;padding:7px 10px;border-radius:99px;border:1px solid var(--line);background:#fff}
.rel{font-size:14px}.pill{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 12px;margin:3px 4px 0 0;text-decoration:none;font-weight:600}
.byline{font-size:14px;color:var(--mut)}.answer{font-size:20px;line-height:1.5;border-left:3px solid var(--acc);padding:4px 0 4px 18px;max-width:62ch}
.prose h3{font-size:20px;margin:1.2em 0 .2em}.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}.prose a{color:#B23A20}
.cmp{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0}.cmp th{background:var(--ink);color:#fff;text-align:left;padding:10px;font-weight:600}.cmp td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top;background:#fff}
.refs{font-size:14px}.refs li{margin:.4em 0}sup a{text-decoration:none;color:var(--acc);font-weight:700;font-size:12px;padding-left:1px}
.trust{padding-top:32px}.trust h1{font-size:clamp(36px,5vw,60px)}
@media (max-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.cmp{display:block;overflow-x:auto}}
@media (max-width:520px){.grid{grid-template-columns:1fr 1fr}.pc-img{aspect-ratio:1}}

.ctl{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ctl input,.ctl select{font:inherit;font-size:14px;padding:7px 12px;border:1px solid var(--line);border-radius:99px;background:#fff}.ctl input{min-width:260px}.note.small{font-size:12px;color:#7a7068;margin:0 0 6px}.cnt{font-size:13px;margin:0 0 10px;color:#7a7068}.more{text-align:center;margin:24px 0}.pc[hidden]{display:none}.pc-img{aspect-ratio:1}
/* ---- light glow palette 12 Oct */
:root{--ink:#2A1F2D;--paper:#FFFBFC;--acc:#E0577E;--mut:#6E6070;--line:#F1E3EA;--blush:#FFE4EC;--peach:#FFE9DC;--dew:#E8F6F4}
body{background:radial-gradient(900px 500px at 90% -10%,#FFE4EC 0,transparent 60%),radial-gradient(800px 500px at -10% 30%,#E8F6F4 0,transparent 55%),#FFFBFC;background-attachment:fixed;color:var(--ink)}
.top{background:rgba(255,251,252,.86);color:var(--ink);border-bottom:1px solid var(--line)}.top nav a{opacity:.8}.top nav a:hover,.top nav a[aria-current]{color:var(--acc);opacity:1}
.hero{background:radial-gradient(620px 420px at 78% 35%,rgba(255,182,203,.55),transparent 70%),radial-gradient(520px 360px at 8% 95%,rgba(255,214,190,.5),transparent 70%),radial-gradient(400px 300px at 50% 0%,rgba(200,240,234,.55),transparent 70%),#FFF7F9;color:var(--ink)}
.hero .lede{color:var(--mut)}.hero em{color:var(--acc);text-shadow:0 0 28px rgba(255,150,180,.6)}
.himg{box-shadow:0 20px 80px rgba(240,120,160,.28),0 0 0 8px rgba(255,255,255,.7)}
.btn{background:linear-gradient(135deg,#F07A9A,#F5A987);color:#fff;box-shadow:0 8px 24px rgba(240,122,154,.35);border:0}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
footer{background:#FFF1F5!important;color:var(--mut)!important}footer a{color:var(--ink)}footer .logo{color:var(--ink)}
.help{background:linear-gradient(135deg,#FFE4EC,#FFEFE4 60%,#E8F6F4)!important;color:var(--ink)!important}
.cmp th{background:#FFE4EC!important;color:var(--ink)!important}
.pc{background:#fff;border-color:var(--line);box-shadow:0 2px 14px rgba(224,87,126,.06)}.pc:hover{box-shadow:0 10px 30px rgba(224,87,126,.16)}
.buy{background:#FFF0F4!important;color:var(--acc)!important}
.filters button.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.stars{margin:2px 0;font-size:13px}.st{position:relative;color:#EBDDE3;letter-spacing:1px}.st::before{content:"★★★★★";position:absolute;inset:0;width:var(--v);overflow:hidden;color:#F3A43B}.stars small{color:var(--mut)}
.rank{list-style:none;padding:0;margin:0;display:grid;gap:16px}.rk{display:grid;grid-template-columns:40px 160px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.rk .no{font:400 40px/1 "Instrument Serif",serif;color:var(--acc)}.rk-img img{width:160px;height:160px;object-fit:contain;border-radius:14px;background:#fff}.rk h3{margin:2px 0 4px;font-size:18px}.rk h3 a{text-decoration:none}
.rq{margin:10px 0;padding:10px 14px;border-left:3px solid #F5A987;background:#FFF7F2;border-radius:0 12px 12px 0}.rq p{margin:0 0 4px}.rq cite{font-size:13px;color:var(--mut);font-style:normal}
.meth{font-size:14px;color:var(--mut);max-width:75ch;margin:28px 0}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.tc{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;text-decoration:none}.tc img{width:100%;aspect-ratio:1;height:auto;object-fit:contain}.tc span{font-weight:600}.tc small{color:var(--mut)}
.rbq{display:grid;gap:14px;max-width:820px}.rbq fieldset{border:1px solid var(--line);border-radius:18px;padding:14px 18px;background:#fff}.rbq legend{font-weight:600;padding:0 6px}.rbq label{display:inline-flex;gap:6px;align-items:center;margin:6px 16px 6px 0}
.rbo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.rbc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.rbc ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}.rbc li{display:grid;grid-template-columns:90px 72px 1fr;gap:10px;align-items:center}.rbc img{width:72px;height:72px;object-fit:contain}.rbc small{display:block;color:var(--mut)}.step{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--acc)}
@media (max-width:700px){.rk{grid-template-columns:28px 90px 1fr;gap:10px}.rk-img img{width:90px;height:90px}.rbo{grid-template-columns:1fr}.rbc li{grid-template-columns:70px 60px 1fr}.ctl input{min-width:0;width:100%}.hgrid{grid-template-columns:1fr}}
.himg img{aspect-ratio:16/10;width:100%;height:auto;object-fit:cover}