.article-shell{width:100%;padding-block:var(--space-8) calc(var(--space-8) * 2)}.article-navigation{max-width:84rem;padding-inline:clamp(var(--space-4), 2.5vw, var(--space-8));margin-block-end:var(--space-6);margin-inline:auto}.article-hero{background:color-mix(in srgb, var(--muted) 90%, var(--primary));margin-block-end:calc(var(--space-8) * 3)}.hero-inner{width:100%;max-width:84rem;padding-inline:clamp(var(--space-4), 2.5vw, var(--space-8));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;margin-inline:auto;display:grid}.hero-panel{padding:calc(var(--space-8) * 1.5);min-width:0}.article-category{white-space:normal;line-height:1.4}.hero-panel h1{font-size:clamp(calc(var(--text-heading) * 1.15), 3.2vw, calc(var(--text-heading) * 1.6));color:var(--primary);margin-block:var(--space-6);overflow-wrap:anywhere;font-weight:700;line-height:1.12}.article-summary{font-size:calc(var(--text-body) * 1.125);color:var(--muted-foreground);margin-block:0 var(--space-6);overflow-wrap:anywhere;line-height:1.5}.article-date{font-size:var(--text-label);color:color-mix(in srgb, var(--primary) 75%, var(--secondary));margin:0;font-weight:600;line-height:1.5}.hero-art{margin:var(--space-8) 0 calc(var(--space-8) * -1);min-width:0}.article-media-frame{position:relative}.hero-art .article-media-frame{aspect-ratio:3/2}.hero-art img{object-fit:contain;width:100%;height:100%;display:block}.article-media-frame.is-unavailable{background:var(--muted);color:var(--muted-foreground)}.article-media-frame:not(:has(img)){aspect-ratio:3/2}.article-image-failed{visibility:hidden}.article-image-fallback{padding:var(--space-4);text-align:center;font-size:var(--text-label);justify-content:center;align-items:center;line-height:1.5;display:flex;position:absolute;inset:0}.reading{width:100%;max-width:calc(40rem + var(--space-8) * 2);padding-inline:clamp(var(--space-4), 2.5vw, var(--space-8));font-size:calc(var(--text-body) * 1.125);margin-inline:auto;line-height:1.65}.reading p{margin-block:0 var(--space-6)}.reading :is(h2,h3,h4){margin-block:calc(var(--space-8) * 1.5) var(--space-6);overflow-wrap:anywhere;font-weight:700;line-height:1.25}.reading h2{font-size:var(--text-heading)}.reading :is(h3,h4){font-size:var(--text-item)}.reading h2:first-child{margin-block-start:0}.reading :is(ul,ol){margin-block:0 var(--space-6);padding-inline-start:var(--space-6)}.reading ul{list-style:outside}.reading ol{list-style:decimal}.reading li{margin-block:var(--space-3);padding-inline-start:var(--space-1)}.reading strong{font-weight:700}.reading blockquote{border-inline-start:2px solid var(--border);margin-block:var(--space-6);padding-inline-start:var(--space-4)}.reading :is(p,li,a){overflow-wrap:anywhere}.reading figure{margin:calc(var(--space-8) * 1.5) 0}.article-photo img{width:auto;max-width:100%;height:auto;max-height:32rem;margin-inline:auto;display:block}.article-photo .article-media-frame img{object-fit:contain;width:100%;height:100%;max-height:none}.article-shell figcaption{font-size:var(--text-label);text-align:center;color:var(--muted-foreground);overflow-wrap:anywhere;margin-block-start:var(--space-3);line-height:1.5}.quote-band{margin-block:calc(var(--space-8) * 2);background:color-mix(in srgb, var(--secondary) 45%, var(--background));color:var(--secondary-foreground)}.quote-inner{max-width:52rem;padding:calc(var(--space-8) * 2) var(--space-8);margin-inline:auto}.quote-mark{font-size:calc(var(--text-heading) * 3.5);font-weight:700;line-height:.75;display:block;transform:translateY(.125em)}.pull-quote{font-size:calc(var(--text-heading) * 1.4);margin-block:var(--space-3) var(--space-6);overflow-wrap:anywhere;font-weight:600;line-height:1.25}.new-tab-icon{margin-inline-start:.15em;font-size:.8em}.share-section{border-block-start:1px solid var(--input);padding-block:var(--space-6) var(--space-8);margin-block:var(--space-6) 0}.share-section h2{font-size:var(--text-label);margin-block:0 var(--space-4);font-weight:700;line-height:1.5}.share-row{align-items:start;gap:var(--space-4);flex-wrap:wrap;display:flex}.share-item{justify-items:center;gap:var(--space-1);min-width:var(--control-height);display:grid}.share-action{min-width:var(--control-height);min-height:var(--control-height);color:var(--primary);cursor:pointer;transition:background-color .18s}.share-action:hover,.share-action:active{background:var(--accent);color:var(--accent-foreground)}.share-action:active{outline:1px solid var(--primary)}.share-action:focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.share-action:disabled{opacity:1;cursor:default}.share-name{font-size:var(--text-label);color:var(--muted-foreground);line-height:1.5}.share-feedback,.share-section .copy-status{margin-block:var(--space-6) 0;font-size:var(--text-label);line-height:1.5}.share-section .copy-status:empty{margin:0}.copy-status{color:var(--established-foreground)}.share-feedback p{margin:0}.share-fallback{gap:var(--space-2);margin-block-start:var(--space-3);display:grid}.share-fallback input{width:100%;min-width:0}.related-guides{max-width:84rem;padding:0 clamp(var(--space-4), 2.5vw, var(--space-8)) calc(var(--space-8) * 2);margin-inline:auto}.related-guides>h2{font-size:var(--text-heading);color:var(--primary);margin-block:0 var(--space-6);font-weight:700;line-height:1.25}.related-guides .guide-title h3{font:inherit;margin:0}@media (width<=59.999rem){.article-hero{margin-block-end:calc(var(--space-8) * 2)}.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-panel{padding:var(--space-8)}.hero-art{margin:0}.hero-panel h1{font-size:calc(var(--text-heading) * 1.3)}}@media (width<=39.999rem){.article-shell{padding-block-start:var(--space-4)}.hero-panel{padding:var(--space-6)}.hero-panel h1{font-size:calc(var(--text-heading) * 1.15)}.quote-inner{padding:calc(var(--space-8) * 1.5) var(--space-6)}.pull-quote{font-size:var(--text-heading)}}@media (prefers-reduced-motion:reduce){.share-action{transition:none}}@media (forced-colors:active){.share-action{border:1px solid buttontext}.share-action:focus-visible{outline-color:highlight}}