body{background:radial-gradient(circle at 85% 8%,rgba(184,135,63,.1),transparent 28rem),radial-gradient(circle at 5% 28%,rgba(63,125,75,.055),transparent 25rem),var(--canvas)}
.nav-links{align-items:center;height:100%}.nav-links a{display:inline-flex;align-items:center;min-height:44px;line-height:1}.nav-cta{justify-content:center}
main{overflow:hidden}.page-hero{position:relative;padding:64px 0 68px}.page-hero:after{content:"";position:absolute;right:0;bottom:38px;width:132px;height:132px;border:1px solid rgba(184,135,63,.3);border-radius:50%;box-shadow:0 0 0 22px rgba(184,135,63,.05),0 0 0 44px rgba(184,135,63,.025);pointer-events:none}.page-hero h1{position:relative;z-index:1;text-wrap:balance}.page-hero .lead{font-size:1.12rem;line-height:1.75}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(184,135,63,.28);border-radius:999px;background:rgba(255,255,255,.56)}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(184,135,63,.14)}.meta span{padding:6px 10px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(255,255,255,.64)}
.tool-layout{gap:64px}.calculator{overflow:hidden;padding:34px;border-color:#d9c9ab;border-radius:26px;box-shadow:0 28px 75px rgba(42,36,28,.13),inset 0 1px 0 #fff}.calculator:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--amber),#d8b879,var(--green))}.calculator h2{font-size:1.5rem;letter-spacing:-.035em}.field label{font-size:.72rem;letter-spacing:.02em;text-transform:uppercase}.field input,.field select{min-height:52px;border-radius:13px;background:#fcfaf6;transition:.2s}.field input:hover,.field select:hover{border-color:#c6ad82;background:#fff}.field input:focus,.field select:focus{outline:0;box-shadow:0 0 0 4px rgba(184,135,63,.13)}.result-box{padding:25px;border-radius:19px;background:linear-gradient(145deg,#30291f,#211c16);box-shadow:0 18px 38px rgba(42,36,28,.2)}.result-box>strong{font-size:clamp(2rem,4vw,2.65rem);letter-spacing:-.05em;color:#f4d49d}.result-box>p{margin-top:8px;color:#d3c7b3;font-size:.8rem}.result-grid{overflow:hidden;margin-top:18px;border-radius:12px;background:rgba(255,255,255,.08)}.result-grid div{background:rgba(255,255,255,.035)}.result-grid strong{color:#fff}.calculator-note{padding-left:22px;line-height:1.6}
.content,.article-body{font-size:1rem}.content h2,.article-body h2{scroll-margin-top:110px;text-wrap:balance}.content h2:before,.article-body>h2:before{content:"";display:block;width:34px;height:3px;margin-bottom:14px;border-radius:3px;background:linear-gradient(90deg,var(--amber),#d9bb82)}.content p,.article-body p{line-height:1.85}.content li::marker,.article-body li::marker{color:var(--amber-dark);font-weight:800}.callout{padding:24px 26px;border:0;border-left:4px solid var(--amber);border-radius:0 16px 16px 0;background:linear-gradient(105deg,var(--amber-tint),rgba(255,255,255,.75));box-shadow:inset 0 0 0 1px rgba(184,135,63,.14)}.source-box{border:1px solid var(--line);background:linear-gradient(135deg,var(--background),#f5f1e9)}
.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.seo-card{position:relative;overflow:hidden;min-height:286px;padding:29px;border-radius:22px;box-shadow:0 8px 30px rgba(42,36,28,.035)}.seo-card:before{content:"";position:absolute;right:-32px;top:-32px;width:100px;height:100px;border:1px solid rgba(184,135,63,.18);border-radius:50%;box-shadow:0 0 0 14px rgba(184,135,63,.035)}.seo-card h2,.seo-card h3{max-width:88%;font-size:1.34rem;letter-spacing:-.035em}.seo-card p{line-height:1.7}.seo-card:hover{transform:translateY(-5px);border-color:#cdb78d;box-shadow:0 24px 52px rgba(42,36,28,.1)}
.article-layout{grid-template-columns:minmax(0,760px) 270px;gap:76px}.article-body{padding:38px 46px 48px;border:1px solid var(--line-soft);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 16px 55px rgba(42,36,28,.045)}.article-body>p:first-child{font-size:1.13rem;color:#42392e}.article-body h2{margin-top:52px;font-size:1.9rem}.article-body table{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.article-body th,.article-body td{padding:14px 15px}.article-body th{background:#f1eadf;font-size:.72rem;text-transform:uppercase;letter-spacing:.035em}.toc{padding:24px;border-radius:18px;box-shadow:0 12px 35px rgba(42,36,28,.055)}.toc strong{padding-bottom:12px;border-bottom:1px solid var(--line)}.toc a{padding:8px 0;text-decoration:none;border-bottom:1px solid var(--line-soft)}.guide-index a{position:relative;padding-right:38px;transition:.2s}.guide-index a:after{content:"→";position:absolute;right:16px;color:var(--amber-dark)}.guide-index a:hover{border-color:#cdb78d;transform:translateY(-2px);box-shadow:0 10px 25px rgba(42,36,28,.06)}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.fact{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.fact span{display:block;margin-bottom:8px;color:var(--faint);font-family:var(--mono);font-size:.62rem;text-transform:uppercase}.fact strong{font-size:1rem;line-height:1.35}.steps{counter-reset:steps;list-style:none!important;margin-left:0!important}.steps li{position:relative;min-height:42px;margin-bottom:12px;padding:8px 10px 8px 52px!important;border-radius:12px;background:rgba(234,229,219,.55)}.steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:10px;top:7px;width:28px;height:28px;border-radius:9px;background:var(--ink);color:#fff;text-align:center;font:600 .72rem/28px var(--mono)}.timeline{margin:28px 0;padding-left:28px;border-left:2px solid var(--line)}.timeline>div{position:relative;padding:0 0 24px 15px}.timeline>div:before{content:"";position:absolute;left:-35px;top:5px;width:12px;height:12px;border:3px solid var(--canvas);border-radius:50%;background:var(--amber);box-shadow:0 0 0 1px var(--amber)}.timeline p{margin:4px 0}
@media(max-width:820px){.page-hero:after{opacity:.45}.article-body{padding:30px}.fact-grid{grid-template-columns:1fr}.article-layout{gap:28px}.toc{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.toc strong{grid-column:1/-1}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-hero{padding:42px 0 46px}.page-hero:after{display:none}.page-hero h1{font-size:clamp(2.35rem,13vw,3.15rem)}.page-hero .lead{font-size:1rem}.meta{gap:7px}.tool-layout{padding-bottom:58px}.calculator{padding:25px 20px;border-radius:20px}.article-body{margin:0 -5px;padding:24px 20px 34px;border-radius:20px}.article-body h2{font-size:1.55rem}.page-grid{grid-template-columns:1fr}.toc{grid-template-columns:1fr}.guide-index{grid-template-columns:1fr}}