body.article-page{margin:0;background:#f5f1e7;color:#23392d;font-family:Geist,Arial,sans-serif;line-height:1.65}
body.article-page #analytics-root .privacy-footer{display:none}
.article-header,.article-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.5rem,calc((100vw - 1060px)/2));background:#e9e8d9}
.article-header a,.article-footer a{color:#214c34;font-weight:650}
.article-header nav,.article-footer nav{display:flex;flex-wrap:wrap;gap:1rem}
.article-main{max-width:850px;margin:auto;padding:2.5rem 1.5rem 5rem}
.article-main h1{font-size:clamp(2.1rem,5vw,4.1rem);line-height:1.08;letter-spacing:-.04em;margin:.4rem 0 1.2rem}
.article-main h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;margin:3rem 0 1rem}
.article-main h3{font-size:1.2rem;margin:1.8rem 0 .4rem}
.article-main p,.article-main li{font-size:1.06rem}
.article-lead{font-size:1.3rem!important;max-width:48rem}
.article-eyebrow{font-size:.8rem!important;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#528158}
.article-card{background:#fffdf7;border:1px solid #d8ddca;border-radius:1.2rem;padding:1.5rem;margin:1.4rem 0;box-shadow:0 10px 30px #24422e0a}
.article-card h2{margin-top:.2rem}
.article-card a,.article-main a{color:#265e3d}
.article-play{display:inline-block;background:#276541;color:white!important;border-radius:999px;padding:.65rem 1rem;text-decoration:none;font-weight:700;margin:.5rem 0}
.article-figure{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:1rem}
.article-figure img{width:105px;height:105px;object-fit:contain;background:#e8eee0;border-radius:50%;padding:.5rem}
.article-note{background:#e5eddc;border-left:4px solid #407b52;padding:1rem 1.2rem}
.article-links{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}
.article-links a{background:#e1e9db;border-radius:999px;padding:.45rem .8rem;text-decoration:none}
@media(max-width:600px){.article-header,.article-footer{align-items:flex-start;flex-direction:column}.article-figure{grid-template-columns:70px 1fr}.article-figure img{width:70px;height:70px}}

/* Shared editorial styling and navigation match the simulator. */
.article-header{background:#f1f2e8;border-bottom:1px solid #d7ddce}
.article-header .article-brand{display:flex;align-items:center;gap:10px;font:25px/1.1 Georgia,serif;font-weight:400;color:#263e32;letter-spacing:-.6px;text-decoration:none}
.article-brand>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b8c7a7;border-radius:50%;background:#e3ead8;flex:none}
.article-header nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:500;text-decoration:none}
.article-main h1,.article-main h2,.article-main h3{font-family:Georgia,serif;font-weight:400;color:#263e32}
.article-main h1{font-size:clamp(32px,5vw,60px);line-height:1.12;letter-spacing:-.025em}
.article-main .article-lead{font-size:19px!important;line-height:1.65;color:#53664e}
.article-main a:not(.article-play){text-decoration:underline;text-underline-offset:3px}
.article-links a{min-height:44px;display:flex;align-items:center}.article-play{min-height:44px;border-radius:9px}
.article-main section{scroll-margin-top:20px}.article-page a:focus-visible{outline:3px solid #799b65;outline-offset:4px}
@media(max-width:600px){.article-header{gap:4px;padding:12px 20px}.article-header .article-brand{font-size:22px}.article-header nav{gap:18px}.article-main{padding-top:24px}.article-main .article-lead{font-size:17px!important}.article-main p,.article-main li{font-size:15px}.article-card{padding:16px}.article-main h2{font-size:26px}.article-figure{grid-template-columns:1fr}.article-figure img{width:84px;height:84px}}

.article-table-wrap{overflow-x:auto;margin:1rem 0}
.article-comparison{width:100%;border-collapse:collapse;font-size:15px;background:#fffdf7}
.article-comparison caption{text-align:left;padding:0 0 12px;color:#53664e}
.article-comparison th,.article-comparison td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #d8ddca}
.article-comparison thead{background:#e5eddc}
.article-comparison th[scope=row]{width:23%}
@media(max-width:600px){.article-comparison{font-size:13px}.article-comparison th,.article-comparison td{padding:9px;overflow-wrap:anywhere}}

.observation-question{padding:12px 16px;border-left:3px solid #799b65;background:#eef3e6;border-radius:0 6px 6px 0}

.article-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.growth-comparison{padding-left:22px}.growth-comparison li+li{margin-top:12px}

/* Short guides share the article shell without changing the simulator layout. */
.compact-guide{max-width:800px}
.compact-guide .article-steps{padding-left:1.4rem}.compact-guide ol.article-steps{list-style:decimal}.compact-guide ul.article-steps{list-style:disc}.compact-guide .article-steps li+li{margin-top:.8rem}.compact-guide h2{margin-top:2rem}
.compact-guide .guide-source{font-size:13px;color:#53664e}
.guide-diagram{margin:2rem 0}.guide-diagram img{display:block;width:100%;height:auto}.guide-diagram figcaption{margin-top:.6rem;font-size:13px;color:#53664e}
.compact-guide .article-links{border-top:1px solid #d7ddce;padding-top:1.5rem}
