:root{--ink:#171614;--paper:#f7f5f0;--panel:#fffdf9;--soft:#eee8dd;--line:#d8d1c5;--gold:#89652f;--gold2:#b18b4a;--muted:#625c53}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.8 Arial,sans-serif}.reading-progress{position:fixed;z-index:50;inset:0 0 auto;height:3px;background:var(--gold2);transform:scaleX(0);transform-origin:left}.article-header{max-width:1240px;margin:auto;padding:18px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.article-brand{display:flex;align-items:center;gap:11px;color:var(--ink);font:19px Georgia,serif;letter-spacing:.08em;text-decoration:none}.article-brand img{width:38px;height:38px;object-fit:contain}.article-header nav{display:flex;gap:22px;font-size:14px}.article-header nav a,footer a{color:inherit;text-underline-offset:4px}.article-shell{max-width:1220px;margin:auto;padding:58px 24px 90px;display:grid;grid-template-columns:minmax(0,850px) 260px;gap:56px;align-items:start}.article-hero{padding:42px;border:1px solid #d9c8a8;background:linear-gradient(135deg,#fffdf9 0%,#f2eadc 100%);position:relative;overflow:hidden}.article-hero:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #c9b58f;border-radius:50%;right:-110px;top:-130px}.article-order{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.article-hero h1,.index-hero h1{font:400 clamp(40px,6vw,67px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:17px 0 24px}.article-hero>p{max-width:700px;font-size:19px;line-height:1.65;color:var(--muted)}.hero-line{display:flex;gap:28px;padding-top:22px;margin-top:25px;border-top:1px solid #d3c4a9;color:#786b59;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.article-content{max-width:760px;margin:0 auto;padding:18px 0}.article-section{position:relative;margin:38px 0;padding:34px 34px 30px;border:1px solid var(--line);background:var(--panel);opacity:.35;transform:translateY(15px);transition:.45s ease}.article-section.visible{opacity:1;transform:none}.article-section:nth-of-type(even){border-left:3px solid var(--gold2)}.section-index{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold2);color:var(--gold);font:15px Georgia,serif}.article-section h2,.article-notes h2{font:400 clamp(27px,4vw,37px)/1.15 Georgia,serif;margin:18px 0}.article-section h3{font:400 25px/1.2 Georgia,serif;margin:28px 0 10px}.article-section p{color:#4f4a43}.article-section ul,.article-section ol{padding:18px 22px 18px 44px;background:var(--soft);border-left:2px solid var(--gold2)}.article-section li{margin:7px 0}.article-section q{font-style:normal;color:var(--gold)}.article-notes{margin-top:45px;padding:25px;border-top:2px solid var(--gold2);background:#eee8dd}.article-notes h2{font-size:26px;margin-top:0}.article-notes p{font-size:14px;line-height:1.55;margin:6px 0;color:var(--muted)}.body-rail{position:sticky;top:24px;border-top:3px solid var(--ink);padding-top:16px}.body-rail>p{margin:0 0 13px;font:22px Georgia,serif}.body-step{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--line);color:var(--muted);text-decoration:none;font-size:13px}.body-step small{color:var(--gold);font-weight:900}.body-step.current{background:var(--ink);color:#fff}.body-step:hover{color:var(--gold)}.article-pagination{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:42px}.article-pagination a{padding:16px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:800;text-decoration:none}.article-pagination a:last-child{text-align:right}.index-main{max-width:1220px;margin:auto;padding:72px 24px 90px}.index-hero{max-width:850px;margin-bottom:50px}.index-hero>span{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.index-hero p{max-width:640px;color:var(--muted);font-size:19px}.article-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article-index-card{min-height:310px;padding:25px;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:flex;flex-direction:column;text-decoration:none;transition:.2s}.article-index-card:hover{transform:translateY(-3px);border-color:var(--gold2);box-shadow:0 14px 35px #4b392014}.article-index-card>span{font:29px Georgia,serif;color:#c3a76f}.article-index-card small{margin-top:20px;color:var(--gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.article-index-card h2{font:400 25px/1.18 Georgia,serif;margin:9px 0}.article-index-card p{font-size:14px;line-height:1.55;color:var(--muted)}.article-index-card b{margin-top:auto;font-size:13px;text-decoration:underline;text-underline-offset:5px}footer{border-top:1px solid var(--line);padding:25px;text-align:center;color:var(--muted);font-size:14px}@media(max-width:980px){.article-shell{grid-template-columns:1fr}.body-rail{position:static;order:2}.body-rail{display:grid;grid-template-columns:repeat(3,1fr)}.body-rail>p{grid-column:1/-1}.article-index-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.article-header{align-items:flex-start;flex-direction:column}.article-header nav{gap:14px;flex-wrap:wrap}.article-shell,.index-main{padding-top:34px}.article-hero{padding:26px}.article-hero h1,.index-hero h1{font-size:38px}.article-content{padding-top:4px}.article-section{padding:24px;margin:22px 0;opacity:1;transform:none}.hero-line{display:grid;gap:4px}.body-rail,.article-index-grid{grid-template-columns:1fr}.article-pagination{grid-template-columns:1fr}.article-pagination a:last-child{text-align:left}}

.article-content > p,.article-section > p,.guide-summary p,.premium-shell section p{text-align:justify;hyphens:auto;text-justify:inter-word}

/* Match the guide section width to the full article column. */
.article-shell > article > .article-content{max-width:none;width:100%}
.article-content > :not(.article-section):not(.guide-summary){max-width:760px;margin-left:auto;margin-right:auto}
.article-content > .article-section{width:100%;max-width:none}
.article-content > .guide-summary{width:100%;max-width:none}