.article-page{background:#f5f9fe;padding:2rem 0 5rem}.article-shell{max-width:1180px;margin:auto}.article-breadcrumb{color:#64748b;font-size:.82rem;margin-bottom:1.5rem}.article-breadcrumb a{color:#26755f}.article-header{max-width:850px;margin-bottom:1.5rem}.article-header h1{color:#16233f;font-family:var(--font-display);font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.05;margin:.5rem 0 1rem}.article-excerpt{color:#445070;font-size:1.15rem;line-height:1.6;max-width:760px}.article-meta{align-items:center;color:#445070;display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.88rem}.article-meta strong{color:#16233f}.article-hero{aspect-ratio:16/9;background:#e6efe4;border-radius:12px;display:block;margin:1.5rem 0 2.5rem;max-height:420px;object-fit:cover;width:100%}.article-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 270px}.article-body{background:#fff;border:1px solid #e4dfcf;border-radius:10px;padding:clamp(1.25rem,3vw,3rem)}.article-body h2{color:#16233f;font-family:var(--font-display);font-size:1.8rem;margin:2.3rem 0 .8rem}.article-body h3{color:#16233f;font-family:var(--font-display);font-size:1.3rem;margin:1.6rem 0 .6rem}.article-body p,.article-body li{color:#445070;font-size:1.04rem;line-height:1.8}.article-body ul{padding-left:1.4rem}.article-body a{color:#26755f;font-weight:700}.article-toc{background:#fff;border:1px solid #e4dfcf;border-radius:10px;padding:1rem;position:sticky;top:90px}.article-toc summary{color:#16233f;cursor:pointer;font-weight:800}.article-toc ol{margin:.8rem 0 0;padding-left:1.2rem}.article-toc li{margin:.45rem 0}.article-toc a{color:#26755f;font-size:.86rem}.article-support{border-top:1px solid #e4dfcf;margin-top:2rem;padding-top:1.5rem}.article-support h2{color:#16233f;font-family:var(--font-display);font-size:1.45rem}.takeaways,.article-faq,.article-related{background:#f5f1e6;border:1px solid #e4dfcf;border-radius:9px;margin:1.5rem 0;padding:1rem 1.25rem}.takeaways li{margin:.4rem 0}.article-cards{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.article-card{background:#fff;border:1px solid #e4dfcf;border-radius:8px;padding:1rem}.article-card h3{font-size:1rem;margin:0 0 .4rem}.article-card p{font-size:.86rem;line-height:1.5;margin:.3rem 0}.article-card a{color:#26755f;font-weight:700}.article-author{border-top:1px solid #e4dfcf;color:#445070;margin-top:2rem;padding-top:1.25rem}.article-author strong{color:#16233f}@media(max-width:800px){.article-layout{display:block}.article-toc{margin-bottom:1.5rem;position:static}.article-cards{grid-template-columns:1fr}.article-body p,.article-body li{font-size:1rem}}

html,body{overflow-x:hidden}
.article-page{padding:1.25rem 0 3rem}
.article-shell{max-width:1040px}
.article-breadcrumb{align-items:center;background:#e6efe4;border:1px solid #d5e3d5;border-radius:6px;color:#365247;display:inline-flex;font-size:.82rem;gap:.35rem;margin:0 0 1rem;padding:.45rem .7rem}
.article-breadcrumb a{color:#26755f}
.article-header{max-width:none}.article-header h1{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.08;margin:.35rem 0 .7rem}.article-excerpt{font-size:1rem;line-height:1.45}.article-hero{border-radius:8px;margin:1rem 0 1.5rem;max-height:420px}
.article-body{border-radius:8px;padding:clamp(1rem,2.5vw,2rem)}
.article-body p,.article-body li{font-size:.98rem;line-height:1.7}
.article-toc{border-radius:8px;padding:.8rem;top:82px}
@media(max-width:767px){.recent-downloads{display:none!important}.site-header .container{padding-left:16px;padding-right:16px}.site-header nav:not(.nav-right){display:none}.site-header .nav-right{display:none!important}.article-hero{max-height:240px}.article-header h1{font-size:clamp(2rem,9vw,3rem)}.article-excerpt{font-size:1rem}}

.article-body ol{padding-left:1.5rem}
.article-table-wrap{margin:1.25rem 0;max-width:100%;overflow-x:auto}
.article-body table{border-collapse:collapse;min-width:520px;width:100%}
.article-body th,.article-body td{border:1px solid #e4dfcf;padding:.65rem .8rem;text-align:left;vertical-align:top}
.article-body th{background:#f5f1e6;color:#16233f}
.article-tool{background:#f5f1e6;border:1px solid #d5e3d5;border-radius:10px;margin:1.5rem 0;padding:1.25rem}
.article-tool h3{margin-top:0}
.article-tool form{display:grid;gap:.85rem}
.article-tool label{color:#16233f;display:grid;font-weight:700;gap:.35rem}
.article-tool input,.article-tool select{background:#fff;border:1px solid #b8c7bb;border-radius:6px;font:inherit;min-height:2.7rem;padding:.45rem .6rem}
.article-tool fieldset{border:1px solid #cbd7c9;border-radius:6px;display:grid;gap:.5rem;padding:.8rem}
.article-tool fieldset label{align-items:center;display:flex;font-weight:400;gap:.5rem}
.article-tool fieldset input{min-height:auto}
.article-tool button{background:#26755f;border:0;border-radius:6px;color:#fff;cursor:pointer;font:inherit;font-weight:700;justify-self:start;margin:.2rem .4rem .2rem 0;padding:.65rem 1rem}
.article-tool button[type=reset]{background:#fff;border:1px solid #26755f;color:#26755f}
.article-tool button:focus-visible,.article-tool input:focus-visible,.article-tool select:focus-visible,.article-tool a:focus-visible{outline:3px solid #d08f2b;outline-offset:2px}
.article-tool-result:empty{display:none}
.article-tool-result{background:#fff;border-radius:6px;margin-top:1rem;padding:.75rem 1rem}
.article-tool-result h4{color:#16233f;margin:.25rem 0}
.article-tool-result li{margin:.35rem 0}
@media(max-width:600px){.article-body table{min-width:460px}.article-tool{padding:1rem}}

.article-page{
    --article-blue:#0866f5;
    --article-navy:#092d68;
    --article-ink:#243b5c;
    --article-muted:#61738f;
    --article-line:#dce8f8;
    --article-pale:#f4f9ff;
    background:var(--article-pale);
    color:var(--article-ink);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.article-shell.container{
    box-sizing:border-box;
    max-width:1520px;
    padding-left:clamp(16px,3vw,36px);
    padding-right:clamp(16px,3vw,36px);
    width:100%;
}
.article-breadcrumb{
    background:#e9f3ff;
    border-color:var(--article-line);
    box-shadow:none;
    color:var(--article-muted);
}
.article-breadcrumb a,.article-toc a,.article-toc summary,.article-body h2,.article-body h3,
.article-support h2,.article-author strong,.article-card h3,.article-tool h3,
.article-tool-result h4{
    color:var(--article-navy);
}
.article-header{
    background:transparent;
    box-shadow:none;
}
.article-header h1{color:var(--article-navy)}
.article-excerpt,.article-meta,.article-author,.article-body p,.article-body li{
    color:var(--article-ink);
}
.article-body,.article-toc,.article-card,.article-tool-result{
    background:#fff;
    border-color:var(--article-line);
}
.article-tool,.takeaways,.article-faq,.article-related{
    background:#e9f3ff;
    border-color:var(--article-line);
}
.article-body th{
    background:#e9f3ff;
    color:var(--article-navy);
}
.article-body th,.article-body td{border-color:var(--article-line)}
.article-body a,.article-card a,.article-toc a{color:var(--article-blue)}
.article-tool label{color:var(--article-navy)}
.article-tool input,.article-tool select{
    border-color:#c4d8f1;
    color:var(--article-ink);
}
.article-tool fieldset{border-color:var(--article-line)}
.article-tool button{
    background:var(--article-blue);
    box-shadow:0 4px 10px rgba(8,101,232,.16);
}
.article-tool button[type=reset]{
    border-color:var(--article-blue);
    color:var(--article-blue);
}
.article-tool button:focus-visible,.article-tool input:focus-visible,
.article-tool select:focus-visible,.article-tool a:focus-visible{
    outline-color:var(--article-blue);
}
.article-author,.article-support{border-color:var(--article-line)}
