:root{--ink:#30281d;--muted:#756a59;--gold:#9b741d;--line:rgba(155,116,29,.22);--paper:#fffdf7;--cream:#f7f0df;--violet:#5a318f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 50% 0,#fff7d8 0,transparent 34rem),#f8f3e9;font-family:Georgia,"Times New Roman",serif;line-height:1.72}.guide-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}.breadcrumbs{padding:22px 0 8px;font:13px/1.5 Arial,sans-serif;color:var(--muted)}.breadcrumbs a{color:var(--gold);text-decoration:none}.guide-hero{text-align:center;padding:54px 24px 42px}.eyebrow{margin:0 0 12px;color:var(--gold);font:700 12px/1.4 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.guide-hero h1{max-width:850px;margin:0 auto 18px;font-size:clamp(35px,6vw,64px);line-height:1.06;font-weight:500}.lede{max-width:760px;margin:0 auto;color:var(--muted);font-size:clamp(18px,2.4vw,22px)}.cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border-radius:999px;background:var(--gold);color:#fff;text-decoration:none;font:700 14px/1 Arial,sans-serif}.btn.secondary{background:transparent;color:var(--gold);border:1px solid var(--line)}.guide-main{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start;padding-bottom:70px}.article,.side-card{background:rgba(255,253,247,.93);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(74,51,13,.06)}.article{padding:clamp(24px,5vw,58px)}.article h2{margin:2.2em 0 .55em;color:#6f5013;font-size:clamp(26px,4vw,38px);line-height:1.2}.article h2:first-child{margin-top:0}.article h3{margin:1.7em 0 .4em;font-size:22px}.article p,.article li{font-size:18px}.article a{color:#785415}.definition,.note{padding:20px 22px;border-left:4px solid var(--gold);border-radius:0 14px 14px 0;background:var(--cream)}.steps,.meaning-grid,.related-grid{display:grid;gap:14px}.steps{counter-reset:step}.step{position:relative;padding:18px 18px 18px 58px;border:1px solid var(--line);border-radius:14px;background:#fff}.step:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#fff;font:bold 13px Arial}.meaning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meaning{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.meaning strong{display:block;color:#765616;font-size:18px}.side-card{position:sticky;top:20px;padding:22px}.side-card h2{margin:0 0 10px;font-size:20px}.side-card a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:#6c511c;text-decoration:none;font:14px/1.45 Arial,sans-serif}.side-card a:last-child{border:0}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:700;font-size:18px}.related{margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related a{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;text-decoration:none;font-weight:700}.language-note{font:14px/1.6 Arial,sans-serif;color:var(--muted)}
@media(max-width:820px){.guide-main{grid-template-columns:1fr}.side-card{position:static;order:-1}.meaning-grid,.related-grid{grid-template-columns:1fr}.guide-hero{padding-top:38px}.article p,.article li{font-size:17px}}
@media(max-width:520px){.guide-wrap{width:min(100% - 20px,1120px)}.guide-hero{padding-left:10px;padding-right:10px}.article{padding:24px 18px;border-radius:17px}.btn{width:100%}}