:root{
--w-gold:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:x=%22http://www.w3.org/1999/xlink%22 width=%2220%22 height=%2220%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22%3E%3Cstop offset=%220%22 stop-opacity=%22.4%22/%3E%3Cstop offset=%22.25%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.75%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-opacity=%22.4%22/%3E%3C/linearGradient%3E%3Cg id=%22u%22 transform=%22rotate(45)%22%3E%3Crect x=%22-6.77%22 y=%22-6.08%22 width=%2213.55%22 height=%2212.16%22 rx=%223.89%22 fill=%22%23E0A225%22/%3E%3Crect x=%22-6.77%22 y=%22-6.08%22 width=%2213.55%22 height=%2212.16%22 rx=%223.89%22 fill=%22url(%23a)%22/%3E%3Crect x=%22-5.17%22 y=%22-3.65%22 width=%2210.35%22 height=%22.9%22 fill=%22%23fff%22 fill-opacity=%22.3%22/%3E%3C/g%3E%3Cg id=%22v%22 transform=%22rotate(-45)%22%3E%3Crect x=%22-6.77%22 y=%22-6.08%22 width=%2213.55%22 height=%2212.16%22 rx=%223.89%22 fill=%22%230F6B66%22/%3E%3Crect x=%22-6.77%22 y=%22-6.08%22 width=%2213.55%22 height=%2212.16%22 rx=%223.89%22 fill=%22url(%23a)%22/%3E%3Crect x=%22-5.17%22 y=%22-3.65%22 width=%2210.35%22 height=%22.9%22 fill=%22%23fff%22 fill-opacity=%22.3%22/%3E%3C/g%3E%3C/defs%3E%3Crect width=%2220%22 height=%2220%22 fill=%22%232A170E%22/%3E%3Cuse x:href=%22%23v%22 x=%22-10.00%22 y=%22-10.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2210.00%22 y=%22-10.00%22/%3E%3Cuse x:href=%22%23u%22 x=%220.00%22 y=%220.00%22/%3E%3Cuse x:href=%22%23v%22 x=%22-10.00%22 y=%2210.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2230.00%22 y=%22-10.00%22/%3E%3Cuse x:href=%22%23u%22 x=%2220.00%22 y=%220.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2210.00%22 y=%2210.00%22/%3E%3Cuse x:href=%22%23u%22 x=%220.00%22 y=%2220.00%22/%3E%3Cuse x:href=%22%23v%22 x=%22-10.00%22 y=%2230.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2230.00%22 y=%2210.00%22/%3E%3Cuse x:href=%22%23u%22 x=%2220.00%22 y=%2220.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2210.00%22 y=%2230.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2230.00%22 y=%2230.00%22/%3E%3C/svg%3E");
--w-rani:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:x=%22http://www.w3.org/1999/xlink%22 width=%2220%22 height=%2220%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22%3E%3Cstop offset=%220%22 stop-opacity=%22.4%22/%3E%3Cstop offset=%22.25%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.75%22 stop-opacity=%220%22/%3E%3Cstop offset=%221%22 stop-opacity=%22.4%22/%3E%3C/linearGradient%3E%3Cg id=%22u%22 transform=%22rotate(45)%22%3E%3Crect x=%22-6.77%22 y=%22-6.08%22 width=%2213.55%22 height=%2212.16%22 rx=%223.89%22 fill=%22%23C0335F%22/%3E%3Crect x=%22-6.77%22 y=%22-6.08%22 width=%2213.55%22 height=%2212.16%22 rx=%223.89%22 fill=%22url(%23a)%22/%3E%3Crect x=%22-5.17%22 y=%22-3.65%22 width=%2210.35%22 height=%22.9%22 fill=%22%23fff%22 fill-opacity=%22.3%22/%3E%3C/g%3E%3Cg id=%22v%22 transform=%22rotate(-45)%22%3E%3Crect x=%22-6.77%22 y=%22-6.08%22 width=%2213.55%22 height=%2212.16%22 rx=%223.89%22 fill=%22%23F0E4CF%22/%3E%3Crect x=%22-6.77%22 y=%22-6.08%22 width=%2213.55%22 height=%2212.16%22 rx=%223.89%22 fill=%22url(%23a)%22/%3E%3Crect x=%22-5.17%22 y=%22-3.65%22 width=%2210.35%22 height=%22.9%22 fill=%22%23fff%22 fill-opacity=%22.3%22/%3E%3C/g%3E%3C/defs%3E%3Crect width=%2220%22 height=%2220%22 fill=%22%232A170E%22/%3E%3Cuse x:href=%22%23v%22 x=%22-10.00%22 y=%22-10.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2210.00%22 y=%22-10.00%22/%3E%3Cuse x:href=%22%23u%22 x=%220.00%22 y=%220.00%22/%3E%3Cuse x:href=%22%23v%22 x=%22-10.00%22 y=%2210.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2230.00%22 y=%22-10.00%22/%3E%3Cuse x:href=%22%23u%22 x=%2220.00%22 y=%220.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2210.00%22 y=%2210.00%22/%3E%3Cuse x:href=%22%23u%22 x=%220.00%22 y=%2220.00%22/%3E%3Cuse x:href=%22%23v%22 x=%22-10.00%22 y=%2230.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2230.00%22 y=%2210.00%22/%3E%3Cuse x:href=%22%23u%22 x=%2220.00%22 y=%2220.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2210.00%22 y=%2230.00%22/%3E%3Cuse x:href=%22%23v%22 x=%2230.00%22 y=%2230.00%22/%3E%3C/svg%3E");
}
/* bedbro.info — Baan: charpai rope-bed studio. Sheesham rails, 45deg nylon weave, lacquer-turned leg roundels. */
:root{
--ground:#F2EADB;--ground-2:#E8DDC8;--sheet:#FBF7EF;--line:#D6C5A8;--line-2:#BFA986;
--ink:#23170F;--ink-2:#54402F;--mute:#6A5644;
--wood:#6E3D22;--wood-l:#8A5231;--wood-d:#3B2115;--wood-dd:#26150D;
--teal:#0F6B66;--teal-d:#0A4B47;--rani:#B82F5A;--rani-d:#7F1F3E;--gold:#E0A225;--gold-l:#F3CD6A;
--display:"Kalnia",Georgia,"Times New Roman",serif;--body:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif;
--gut:16px;--max:1240px;--r:6px;
--lacq:radial-gradient(circle,var(--gold-l) 0 16%,var(--teal) 17% 31%,var(--gold) 32% 43%,var(--rani) 44% 57%,var(--ink) 58% 63%,var(--teal) 64% 80%,var(--wood-d) 81%);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.68 var(--body);text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{max-width:100%}
a{color:var(--teal-d);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--rani-d)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:3px}
.ft :focus-visible,.nav :focus-visible,.cta :focus-visible,.pillow :focus-visible{outline-color:var(--gold-l)}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
@media (min-width:700px){:root{--gut:28px}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--sheet);padding:12px 18px;border-radius:var(--r);font-weight:600;text-decoration:none}
.skip:focus{top:12px;color:var(--sheet)}
h1,h2,h3{font-family:var(--display);font-variation-settings:"wdth" 102;color:var(--ink);text-wrap:balance}
.lbl,.kicker,.ft-h,.rel-h{font:600 12.5px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 22px;border-radius:var(--r);font:600 16px/1.2 var(--body);text-decoration:none;border:1.5px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn-cta{background:var(--rani);color:var(--sheet);box-shadow:0 3px 0 var(--rani-d)}
.btn-cta:hover{background:#A2284F;color:var(--sheet)}
.btn-cta .dot{width:12px;height:12px;border-radius:50%;background:var(--lacq);box-shadow:0 0 0 2px #fff3;flex:none}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:var(--sheet)}
.btn-ink{background:var(--gold);color:var(--ink)}
.btn-ink:hover{background:var(--gold-l);color:var(--ink)}

/* ---------- header: sheesham rail + baan edge ---------- */
.hd{position:sticky;top:0;z-index:40;background:var(--sheet);box-shadow:0 1px 0 var(--line)}
.hd-row{display:flex;align-items:center;gap:16px;min-height:66px}
.baan-edge{height:9px;background:var(--w-gold) 0 0/20px 20px;box-shadow:inset 0 2px 0 var(--wood-d),inset 0 -1px 0 var(--wood-d)}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);min-height:44px;margin-right:auto}
.mark{position:relative;width:42px;height:42px;border-radius:5px;padding:4px;background:linear-gradient(135deg,var(--wood-l),var(--wood-d));flex:none;box-shadow:0 2px 0 #0002}
.mark-w{display:block;width:100%;height:100%;border-radius:2px;background:var(--w-gold) 0 0/14px 14px}
.mark-k{position:absolute;inset:0;margin:auto;width:22px;height:22px;border-radius:50%;background:var(--sheet);display:grid;place-items:center;font:700 14px/1 var(--display);color:var(--ink);box-shadow:0 0 0 2px var(--wood-d)}
.brand-tx{display:flex;flex-direction:column;line-height:1}
.brand-nm{white-space:nowrap;font:620 22px/1 var(--display);font-variation-settings:"wdth" 112;letter-spacing:-.01em}
.brand-tg{font:600 11px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:5px}
.menu-t{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 16px 0 12px;border:1.5px solid var(--ink);border-radius:999px;background:var(--sheet);color:var(--ink);font:600 15px/1 var(--body);cursor:pointer}
.menu-ic{display:grid;gap:4px;width:20px}
.menu-ic i{display:block;height:2.5px;border-radius:2px;background:var(--teal);transition:transform .25s,opacity .2s}
.menu-ic i:nth-child(2){background:var(--gold);width:70%}
.menu-ic i:nth-child(3){background:var(--rani)}
.hd.open .menu-ic i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hd.open .menu-ic i:nth-child(2){opacity:0}
.hd.open .menu-ic i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav{display:none}
.nav ul{list-style:none;margin:0;padding:0}
.knot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--k,var(--teal));box-shadow:inset 0 -2px 0 #0003}
.c-gold{--k:var(--gold);--kd:#9C6C0E}.c-teal{--k:var(--teal);--kd:var(--teal-d)}.c-rani{--k:var(--rani);--kd:var(--rani-d)}
.hd.open .nav{display:block;position:absolute;left:0;right:0;top:100%;background:var(--wood-dd);padding:10px var(--gut) 22px calc(var(--gut) + 16px);box-shadow:0 24px 40px -20px #000a;max-height:calc(100vh - 80px);overflow-y:auto}
.hd.open .nav::before{content:"";position:absolute;left:0;top:0;bottom:0;width:12px;background:var(--w-rani) 0 0/20px 20px}
.hd.open .nav a{display:flex;align-items:center;gap:14px;min-height:54px;color:var(--sheet);text-decoration:none;font:560 21px/1.2 var(--display);font-variation-settings:"wdth" 100;border-bottom:1px solid #ffffff1a}
.hd.open .nav a[aria-current]{color:var(--gold-l)}
.hd-cta{display:none}
.lsw{display:flex;gap:6px;flex-wrap:wrap}
.lsw a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;text-decoration:none;font:600 14px/1 var(--body)}
.lsw a[aria-current]{background:var(--gold);color:var(--ink)}
@media (min-width:980px){
 .menu-t{display:none}
 .nav{display:flex;align-items:center;gap:18px}
 .nav ul{display:flex;gap:2px}
 .nav a{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 11px;color:var(--ink);text-decoration:none;font:500 15px/1.2 var(--body);border-radius:4px}
 .nav a:hover{background:var(--ground)}
 .nav a[aria-current]::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:3px;border-radius:2px;background:var(--k)}
 .lsw a{color:var(--ink)}
}
@media (min-width:1200px){.hd-cta{display:inline-flex;min-height:44px;padding:8px 18px;font-size:15px}}

/* ---------- hero: charpai seen from above ---------- */
.hero{padding:34px 0 46px;background:
 linear-gradient(90deg,transparent calc(50% - .5px),#d6c5a855 calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)) 0 0/64px 64px,
 linear-gradient(transparent calc(50% - .5px),#d6c5a855 calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)) 0 0/64px 64px,var(--ground)}
.hero-g{display:grid;gap:34px}
.kicker{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--teal-d)}
.kicker::before{content:"";width:34px;height:4px;border-radius:2px;background:repeating-linear-gradient(135deg,var(--gold) 0 4px,var(--teal) 4px 8px)}
.hero h1{margin:0;font-size:clamp(2rem,1.2rem + 3vw,3.55rem);line-height:1.04;font-weight:540;letter-spacing:-.015em}
.lead{font-size:1.1rem;color:var(--ink-2);max-width:62ch}
.lead p{margin:18px 0 0}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0}
.chips li{display:inline-flex;align-items:center;min-height:34px;padding:4px 12px 4px 10px;background:var(--sheet);border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:3px;font:500 14px/1.3 var(--body);color:var(--ink-2)}
.chips li:nth-child(2){border-left-color:var(--gold)}.chips li:nth-child(3){border-left-color:var(--rani)}
.hero-bed{min-width:0;width:100%;max-width:600px;margin-inline:auto}
.bed{position:relative;padding:12px;border-radius:9px;background:
 repeating-linear-gradient(90deg,#0000 0 3px,#00000012 3px 4px,#0000 4px 9px,#ffffff0d 9px 10px),
 repeating-linear-gradient(0deg,#0000 0 5px,#0000000d 5px 6px),
 linear-gradient(135deg,var(--wood-l),var(--wood) 45%,var(--wood-d));
 box-shadow:0 34px 50px -34px #23170fcc,0 2px 0 #0003,inset 0 0 0 1px #ffffff14;margin-inline:calc(var(--gut) * -1)}
@media (max-width:519.98px){.bed{padding:7px;border-radius:0}.baan{padding:5px!important}}
.baan{padding:8px;border-radius:3px;background:var(--w-gold) 0 0/20px 20px;box-shadow:inset 0 0 0 2px var(--wood-dd),inset 0 8px 14px #0006}
.chaddar{position:relative;background:var(--sheet);border-radius:2px;box-shadow:0 3px 0 #00000026,0 10px 18px -8px #0008}
.chaddar::before{content:"";position:absolute;inset:5px;border:1px dashed #b82f5a66;border-radius:2px;pointer-events:none;z-index:1}
.leg{position:absolute;width:26px;height:26px;border-radius:50%;background:var(--lacq);box-shadow:0 3px 6px #0006,inset 0 0 0 1px #0004;z-index:2}
.leg::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ffffff59,#fff0 22%,#fff0 50%,#ffffff26 72%,#fff0 88%)}
.l1{top:-10px;left:8px}.l2{top:-10px;right:8px}.l3{bottom:-10px;left:8px}.l4{bottom:-10px;right:8px}
.steps{list-style:none;counter-reset:s;display:grid;gap:10px;margin:30px 0 0;padding:0}
.steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sheet);border:2px solid var(--k,var(--teal));font:700 16px/1 var(--display);color:var(--ink)}
.steps li:nth-child(2){--k:var(--gold)}.steps li:nth-child(3){--k:var(--rani)}
@media (min-width:520px){.bed{margin-inline:0;padding:16px}.baan{padding:14px}.leg{width:36px;height:36px}.l1{top:-12px;left:-12px}.l2{top:-12px;right:-12px}.l3{bottom:-12px;left:-12px}.l4{bottom:-12px;right:-12px}}
@media (min-width:700px){.steps{grid-template-columns:repeat(3,1fr);gap:18px}.steps li{grid-template-columns:1fr;gap:8px}}
@media (min-width:1040px){
 .hero{padding:56px 0 70px}
 .hero-g{grid-template-columns:minmax(0,1fr) minmax(430px,540px);gap:56px;align-items:start}
 .hero-copy{position:sticky;top:110px;padding-top:12px}
 .bed{padding:20px}.baan{padding:18px}
}
@media (prefers-reduced-motion:no-preference){.leg::after{animation:lathe 9s linear infinite}.l2::after,.l3::after{animation-direction:reverse}}
@keyframes lathe{to{transform:rotate(1turn)}}

/* ---------- inner page head ---------- */
.ph{padding:26px 0 36px;background:var(--ground)}
.ph-g{display:grid;gap:28px;align-items:end}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0 0 18px;padding:0;font-size:14.5px}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"";width:18px;height:3px;margin:0 10px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 3px,var(--teal) 3px 6px)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--teal-d)}
.crumbs [aria-current]{color:var(--mute)}
.ph h1{margin:0;font-size:clamp(1.85rem,1.1rem + 2.7vw,3.1rem);line-height:1.07;font-weight:540;letter-spacing:-.012em;max-width:22ch}
.swatch{display:none;position:relative;width:210px;height:210px;padding:14px;border-radius:8px;background:linear-gradient(135deg,var(--wood-l),var(--wood) 45%,var(--wood-d));box-shadow:0 26px 40px -28px #23170fcc}
.sw-w{display:block;height:100%;border-radius:2px;background:var(--w-gold) 0 0/20px 20px;box-shadow:inset 0 6px 12px #0006}
.swatch .leg{top:-12px;right:-12px;width:40px;height:40px}
.sw-tag{position:absolute;left:-14px;bottom:26px;padding:8px 14px;background:var(--sheet);border:1px solid var(--line-2);border-radius:3px;font:650 17px/1 var(--display);font-variation-settings:"wdth" 118;transform:rotate(-4deg);box-shadow:0 6px 12px -6px #0006}
.sw-tag::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;border:2px solid var(--ink-2);vertical-align:1px}
@media (min-width:860px){.ph{padding:36px 0 52px}.ph-g{grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}.swatch{display:block;margin-right:12px}}

/* ---------- body grid, cord index ---------- */
.page{padding:18px 0 64px;background:var(--sheet);border-top:1px solid var(--line)}
.page-g{display:grid;gap:30px}
.content{min-width:0;max-width:760px}
.side{min-width:0;display:grid;gap:22px;align-content:start}
.cordx{padding:18px 18px 12px;background:var(--ground);border:1px solid var(--line);border-radius:var(--r)}
.cordx .lbl{margin:0 0 8px}
.cordx ol{position:relative;list-style:none;margin:0;padding:0}
.cordx ol::before{content:"";position:absolute;left:6px;top:20px;bottom:20px;width:3px;border-radius:2px;background:repeating-linear-gradient(160deg,var(--gold) 0 4px,var(--teal) 4px 8px)}
.cordx a{position:relative;display:flex;align-items:center;gap:14px;min-height:44px;padding:6px 0;color:var(--ink-2);text-decoration:none;font-size:15px;line-height:1.35}
.cordx a:hover .tl{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.kn{flex:none;width:15px;height:15px;border-radius:50%;background:var(--sheet);border:3px solid var(--wood);position:relative;z-index:1;transition:transform .2s,background .2s}
.cordx a[aria-current] .kn{background:var(--rani);border-color:var(--rani-d);transform:scale(1.2)}
.cordx a[aria-current] .tl{color:var(--ink);font-weight:600}
.pillow{position:relative;padding:22px 22px 24px;border-radius:18px;background:var(--teal-d);color:#EAF1EC;box-shadow:inset 0 0 0 7px var(--teal-d),inset 0 0 0 8px #ffffff40}
.pillow p{margin:0 0 14px;font-size:15.5px;line-height:1.5}
.pillow-t{font:650 21px/1.2 var(--display)!important;font-variation-settings:"wdth" 112;color:#fff}
@media (min-width:1024px){
 .page{padding:48px 0 90px}
 .page-g{grid-template-columns:260px minmax(0,1fr);gap:64px}
 .side{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain}
}

/* ---------- prose ---------- */
.prose{font-size:17px}
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 1.05em}
.prose h3{font-size:1.28rem;line-height:1.25;font-weight:620;margin:1.7em 0 .5em}
.prose strong{font-weight:650;color:var(--ink)}
.prose ul{list-style:none;padding:0;margin:0 0 1.2em}
.prose ul li{position:relative;padding-left:26px;margin:.45em 0}
.prose ul li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);box-shadow:3px -3px 0 -1px var(--teal)}
.prose ol{counter-reset:o;list-style:none;padding:0;margin:0 0 1.2em}
.prose ol li{counter-increment:o;position:relative;padding-left:40px;margin:.6em 0}
.prose ol li::before{content:counter(o);position:absolute;left:0;top:.1em;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ground);border:1.5px solid var(--line-2);font:700 14px/1 var(--display);color:var(--ink)}
.intro{margin-bottom:34px;font-size:17.5px}
.tw{overflow-x:auto;margin:1.4em 0 1.6em;border:1px solid var(--line-2);border-radius:var(--r);background:var(--sheet)}
.tw table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:440px}
.tw th{background:var(--wood-dd);color:#F4EAD7;text-align:left;font:600 13px/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;padding:12px 14px}
.tw td{padding:11px 14px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.tw tr:nth-child(even) td{background:#f4ecdd}
.sec{padding:34px 0 8px;border-top:1px solid var(--line)}
.intro+.sec,.content>.sec:first-child{border-top:0;padding-top:6px}
.sec h2,.faq h2{display:flex;align-items:flex-start;gap:16px;margin:0 0 20px;font-size:clamp(1.5rem,1.15rem + 1.3vw,2.1rem);line-height:1.16;font-weight:560;letter-spacing:-.01em}
.no{flex:none;position:relative;display:grid;place-items:center;width:46px;height:46px;margin-top:-2px;border-radius:50%;background:radial-gradient(circle,var(--sheet) 0 44%,var(--k,var(--teal)) 45% 60%,var(--ink) 61% 66%,var(--kd,var(--teal-d)) 67% 84%,var(--wood-d) 85%);font:700 15px/1 var(--display);font-variation-settings:"wdth" 100;color:var(--ink);letter-spacing:0}
.no-q{--k:var(--rani);--kd:var(--rani-d);font-size:18px}
.h2t{min-width:0;padding-top:4px}

/* ---------- FAQ ---------- */
.faq{padding:40px 0 8px;border-top:1px solid var(--line)}
.faq-l{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line-2)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:14px 2px;cursor:pointer;list-style:none;font:600 17.5px/1.4 var(--body);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover .q{color:var(--teal-d)}
.x{position:relative;flex:none;width:30px;height:30px;border-radius:4px;background:var(--ground);border:1.5px solid var(--line-2);transition:transform .25s,background .2s}
.x::before,.x::after{content:"";position:absolute;inset:0;margin:auto;border-radius:2px}
.x::before{width:16px;height:4px;background:var(--gold)}
.x::after{width:4px;height:16px;background:var(--teal)}
.faq details[open] .x{transform:rotate(45deg);background:var(--sheet)}
.faq details[open] summary{color:var(--teal-d)}
.faq .a{padding:0 2px 20px;color:var(--ink-2)}

/* ---------- inner CTA ---------- */
.cta{display:grid;grid-template-columns:22px 1fr;margin:44px 0 0;border-radius:var(--r);overflow:hidden;background:var(--wood-dd);color:#F4EAD7}
.cta-w{background:var(--w-rani) 0 0/20px 20px}
.cta-b{padding:24px 22px 26px}
.cta-b p{margin:0 0 16px;font:520 clamp(1.2rem,1rem + .8vw,1.5rem)/1.32 var(--display);font-variation-settings:"wdth" 100}
.cta .btn-cta{box-shadow:0 3px 0 #000}

/* ---------- related ---------- */
.rel{padding:52px 0 64px;background:var(--ground-2);border-top:1px solid var(--line)}
.rel-h{margin:0 0 22px;color:var(--ink-2)}
.rel-g{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.rc{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:20px 20px 22px 38px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.rc:hover{transform:translateY(-3px);box-shadow:0 16px 26px -18px #23170f99;color:var(--ink)}
.rc-cord{position:absolute;left:12px;top:14px;bottom:14px;width:8px;border-radius:4px;background:repeating-linear-gradient(150deg,var(--k) 0 5px,var(--kd) 5px 8px)}
.rc-n{font:700 13px/1 var(--display);color:var(--mute);letter-spacing:.08em}
.rc strong{font:620 1.2rem/1.2 var(--display);font-variation-settings:"wdth" 106}
.rc-d{font-size:15px;line-height:1.5;color:var(--ink-2)}

/* ---------- footer ---------- */
.ft{background:var(--wood-dd);color:#E9DDC8}
.ft .wrap{padding-top:44px;padding-bottom:28px}
.ft-g{display:grid;gap:32px}
.ft .brand{color:#FBF4E6}
.ft .brand-tg{color:#C9B89C}
.ft-b p{margin:16px 0 0;font-size:15px;line-height:1.6;color:#D9CBB2;max-width:52ch}
.ft-h{margin:0 0 10px;color:var(--gold-l)}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:inline-flex;align-items:center;min-height:44px;color:#F4EAD7;text-decoration:none;font-size:15.5px}
.ft li a:hover{color:var(--gold-l);text-decoration:underline}
.ft-bot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:32px;padding-top:20px;border-top:1px solid #ffffff1f;font-size:14.5px;color:#D9CBB2}
.age{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,var(--sheet) 0 50%,var(--rani) 51% 64%,var(--gold) 65% 78%,var(--teal) 79%);color:var(--ink);font:700 14px/1 var(--display)}
.top{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;color:var(--gold-l)}
.ft .top:hover{color:#fff}
@media (min-width:760px){.ft-g{grid-template-columns:1.6fr 1fr 1fr;gap:48px}}

/* ---------- 404 ---------- */
.nf{padding:60px 0 90px;min-height:55vh}
.nf h1{font-size:clamp(2rem,1.4rem + 2vw,3rem);margin:28px 0 10px}
.nf p{margin:0 0 24px;color:var(--ink-2)}
.nf-sw{display:block;width:150px;height:150px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}