/* Article-only light canvas; the homepage and hardware board keep their palette. */
body.hvr-editorial-page { background:#091b28; }
.hvr-editorial-page .site-footer { background:#091b28; }
.hvr-editorial-page .site-header { background:#091b28; backdrop-filter:none; }
.hvr-article-canvas { background:#f7f8f5; color:#172d38; padding:36px 22px 64px; }
.hvr-article { width:100%; max-width:820px; margin:0 auto; overflow-wrap:anywhere; }
.hvr-article > :is(.hvr-article-body,[data-article-toc-slot],.hvr-article-requirements,.hvr-article-sources,.hvr-article-correction,.hvr-article-end,.hvr-article-related,.hvr-article-follow) { max-width:700px; margin-left:auto; margin-right:auto; }
.hvr-article a { color:#086879; text-decoration:underline; text-underline-offset:3px; }
.hvr-article a:hover { color:#034b59; }
.hvr-article :is(a,button,summary,input):focus-visible { outline:3px solid #087f91; outline-offset:4px; }
.hvr-article-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:14px; margin:0 0 30px; }
.hvr-article-topic { color:#086879; font-weight:750; text-transform:uppercase; letter-spacing:.1em; font-size:13px; margin:0 0 12px; }
.hvr-article h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(36px,5.4vw,56px); font-weight:400; line-height:1.08; letter-spacing:-.025em; color:#102c3b; margin:0 0 20px; }
.hvr-article-deck { font-size:clamp(18px,2vw,21px); line-height:1.55; color:#465a64; max-width:740px; margin:0 0 24px; }
.hvr-article-byline { display:flex; flex-wrap:wrap; gap:5px 16px; font-size:13px; color:#455862; }
.hvr-article-byline > span:first-child { color:#273f4b; }
.hvr-article-preview-note { font-weight:650; }
.hvr-article-share { display:flex; align-items:center; flex-wrap:wrap; gap:0; margin-top:20px; padding-top:8px; border-top:1px solid #ccd6d5; font-size:13px; }
.hvr-article-share :is(button,a) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border:0; border-radius:0; background:transparent; color:#123b49; font-weight:600; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.hvr-article-share :is(button,a):first-child { padding-left:0; padding-right:20px; }
.hvr-article-share button[hidden] { display:none; }
.hvr-article-share :is(button,a):hover { background:transparent; color:#086879; text-decoration-thickness:2px; }
.hvr-share-status { flex-basis:100%; font-size:13px; }
.hvr-share-status:empty { display:none; }
.hvr-share-status input { width:100%; min-height:44px; color:#172d38; background:white; border:1px solid #687e88; padding:8px; }
.hvr-article-image { margin:32px 0; }
.hvr-article-image img { display:block; width:100%; height:auto; border-radius:0; }
.hvr-article figcaption { font-size:13px; color:#50616b; margin-top:8px; }
.hvr-article-body { font-size:19px; line-height:1.78; margin-top:32px; }
.hvr-article-body p { margin:0 0 1.35em; }
.hvr-article :is(h2,h3,h4) { color:#173442; line-height:1.3; letter-spacing:-.015em; scroll-margin-top:100px; }
.hvr-article-body h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; margin:1.6em 0 .65em; font-size:30px; }
.hvr-article-body h3 { margin:1.4em 0 .6em; font-size:23px; }
.hvr-article-body :is(ul,ol) { padding-left:1.4em; }
.hvr-article-body li { margin:.4em 0; }
.hvr-article-body blockquote { margin:1.5em 0; padding:8px 22px; border-left:4px solid #087f91; color:#405761; }
.hvr-article-body :is(pre,table) { max-width:100%; overflow:auto; }
.hvr-article-body pre { padding:16px; background:#e9eeeb; color:#203841; font-size:15px; }
.hvr-article-body table { display:block; font-size:16px; }
.hvr-article-body :is(img,video,iframe) { max-width:100%; }
.hvr-article-body :is(.alignwide,.alignfull) { width:100%; max-width:100%; margin-left:0; margin-right:0; }
.hvr-article-requirements,.hvr-article-toc { margin:30px 0; padding:18px 0; border:0; border-top:1px solid #9eb6b7; border-bottom:1px solid #ccd6d5; border-radius:0; background:transparent; }
.hvr-article-requirements { padding:4px 0 4px 22px; border-top:0; border-bottom:0; border-left:3px solid #087f91; }
.hvr-article-requirements h2 { font-family:inherit; font-weight:650; font-size:19px; margin:0 0 10px; }
.hvr-article-requirements p { margin:0 0 10px; font-size:17px; }
.hvr-article-requirements small { color:#435e65; font-size:13px; }
.hvr-article-toc summary { min-height:44px; cursor:pointer; font-weight:700; }
.hvr-article-toc ol { padding-left:22px; margin-bottom:0; }
.hvr-article-toc li { margin:10px 0; }
.hvr-article-sources,.hvr-article-related,.hvr-article-end,.hvr-article-correction { border-top:1px solid #ccd6d5; padding-top:24px; margin-top:32px; }
.hvr-article :is(.hvr-article-sources,.hvr-article-related) h2 { font-family:inherit; font-weight:650; font-size:21px; margin:0 0 14px; }
.hvr-article :is(.hvr-article-sources,.hvr-article-related) ul { padding-left:20px; }
.hvr-article :is(.hvr-article-sources,.hvr-article-related) li { margin:12px 0; }
.hvr-article-end-label { font-size:16px; font-weight:700; margin:0; }
.hvr-article-follow { display:flex; gap:16px; flex-wrap:wrap; margin-top:32px; padding-top:24px; border-top:1px solid #ccd6d5; font-size:14px; }
@media(max-width:600px) { .hvr-article-canvas { padding:24px 20px 44px; } .hvr-article-breadcrumb { margin-bottom:24px; } .hvr-article-body { font-size:18px; line-height:1.75; } .hvr-article-body h2 { font-size:26px; } .hvr-article-toc { padding:14px 0; } .hvr-article-requirements { padding:4px 0 4px 18px; } }
@media(prefers-reduced-motion:reduce) { html:has(.hvr-article) { scroll-behavior:auto; } }
@media print { .hvr-editorial-page :is(.site-header,.site-footer,.hvr-skip-link),.hvr-article :is(.hvr-article-share,.hvr-article-follow,.hvr-article-related,.hvr-article-toc) { display:none!important; } body.hvr-editorial-page,.hvr-article-canvas { background:white!important; color:black; } .hvr-article-canvas { padding:0; } .hvr-article { max-width:none; } .hvr-article-body { font-size:11pt; line-height:1.55; } .hvr-article h1 { font-size:26pt; } .hvr-article a { color:black; } .hvr-article-image { break-inside:avoid; } .hvr-article :is(h2,h3) { break-after:avoid; } .hvr-article-sources a::after { content:' (' attr(href) ')'; font-size:9pt; overflow-wrap:anywhere; } }