.article-page{padding-bottom:clamp(3rem,7vw,5rem)}.article-header,.article-content-column{width:min(100%, var(--max-article-width));margin-inline:auto}.article-header{padding:clamp(1.5rem,5vw,3rem) 0 1.5rem}.article-kicker-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.category-label,.draft-label{border-radius:999px;align-items:center;min-height:34px;padding:.25rem .7rem;font-size:.92rem;font-weight:800;display:inline-flex}.category-label{background:var(--color-accent-soft);color:var(--color-primary-dark)}.article-type-label{border:1px solid var(--color-border);background:var(--color-surface);min-height:34px;color:var(--color-primary-dark);border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:.92rem;font-weight:800;display:inline-flex}.draft-label{color:#704b00;background:#fff8e4;border:1px solid #b67800}.article-header h1{margin-bottom:1rem;font-size:clamp(1.75rem,5vw,2.8rem)}.article-description{color:var(--color-muted);font-size:1rem}.article-meta{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:1.5rem}.article-dates,.article-taxonomy{margin:1.25rem 0 0}.article-dates{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.article-dates div,.article-taxonomy div{gap:.65rem;display:flex}.article-dates dt,.article-taxonomy dt{color:var(--color-muted);flex:none;font-weight:700}.article-dates dd,.article-taxonomy dd{margin:0}.article-taxonomy div{border-top:1px solid var(--color-border);padding:.7rem 0}.article-hero-image{margin:2rem 0 0}.article-hero-image img{border-radius:.8rem;width:100%}.table-of-contents{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;margin:1rem 0 2rem;padding:1rem}.table-of-contents h2{margin-bottom:.75rem;font-size:1.2rem}.table-of-contents ol{margin:0;padding-left:1.4rem}.table-of-contents li+li{margin-top:.4rem}.table-of-contents .toc-subheading{margin-left:1rem}.table-of-contents .toc-tertiary{margin-left:2rem;font-size:.95rem}.table-of-contents a{align-items:center;min-height:40px;display:inline-flex}.article-body{font-size:1rem;line-height:1.75}.article-body strong{color:#1f5ea8;font-weight:800}.article-body h2{border-bottom:2px solid var(--color-border);margin:3rem 0 .9rem;padding-bottom:.55rem}.article-body h3{margin:2rem 0 .8rem}.article-body h4{color:var(--color-primary-dark);margin:1.5rem 0 .65rem;font-size:1.05rem}.article-body p,.article-body ul,.article-body ol{margin-bottom:1.1rem}.article-body li+li{margin-top:.45rem}.article-figure,.image-comparison,.image-sequence{margin:2.5rem 0}.article-figure img,.image-comparison img,.image-sequence img{border-radius:.7rem;width:100%}.article-figure figcaption,.image-comparison figcaption,.image-sequence figcaption{color:var(--color-muted);margin-top:.75rem;font-size:.95rem}.article-figure figcaption span,.article-figure figcaption small{display:block}.image-comparison__grid{gap:1rem;display:grid}.image-label{color:var(--color-text);margin-bottom:.5rem;font-weight:800}.image-sequence__scroller{scroll-snap-type:x mandatory;gap:.9rem;max-width:100%;padding:.25rem .25rem 1rem;display:flex;overflow-x:auto}.image-sequence__item{scroll-snap-align:start;flex:0 0 82%;min-width:0}.info-callout{border:1px solid var(--color-border);border-left:5px solid var(--color-primary);background:var(--color-surface);border-radius:.5rem;margin:2.25rem 0;padding:1.15rem 1.25rem}.info-callout--caution{background:#fffaf0;border-left-color:#b67800}.info-callout--evidence{background:#f3f7fc;border-left-color:#3569a3}.info-callout--experience{background:#f5f6f7;border-left-color:#737b84}.info-callout__title{margin-bottom:.45rem;font-weight:800}.info-callout__body>:last-child{margin-bottom:0}.article-related{border-top:1px solid var(--color-border);gap:1.75rem;margin-top:3.5rem;padding-top:2rem;display:grid}.article-related h2,.app-inline-guide h2{font-size:1.35rem}.app-inline-guide{background:var(--color-accent-soft);border-radius:.8rem;padding:1.1rem}.article-back-link{width:min(100%, var(--max-article-width));margin:3rem auto 0}.article-back-link a{align-items:center;gap:.4rem;min-height:44px;font-weight:800;display:inline-flex}.article-flow{border:1px solid var(--color-border);background:var(--color-surface);text-align:center;border-radius:.75rem;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:.4rem;margin:2rem 0;padding:1rem;display:grid}.article-flow__step{background:var(--color-accent-soft);color:var(--color-primary-dark);border-radius:.5rem;padding:.6rem .35rem;font-weight:800}.article-flow__arrow{color:var(--color-muted);font-weight:900}@media (width>=42rem){.image-comparison__grid{grid-template-columns:1fr 1fr}.image-sequence__item{flex-basis:46%}}@media (width<=42rem){.article-flow{grid-template-columns:1fr}.article-flow__arrow{transform:rotate(90deg)}}