/* Shared presentation for every article, including the preserved interactive tools. */
.article-wrap{width:calc(100% - 3rem);max-width:58rem;margin-inline:auto}
.article-heading{padding-block:3rem;background:var(--soft);border-bottom:1px solid var(--line)}
.article-heading h1{font-size:clamp(2.2rem,1.6rem + 2vw,3.6rem);line-height:1.12;text-wrap:balance;margin-block:1rem 1.5rem}
.article-breadcrumb{display:flex;gap:.8rem;align-items:center;font-size:.8rem;margin-block-end:2rem}
.article-heading .eyebrow{margin-block-end:.75rem}.article-intro{font-size:1.1rem;color:var(--muted);max-width:48rem}
.article-meta{display:flex;gap:.75rem 1.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted);border-top:1px solid #ced7ce;padding-block-start:1.25rem}
.article-main{padding-block:2.5rem 4rem}.article-hero-media{margin:0 0 2.5rem;background:white;border:1px solid var(--line)}
.article-hero-media img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain}
#article-content{color:var(--ink);font:1rem/1.8 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
#article-content .sca-blog-premium{font:inherit;color:inherit;line-height:inherit}
#article-content :is(h2,h3){font-family:Georgia,'Times New Roman',serif;color:var(--ink);font-weight:400;letter-spacing:-.025em;line-height:1.25;scroll-margin-top:7rem}
#article-content h2{font-size:clamp(1.7rem,1.5rem + .5vw,2rem);margin-block:2.4rem 1rem}
#article-content h3{font-size:1.5rem;margin-block:2.2rem .8rem}
#article-content p{margin-block:0 1rem}#article-content :is(ul,ol){padding-inline-start:1.3rem;margin:0 0 1.25rem}#article-content li{padding-block:.15rem}
#article-content a{color:var(--green);text-decoration:underline;text-underline-offset:.2em}#article-content a:hover{color:var(--ink)}
#article-content .sca-kicker{background:var(--soft);color:var(--green);border-radius:0;padding:.35rem .7rem;font-size:.7rem;letter-spacing:.08em}
#article-content :is(.sca-brief,.sca-tool,.sca-worked,.sca-example,.sca-toc){background:var(--soft);border:1px solid var(--line);border-radius:3px;padding:1.25rem;margin-block:1.5rem;color:var(--ink)}
#article-content .sca-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem}
#article-content .sca-card{background:white;border:1px solid var(--line);border-radius:2px;padding:1rem;min-width:0}
#article-content .sca-card strong{color:var(--ink)}
#article-content :is(.sca-faq-item,.sca-q,.sca-a){color:var(--ink)}#article-content .sca-faq-item{border-color:var(--line);padding-block:1rem}
#article-content .sca-q{font-weight:700;margin-block-end:.4rem}
#article-content .sca-cta{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:1.4rem;margin-block:2rem}
#article-content .sca-cta :is(h2,h3,h4,p,strong){color:var(--ink)}
#article-content .sca-cta a{display:inline-block;padding:.6rem .85rem;margin:.4rem .5rem .2rem 0;background:var(--ink);color:white;border-radius:2px;text-decoration:none;font-size:.9rem}
#article-content :is(.sca-note,.sca-help){font-size:.85rem;color:var(--muted);line-height:1.65}
#article-content .article-table-scroll{max-width:100%;overflow-x:auto;margin-block:1.5rem;border:1px solid var(--line)}
#article-content .article-table-scroll:focus-visible{outline:3px solid var(--green);outline-offset:3px}
#article-content table{display:table;width:100%;border-collapse:collapse;margin:0;font-size:.92rem;line-height:1.6}
#article-content :is(th,td){padding:.75rem;border:1px solid var(--line);vertical-align:top;text-align:start;min-width:8rem}
#article-content th{background:var(--ink);color:white}#article-content tbody tr:nth-child(even){background:var(--soft)}
#article-content img{max-width:100%;height:auto}#article-content iframe{max-width:100%}
#article-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;font-size:1rem}
#article-content :is(button,input,select,textarea,a):focus-visible{outline:3px solid #a85d20;outline-offset:3px}
#article-content button{min-height:2.5rem}#article-content .animate{opacity:1;transform:none;animation:none}
.article-disclaimer{margin-block:2.5rem;padding-block:1.5rem;border-block:1px solid var(--line);color:var(--muted);font-size:.85rem}
.article-disclaimer p{margin-block:.5rem 0}
@media(max-width:600px){.article-wrap{width:calc(100% - 2rem)}.article-heading{padding-block:2rem}.article-meta{gap:.6rem 1rem}.article-main{padding-block:1.5rem 3rem}.article-intro{font-size:1rem}#article-content :is(.sca-brief,.sca-cta){padding:1rem}#article-content table{font-size:.85rem}}
@media print{.article-heading{background:white;padding-block:1rem}.article-wrap{width:100%;max-width:none}.article-hero-media{display:none}#article-content .article-table-scroll{overflow:visible}#article-content table{font-size:9pt}#article-content :is(th,td){min-width:0}}