/* Article layouts: retain every existing article URL and body. */
.article-shell{max-width:1200px;padding-top:40px;padding-bottom:65px}.article-heading{max-width:960px;margin-bottom:30px}.article-heading h1{font-size:clamp(36px,4.2vw,58px);line-height:1.13;max-width:950px;margin-bottom:24px}.article-lede{font-size:20px;line-height:1.75;max-width:800px}.article-meta{display:flex;flex-wrap:wrap;gap:9px 22px;font-size:12px;color:var(--muted)}.article-cover{margin:30px 0 45px;overflow:hidden;border-radius:6px;background:var(--surface)}.article-cover img{width:100%;aspect-ratio:2.3;object-fit:cover}.article-cover figcaption{font-size:13px;color:var(--muted);padding:14px 18px}.article-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:65px;align-items:start}.article-toc{position:sticky;top:120px}.article-toc nav{border-top:1px solid var(--line);padding-top:20px}.article-toc nav>p{font-size:10px;letter-spacing:.13em;color:var(--accent);font-weight:650}.article-toc ol{list-style:none;padding:0;margin:0;display:grid;gap:14px}.article-toc a{font-size:13px;line-height:1.5;text-decoration:none;color:var(--muted)}.article-toc a:hover,.article-toc a[aria-current]{color:var(--accent)}.toc-back{display:block;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}.article-content{min-width:0;max-width:790px}.article-content p,.article-content li{font-size:calc(18px * var(--reading-scale));line-height:1.85;color:var(--prose-color);max-width:72ch}.article-content li{margin-bottom:12px}.article-content h2{font-size:calc(30px * var(--reading-scale));line-height:1.25;margin-bottom:20px}.article-content h3{font-size:calc(23px * var(--reading-scale));line-height:1.3;margin:30px 0 15px}.article-content>section{margin-top:48px;scroll-margin-top:120px}.article-content strong{color:var(--text)}.article-content a{color:var(--accent)}.article-content code{font:calc(14px * var(--reading-scale))/1.75 Consolas,monospace;background:var(--surface-alt);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere;color:var(--text)}.code-block{margin:25px 0;border:1px solid var(--line);border-radius:5px;background:var(--surface);overflow:hidden}.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 15px;background:var(--surface-alt);border-bottom:1px solid var(--line)}.code-toolbar>span{font-size:12px;color:var(--muted)}.copy-code{font-size:12px;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:6px 12px;color:var(--accent);min-height:36px}.code-block pre{margin:0;padding:22px;overflow-x:auto;max-width:100%;tab-size:2}.code-block pre code{display:block;padding:0;background:transparent;overflow-wrap:normal;white-space:pre}.article-content .copy-status{font-size:12px;line-height:1.5;padding:0 15px;margin:0}.copy-status:not(:empty){padding-bottom:12px}.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:5px;margin:25px 0}.article-content table{width:100%;border-collapse:collapse}.article-content caption{padding:14px;text-align:left;font-size:14px}.article-content th,.article-content td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line);min-width:140px;font-size:15px}.article-content th{background:var(--surface-alt)}.article-content td{color:var(--prose-color)}.article-sources{border-top:1px solid var(--line);padding-top:30px}.article-content .article-sources p,.article-content .article-sources li{font-size:15px}.article-next{padding-top:25px;margin-top:35px;border-top:1px solid var(--line)}.article-next>span{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.article-next a{font-size:21px;font-weight:600}.reading-controls{display:inline-flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:22px;padding:5px 7px 5px 12px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.reading-label{font-size:10px;color:var(--muted);margin-right:8px}.reading-controls button{min-width:40px;min-height:40px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);font-weight:650}.reading-controls button:hover,.reading-controls button[aria-pressed=true]{border-color:var(--line);background:var(--surface-alt)}.instruction-photo,.photo-figure{margin:30px 0}.instruction-photo img,.photo-figure img{width:100%;height:auto;border-radius:5px;border:1px solid var(--line)}.instruction-photo figcaption,.photo-figure figcaption{font-size:14px;color:var(--muted);line-height:1.65;margin-top:12px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-grid figure{margin:0 0 20px}.photo-grid img{width:100%;height:auto;border-radius:5px}.article-content figure{max-width:100%}.article-content figure img{max-height:1000px;object-fit:contain}.related-section{padding-top:45px;padding-bottom:65px;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:35px}.related-grid .story-copy h3{font-size:22px}.help-card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:5px;align-self:start}.help-card h3{font-size:28px}.help-card p{font-size:15px}.article-extra{margin:45px 0}.article-extra h2{font-size:30px}.video-load{width:100%;min-height:240px;border:1px solid var(--line);border-radius:6px;background:var(--surface-alt);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:25px;text-align:center}.video-load small{color:var(--muted);font-size:12px}.play-icon{display:grid;place-items:center;width:60px;height:60px;background:var(--button);color:var(--button-text);border-radius:50%}.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:6px}.product-links{list-style:none;padding:0}.product-links li{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:20px 0}.product-links p{font-size:15px;margin:7px 0 0}.product-links a{font-size:14px;flex-shrink:0}.affiliate-disclosure{font-size:14px!important;border-left:3px solid var(--accent);padding-left:15px}.desk-facts{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:5px;margin:30px 0;background:var(--surface)}.desk-facts>div{padding:20px;border-bottom:1px solid var(--line)}.desk-facts span{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.desk-facts strong{font-size:17px;line-height:1.5;display:block}.support-path{background:var(--surface-alt);padding:22px;margin:25px 0;border-radius:5px}.support-path>p{font-size:12px!important}.support-path>div{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.support-path span{font-size:14px;color:var(--text)}
.photo-pair,.photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0;align-items:start}.photo-pair .instruction-photo,.photo-gallery .instruction-photo{margin:0;min-width:0}.photo-pair img,.photo-gallery img{aspect-ratio:5/4;object-fit:contain;background:var(--surface)}.article-content .init-steps{counter-reset:init;list-style:none;padding:0}.init-steps>li{position:relative;counter-increment:init;padding:0 0 16px 48px}.init-steps>li:before{content:counter(init);position:absolute;left:0;top:4px;display:grid;place-items:center;width:30px;height:30px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:50%;font-size:13px}.article-end-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:40px}.article-end-links a{font-size:15px}
@media(max-width:640px){.photo-pair,.photo-gallery{grid-template-columns:1fr}}
@media(max-width:900px){.article-grid{grid-template-columns:165px minmax(0,1fr);gap:30px}.related-grid{grid-template-columns:1fr 1fr}.help-card{grid-column:1/-1}.article-content p,.article-content li{font-size:calc(17px * var(--reading-scale))}}
@media(max-width:640px){.article-shell{padding-top:25px;padding-bottom:45px}.article-heading h1{font-size:36px}.article-lede{font-size:18px}.article-grid{grid-template-columns:1fr;gap:30px}.article-toc{position:static;background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:5px}.article-toc nav{padding:0;border:0}.article-toc ol{grid-template-columns:1fr 1fr;gap:12px 20px}.article-content h2{font-size:calc(27px * var(--reading-scale))}.article-cover{margin:25px 0 30px}.article-cover img{aspect-ratio:1.65}.photo-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.related-section{padding-top:35px;padding-bottom:45px}.desk-facts{grid-template-columns:1fr}.product-links li{display:block}.product-links a{display:inline-block;margin-top:12px}.code-block pre{padding:16px}}

/* Scroll wide reference tables without widening the article on small screens. */
.article-table{max-width:100%;overflow-x:auto;margin:25px 0;border:1px solid var(--line);border-radius:5px}.article-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}.article-table th,.article-table td{text-align:left;vertical-align:top;padding:12px 15px;border-bottom:1px solid var(--line)}.article-table th{background:var(--surface-alt)}.article-content .instruction-photo img{height:auto}.article-content .product-links li{flex-wrap:wrap}.article-content .product-links li>div{flex:1 1 240px}.article-content .product-links a{white-space:normal}.article-content .product-links p{font-size:15px}

/* Product photos, text and call to action share one large link target. */
.product-links li{display:block;border:0;padding:0;margin:18px 0}
.product-links a.article-product-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:center;width:100%;padding:24px;background:var(--surface);border:2px solid var(--control);border-radius:9px;text-decoration:none;color:var(--text);white-space:normal;transition:border-color .15s,box-shadow .15s}
.product-links a.article-product-card:hover{border-color:var(--accent);box-shadow:0 5px 18px #0002}
.article-product-image{display:flex;align-items:center;justify-content:center;height:220px;padding:14px;background:#fff;border-radius:6px;overflow:hidden}
.article-product-image img{display:block;width:100%;height:100%!important;object-fit:contain}
.article-product-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.article-product-name{font-size:23px;line-height:1.25;letter-spacing:-.02em;color:var(--text)}
.article-product-note{font-size:16px;line-height:1.6;color:var(--muted)}
.article-product-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:11px 19px;border-radius:5px;background:var(--button);color:var(--button-text);font-size:16px;font-weight:650}
.product-links a.article-product-card--text{grid-template-columns:1fr}
@media(max-width:640px){.product-links a.article-product-card{grid-template-columns:1fr;gap:20px;padding:20px;margin-top:0}.article-product-image{height:210px}.article-product-name{font-size:22px}.article-product-cta{width:100%}}
@media(prefers-reduced-motion:reduce){.product-links a.article-product-card{transition:none}}

.article-product-action{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.article-product-affiliate{font-size:13px;line-height:1.5;font-weight:400;color:var(--muted)}
@media(max-width:640px){.article-product-action{width:100%}}