.article-shell{width:min(100% - 40px,740px);margin:auto;padding:32px 0 64px}.article-back{display:inline-block;color:var(--amber);margin-bottom:38px}.article-kicker{color:var(--ink-3);font-size:12px;letter-spacing:.08em;text-transform:uppercase;line-height:1.8}.article-shell h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.12;letter-spacing:-.035em;margin:16px 0 24px;overflow-wrap:break-word}.article-deck{font-size:1.15rem;color:var(--ink-3);line-height:1.7;padding-bottom:28px;border-bottom:1px solid var(--line)}.article-body{font-size:18px;line-height:1.85;color:var(--ink)}.article-body p{margin:0 0 1.3em}.article-body h2{font-size:clamp(1.4rem,4vw,1.85rem);line-height:1.3;letter-spacing:-.02em;margin:2.3em 0 .9em}.article-body a{color:var(--amber);text-decoration:underline;text-underline-offset:.2em}.article-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--ink-3)}@media(max-width:480px){.article-shell{width:calc(100% - 36px);padding-top:24px}.article-body{font-size:17px;line-height:1.8}.article-back{margin-bottom:26px}}
.article-figure{margin:32px 0 42px}.article-figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.article-figure figcaption{font-size:13px;color:var(--ink-3);line-height:1.6;margin-top:12px}.article-figure a{display:block}.article-figure a:focus-visible{outline:3px solid var(--blue-bright);outline-offset:5px}.article-hero{margin-top:0}.article-figure figcaption strong{color:var(--ink);font-weight:600}@media(max-width:480px){.article-figure{margin:26px 0 32px}.article-figure figcaption{font-size:12px}}
.visual-gallery{margin:36px 0 44px;padding:20px;background:var(--bg-2);border:1px solid var(--line);border-radius:16px}.visual-gallery h3{font-size:20px;line-height:1.4;margin:0 0 8px}.visual-gallery>p{font-size:14px;line-height:1.6;color:var(--ink-3);margin:0 0 18px}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.visual-grid figure{min-width:0;margin:0}.visual-grid .article-figure figcaption{margin-top:8px}.visual-label{display:block;font-weight:600;color:var(--ink);margin-bottom:4px}.device-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.65fr);align-items:start}.device-grid img{border-radius:8px}.visual-gallery a:focus-visible{outline:3px solid #3570ff;outline-offset:4px}@media(min-width:1150px){.visual-gallery{width:1000px;margin-left:-130px}}@media(max-width:600px){.visual-gallery{padding:14px}.visual-grid,.device-grid{grid-template-columns:1fr}.device-grid .article-figure:last-child{width:min(100%,300px);justify-self:center}.visual-gallery h3{font-size:19px}}

.article-shell{width:min(100% - 40px,780px)}.article-body{color:var(--ink-2)}.article-shell h1,.article-shell h2,.article-shell h3{color:var(--ink)}.article-kicker{margin:0}.article-contents{border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:28px 0 36px;background:var(--bg-2)}.article-contents summary{cursor:pointer;color:var(--ink);font-weight:600;min-height:28px}.article-contents ol{margin:18px 0 4px;padding-left:24px;columns:2;column-gap:30px}.article-contents li{font-size:14px;line-height:1.5;margin-bottom:10px;break-inside:avoid}.article-contents a{color:var(--ink-2);text-decoration:none}.article-contents a:hover{text-decoration:underline}.article-section h2{scroll-margin-top:24px}.article-note{font-size:14px!important;line-height:1.7;color:var(--ink-3);padding:18px;border:1px solid var(--line);border-radius:12px}.article-body strong{color:var(--ink)}@media(min-width:1150px){.visual-gallery{margin-left:-110px}}@media(max-width:600px){.article-contents ol{columns:1}}

/* Article paragraphs follow the reading column, including tablet widths. */
.article-shell p{max-width:none}