/* Article components: one reading measure, compact purchases, accessible wide tables. */
body .article.cs-article{padding:38px 0 20px}.article.cs-article .article-header{max-width:860px;text-align:left;margin:0 auto 28px}.article.cs-article .article-header h1{font-size:clamp(2.4rem,4.1vw,3.6rem);line-height:1.08;letter-spacing:-.025em;margin:14px 0 20px}.article.cs-article .article-header .dek{font-size:1.12rem;line-height:1.6;max-width:65ch;margin:0 0 18px}.article.cs-article .article-header .meta{font-size:.8rem;margin:0}.article.cs-article .article-header .kicker{margin:0}
.cs-article .article-content{max-width:760px;font-size:1.035rem;line-height:1.75}.cs-article .cs-buying-guide{font-size:inherit;line-height:inherit}.cs-article .article-content p{margin:0 0 1.1em}.cs-article .article-content h2{font-size:2.2rem;line-height:1.14;margin:34px 0 16px}.cs-article .article-content h3{font-size:1.7rem;line-height:1.2;margin:25px 0 13px}.cs-article .article-content li{margin-bottom:.55em}.cs-article .article-content [id]{scroll-margin-top:24px}.cs-article .article-image{max-width:1040px;margin:0 auto 32px}.cs-article .article-image img{width:100%;height:auto;object-fit:contain}
.cs-article .article-content .affiliate-disclosure{font-size:.86rem;line-height:1.65;padding:13px 16px;margin:0 0 25px}.cs-article .article-content .affiliate-disclosure p{margin:0}
.cs-article .article-content .cs-answer{padding:20px 23px;border:0;border-left:3px solid var(--accent);background:var(--sage);margin:25px 0 18px}.cs-article .article-content .cs-answer h2{font-size:1.65rem;margin:0 0 11px}.cs-article .article-content .cs-answer p{font-size:.96rem;line-height:1.7}.cs-article .article-content .cs-answer p:last-child{margin-bottom:0}
.cs-article .cs-contents{margin:18px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.9rem}.cs-article .cs-contents summary{cursor:pointer;min-height:48px;padding:13px 2px;font-weight:500}.cs-article .cs-contents summary::marker{font-size:.7em;color:var(--accent)}.cs-article .cs-contents summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cs-article .cs-contents-links{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:0 0 14px}.cs-article .cs-contents-links a{font-size:.85rem;line-height:1.5;display:block;padding:10px 0;text-underline-offset:3px;min-height:44px}
.cs-article .cs-table-frame{position:relative;left:50%;transform:translateX(-50%);width:min(1040px,calc(100vw - 80px));max-width:calc(100vw - 80px);margin:30px 0}.cs-article .cs-table-frame[data-columns="2"]{width:100%;max-width:100%;left:0;transform:none}.cs-article .cs-table-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--muted) var(--paper);border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch}.cs-article .cs-table-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.cs-article .article-content table.cs-data-table{display:table;table-layout:fixed;border-collapse:collapse;width:100%;min-width:650px;margin:0;overflow:visible;font-size:.88rem;line-height:1.6}.cs-article .cs-table-frame[data-columns="2"] table.cs-data-table{min-width:460px}.cs-article .cs-table-frame[data-columns="4"] table.cs-data-table{min-width:850px}.cs-article .cs-table-frame[data-columns="5"] table.cs-data-table,.cs-article .cs-table-frame[data-columns="6"] table.cs-data-table{min-width:980px}
.cs-article .article-content .cs-data-table tr>th,.cs-article .article-content .cs-data-table tr>td{white-space:normal;overflow-wrap:break-word;word-break:normal;vertical-align:top;padding:13px 15px;font-size:inherit;width:auto;font-variant-numeric:tabular-nums;text-align:left;border-bottom:1px solid var(--line)}.cs-article .article-content .cs-data-table th:first-child{width:auto}.cs-article .article-content .cs-data-table thead{background:var(--sage)}.cs-article .article-content .cs-data-table tbody tr:nth-child(even){background:#f1eee5}.cs-article .article-content .cs-data-table caption{font-size:.83rem;line-height:1.6;text-align:left;padding:0 0 12px;color:var(--muted)}.cs-article .article-content .cs-scroll-hint{display:none;font-size:.77rem;margin:0 0 9px;color:var(--muted)}.cs-article .cs-table-frame[data-overflow="true"] .cs-scroll-hint{display:block}.cs-article .cs-table-frame[data-overflow="false"] .cs-scroll-hint{display:none}
.cs-article .article-content .cs-product-panel{padding:18px 20px;margin:22px 0;background:#faf7f0;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0}.cs-article .article-content .cs-product-panel h2,.cs-article .article-content .cs-product-panel h3{font-size:1.55rem;line-height:1.2;margin:0 0 10px}.cs-article .article-content .cs-product-panel p{font-size:.9rem;line-height:1.65;margin:0 0 12px}.cs-article .article-content .cs-product-panel small{font-size:.77rem;color:var(--muted);margin:10px 0 0;display:block}.cs-article .article-content .cs-product-panel .cs-purchase-link{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;padding:10px 15px;margin:0;background:var(--accent);color:#fff;font-size:.84rem;line-height:1.45;font-weight:600;border:0;border-radius:2px;text-decoration:none;gap:0}.cs-article .article-content .cs-product-panel .cs-purchase-link:hover{background:#853821;text-decoration:underline}.cs-article .cs-product-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}.cs-article .cs-product-copy{min-width:0}.cs-article .article-content .cs-product-copy p:last-child{margin:0}.cs-article .cs-product-panel>img{max-width:100px;height:auto;margin-bottom:12px}
.cs-article .article-content .cs-source-note{border-top:1px solid var(--line);padding-top:18px;margin:32px 0 24px;font-size:.88rem;line-height:1.7;color:var(--muted)}.cs-article .article-content .cs-source-note h2{font-size:1.5rem;color:var(--ink);margin:0 0 12px}.cs-article .article-content .cs-source-note p{font-size:inherit}.cs-article .article-content .cs-next-read{border-top:1px solid var(--line);padding-top:17px;margin:24px 0;font-size:.9rem;line-height:1.7}.cs-article .article-content .cs-source-note .cs-next-read{border:0;padding:0;margin:14px 0 0}
@media(max-width:750px){body .article.cs-article{padding-top:29px}.article.cs-article .article-header h1{font-size:2.55rem}.article.cs-article .article-header .dek{font-size:1.03rem}.cs-article .article-content{font-size:1rem}.cs-article .cs-table-frame{width:calc(100vw - 48px);max-width:calc(100vw - 48px)}.cs-article .article-content .cs-scroll-hint{display:block}.cs-article .article-content h2{font-size:1.95rem}.cs-article .cs-contents-links{grid-template-columns:1fr}.cs-article .cs-product-layout{grid-template-columns:1fr;gap:13px}.cs-article .article-content .cs-product-panel .cs-purchase-link{justify-self:start;max-width:100%}.cs-article .article-content .cs-answer{padding:18px}.cs-article .article-content .cs-product-panel{padding:16px}.cs-article .article-content .cs-product-panel h2,.cs-article .article-content .cs-product-panel h3{font-size:1.4rem}.cs-article .article-content .cs-data-table tr>td,.cs-article .article-content .cs-data-table tr>th{padding:11px 12px}}
@media(max-width:360px){.article.cs-article .article-header h1{font-size:2.2rem}.cs-article .article-content h2{font-size:1.8rem}.cs-article .article-content .cs-answer{padding:16px}.cs-article .cs-table-frame{width:calc(100vw - 42px);max-width:calc(100vw - 42px)}}
/* Keep source captions readable while the comparison scrolls horizontally. */
.cs-article .article-content .cs-table-caption{font-size:.83rem;line-height:1.6;color:var(--muted);margin:0 0 12px;max-width:760px}.cs-article .article-content .cs-data-table caption{position:absolute;left:0;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
