/* Editorial and customer support surfaces share the shop's type, links and spacing. */
.editorial-page{background:#fff;color:#202a35;padding-bottom:72px}
.editorial-page .store-wrap,.journal-teasers .store-wrap{max-width:1240px;margin:auto;padding-left:24px;padding-right:24px}
.editorial-heading{max-width:760px;padding:25px 0 42px}
.editorial-eyebrow{font-size:12px!important;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:#667580;margin:0 0 12px!important}
.editorial-heading h1,.article-heading h1{font-family:'Rethink Sans',sans-serif;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.035em;color:#17232e;margin:0 0 18px}
.editorial-heading>p:last-child,.article-heading>p{font-size:18px;line-height:1.65;color:#5b6875;margin:0;max-width:68ch}
.editorial-page a,.journal-teasers a{color:#145b94}
.editorial-page a:focus-visible,.journal-teasers a:focus-visible{outline:3px solid #2787c5;outline-offset:4px}
.editorial-page h2,.journal-teasers h2{font-family:'Rethink Sans',sans-serif;font-size:26px;line-height:1.25;letter-spacing:-.025em;font-weight:750;color:#202a35}
.support-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:80px;align-items:start}
.support-channels>h2,.support-form-panel>h2{margin:0 0 18px}
.support-channel{display:grid;grid-template-columns:42px 1fr 20px;gap:16px;align-items:center;padding:23px 0;border-bottom:1px solid #dde3e7;text-decoration:none!important}
.support-channel__icon{font-size:26px;width:40px;height:40px;display:grid;place-items:center;background:#eff6fa;border-radius:50%;font-weight:600}
.support-channel small{display:block;font-size:12px;color:#667580;margin-bottom:4px}
.support-channel strong{display:block;color:#145b94;font-size:19px;line-height:1.3;overflow-wrap:anywhere}
.support-channel strong+span{display:block;color:#65717b;font-size:13px;margin-top:4px}
.support-channel:hover strong{text-decoration:underline}
.support-visit{padding-top:30px}
.support-visit h3{font-size:18px;margin:0 0 8px}
.support-visit p{font-size:15px;margin:0 0 18px}
.support-visit dl{font-size:14px;line-height:1.6;margin:0;max-width:380px}
.support-visit dl>div{display:flex;justify-content:space-between;gap:24px;margin:6px 0}
.support-visit dd{margin:0;font-weight:650;white-space:nowrap}
.support-form-panel{background:#f5f7f9;padding:30px;border:1px solid #e0e6eb;border-radius:6px}
.support-form-panel>p{color:#64717c;font-size:15px;line-height:1.6;margin:0 0 22px}
.editorial-form{display:grid;gap:18px}
.editorial-form__pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.editorial-form label{font-size:14px;font-weight:650;display:grid;gap:8px}
.editorial-form input,.editorial-form select,.editorial-form textarea{width:100%;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #aab7c1;border-radius:4px;min-height:46px;padding:12px;color:#202a35;font:400 16px 'DM Sans',sans-serif}
.editorial-form textarea{resize:vertical;line-height:1.55}
.editorial-form :is(input,select,textarea):focus{outline:2px solid #1975ad;outline-offset:1px}
.editorial-form .pc-btn{justify-self:start;background:#15803d;color:#fff;border:0;min-height:48px;padding:12px 24px;gap:24px}
.editorial-form .pc-btn:disabled{opacity:.5;cursor:not-allowed}
.editorial-form :disabled{background:#eef0f2}
.editorial-form__note{font-size:12px;line-height:1.6;color:#667580;margin:0}
.editorial-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.editorial-notice{background:#eaf3f9;padding:16px;border:1px solid #cddfe9;font-size:14px;line-height:1.6;margin-bottom:22px}
.editorial-notice--error{background:#fff1ee;border-color:#b7432d}
.editorial-notice ul{padding-left:20px}
.support-shortcuts{border-top:1px solid #dde3e7;margin-top:56px;padding-top:30px}
.support-shortcuts>div{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.support-shortcuts a{padding:12px 0;text-decoration:none;font-weight:700}
.support-shortcuts a span{display:block;font-size:13px;font-weight:400;color:#64717c;margin-top:7px}
.journal-topics{display:flex;gap:24px;overflow:auto;border-bottom:1px solid #dce3e8;margin:0 0 36px}
.journal-topics a{padding:0 0 15px;white-space:nowrap;text-decoration:none;font-size:15px;color:#586671;border-bottom:3px solid transparent}
.journal-topics a[aria-current]{color:#145b94;border-color:#145b94;font-weight:750}
.journal-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:42px;align-items:center;margin-bottom:48px}
.journal-lead__image{aspect-ratio:1.6;display:block;background:#edf2f5;overflow:hidden;border-radius:5px}
.journal-lead__image img{width:100%;height:100%;object-fit:cover}
.journal-lead__image>span{display:grid;place-items:center;padding:40px;height:100%;font-size:32px;font-weight:750;color:#375369}
.journal-lead h2{font-size:32px;line-height:1.2;margin:16px 0}
.journal-lead h2 a,.journal-card h3 a{text-decoration:none;color:#202a35}
.journal-lead h2 a:hover,.journal-card h3 a:hover{color:#145b94;text-decoration:underline}
.journal-lead p{font-size:16px;line-height:1.7;color:#63717c}
.journal-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;color:#697681;font-size:12px;line-height:1.5}
.journal-meta>span:first-child{font-weight:750;color:#145b94}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.journal-card{min-width:0;display:flex;flex-direction:column}
.journal-card__image{display:block;aspect-ratio:1.65;background:#eef2f5;overflow:hidden;border-radius:4px;margin-bottom:19px}
.journal-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.journal-card__image:hover img{transform:scale(1.025)}
.journal-card__image>span{padding:24px;display:flex;justify-content:center;flex-direction:column;height:100%;font-size:23px;font-weight:750;color:#31536c}
.journal-card__image>span>span{display:block;font-size:13px;font-weight:400;margin-top:8px}
.journal-card h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:12px 0;font-weight:750}
.journal-card p{color:#64717c;font-size:14px;line-height:1.7;margin:0 0 16px}
.journal-read{display:inline-flex;gap:18px;align-items:center;font-size:14px;font-weight:700;text-decoration:none;margin-top:auto}
.journal-read:hover{text-decoration:underline}
.journal-pagination{margin-top:40px}
.journal-pagination svg{width:20px;height:20px}
.journal-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.journal-section-heading h2{margin:0}
.journal-section-heading>a{font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}
.journal-teasers{padding:54px 0;background:#fff;border-top:1px solid #e1e6ea}
.editorial-empty{padding:48px 24px;background:#f5f7f9;text-align:center}
.editorial-empty p{color:#64717c}
.article-heading{max-width:880px;padding:24px 0 34px}
.article-heading .journal-meta{margin-bottom:18px}
.article-cover{position:relative;display:flex;align-items:flex-end;max-width:100%;min-height:500px;aspect-ratio:16/9;height:auto;margin-bottom:42px;border-radius:5px;overflow:hidden;background:#10161c}
.article-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.article-cover .article-heading{position:relative;z-index:1;max-width:none;width:100%;box-sizing:border-box;margin:0;padding:128px 36px 32px;background:linear-gradient(to top,rgba(8,12,16,.94) 0%,rgba(8,12,16,.88) 56%,rgba(8,12,16,.46) 78%,rgba(8,12,16,0) 100%)}
.article-cover .article-heading h1{max-width:18em;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.4)}
.article-cover .article-heading>p{color:rgba(255,255,255,.9);text-shadow:0 1px 12px rgba(0,0,0,.4)}
.article-cover .journal-meta{color:rgba(255,255,255,.86)}
.article-cover .journal-meta>span:first-child{color:#d7ebf8}
.article-layout{display:grid;grid-template-columns:minmax(0,790px) 270px;gap:72px;align-items:start}
.editorial-prose{font-size:17px;line-height:1.85;min-width:0;overflow-wrap:anywhere;color:#384550}
.editorial-prose> :first-child{margin-top:0}
.editorial-prose p{margin:0 0 22px}
.editorial-prose h2{font-size:28px;margin:40px 0 18px;scroll-margin-top:120px}
.editorial-prose h3{font-size:22px;line-height:1.35;margin:32px 0 14px;color:#202a35;scroll-margin-top:120px}
.editorial-prose h4{font-size:18px;margin:24px 0 12px}
.editorial-prose img{max-width:100%;height:auto;border-radius:4px;margin:12px 0}
.editorial-prose figure{margin:28px 0}
.editorial-prose figure img{display:block;margin:0 auto}
.editorial-prose figcaption{margin-top:10px;color:#5b6875;font-size:13px;line-height:1.6;text-align:center}
.editorial-prose a{text-decoration:underline;text-underline-offset:3px}
.editorial-prose :is(ul,ol){padding-left:24px;margin:0 0 24px}
.editorial-prose li{padding-left:4px;margin-bottom:8px}
.editorial-prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:14px;margin:24px 0}
.editorial-prose :is(th,td){border:1px solid #d9e1e7;padding:12px 16px;text-align:left}
.editorial-prose th{background:#f3f6f8}
.editorial-prose blockquote{border:1px solid #d9e4ec;margin:24px 0;padding:12px 24px;background:#f3f7fa}
.article-aside{position:sticky;top:24px}
.article-toc{border-top:2px solid #293b49;border-bottom:1px solid #dae2e8;padding:18px 0;margin-bottom:28px}
.article-toc summary{font-weight:750;font-size:15px;cursor:pointer}
.article-toc nav{display:grid;gap:12px;padding-top:18px}
.article-toc a{font-size:13px;line-height:1.5;text-decoration:none}
.article-toc a:hover{text-decoration:underline}
.editorial-discovery{padding:24px;background:#f2f6f9;border-radius:4px}
.editorial-discovery h2{font-size:23px;margin:0 0 20px}
.editorial-discovery nav{display:grid;gap:0;margin-bottom:24px}
.editorial-discovery nav a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #d9e3eb;font-size:14px;font-weight:650;text-decoration:none}
.editorial-discovery p{font-size:13px;color:#63717c;margin:0 0 8px}
.article-related{border-top:1px solid #dce3e8;margin-top:64px;padding-top:36px}

@media(max-width:950px){.support-grid{gap:36px}
.support-form-panel{padding:24px}
.editorial-form__pair{grid-template-columns:1fr}
.article-layout{grid-template-columns:minmax(0,1fr) 230px;gap:32px}
.journal-lead{gap:28px}
.journal-lead h2{font-size:27px}
.journal-grid{gap:24px}
.support-shortcuts>div{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:700px){.editorial-page{padding-bottom:44px}
.editorial-page .store-wrap,.journal-teasers .store-wrap{padding-left:20px;padding-right:20px}
.editorial-heading{padding:20px 0 30px}
.editorial-heading>p:last-child,.article-heading>p{font-size:16px}
.support-grid{grid-template-columns:1fr;gap:36px}
.support-form-panel{padding:24px 20px}
.support-channel strong{font-size:18px}
.support-shortcuts{margin-top:36px}
.support-shortcuts>div{gap:12px 20px}
.support-shortcuts a span{line-height:1.6}
.journal-lead{grid-template-columns:1fr;gap:22px;margin-bottom:36px}
.journal-lead h2{font-size:27px;margin:12px 0}
.journal-topics{gap:24px;margin-bottom:28px}
.journal-grid{grid-template-columns:1fr;gap:36px}
.journal-card__image{aspect-ratio:1.85}
.journal-card h3{font-size:22px}
.journal-section-heading{align-items:center;gap:16px}
.journal-section-heading h2{font-size:24px}
.journal-teasers{padding:36px 0}
.article-heading{padding-top:16px}
.article-heading h1{font-size:33px}
.article-cover{min-height:460px;height:auto;aspect-ratio:auto;margin-bottom:28px}
.article-cover--launch{display:block;min-height:0}
.article-cover--launch img{position:static;display:block;height:auto;aspect-ratio:16/9;object-fit:contain}
.article-cover img[src$="/laptop-guide-gaming-ef26b999ce.webp"]{object-position:28% center}
.article-cover .article-heading{padding:92px 20px 22px}
.article-cover--launch .article-heading{padding:22px 20px;background:#10161c}
.article-cover .article-heading h1{font-size:32px}
.article-cover .article-heading>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.article-layout{display:flex;flex-direction:column;gap:30px}
.article-aside{position:static;display:contents}
.article-toc{order:-1;width:100%;margin:0}
.editorial-prose{font-size:16px;line-height:1.85;width:100%}
.editorial-prose h2{font-size:25px}
.editorial-discovery{width:100%;box-sizing:border-box}
.article-related{margin-top:40px}
.journal-meta{font-size:12px}
.article-heading .journal-meta{gap:8px 12px}
}

@media(prefers-reduced-motion:reduce){.journal-card__image img{transition:none}
.journal-card__image:hover img{transform:none}
}


.support-visit h3,.journal-card h3,.editorial-prose h3,.editorial-prose h4{font-family:'Rethink Sans',sans-serif}



.support-channel__icon svg{width:24px;height:24px}
.editorial-heading h1{margin-top:0}
@media(max-width:700px){.support-channel{grid-template-columns:34px 1fr 14px;gap:10px}
.support-channel__icon{width:34px;height:34px}
.support-channel strong{font-size:16px}
}



/* Blog wayfinding stays separate from the site header and article content. */
.journal-pager { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #e4e4e7; padding-top:24px; }
.editorial-page .journal-pager__button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:10px 18px; border:1px solid #bac8d3; border-radius:8px; background:#fff; color:#145b94; font:650 14px/1.4 "DM Sans",sans-serif; text-decoration:none; touch-action:manipulation; transition:background-color 160ms ease,border-color 160ms ease; }
.journal-pager__button svg { flex:none; }
.editorial-page .journal-pager__button.is-disabled { background:#f5f7f9; border-color:#e1e6eb; color:#75828d; }
.journal-pager__status { color:#53616c; font:400 13px/1.5 "DM Sans",sans-serif; text-align:center; font-variant-numeric:tabular-nums; }
.journal-pager__status strong { color:#17212b; font-weight:650; }
@media(hover:hover) and (pointer:fine) { .editorial-page a.journal-pager__button:hover { background:#edf4f9; border-color:#145b94; } }
@media(max-width:480px) {
 .journal-pager { flex-wrap:wrap; gap:12px; }
 .journal-pager__status { flex:0 0 100%; order:-1; }
 .editorial-page .journal-pager__button { padding-inline:14px; }
}

/* Blog breadcrumb (shop.partials.editorial-crumbs) */
.editorial-crumbs { padding:22px 0 20px; }
.editorial-crumbs ol { display:flex; align-items:center; gap:4px; min-width:0; margin:0; padding:0; list-style:none; color:#5b6875; font:500 13.5px/1.4 "DM Sans",sans-serif; }
.editorial-crumbs li { display:flex; align-items:center; flex:none; min-width:0; }
.editorial-crumbs li + li::before { content:""; flex:none; width:16px; height:16px; margin-right:4px; background:#a3afb9; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat; }
.editorial-crumbs a { padding:4px 2px; border-radius:4px; color:#3d4b57; text-decoration:none; transition:color 150ms ease; }
.editorial-crumbs a:focus-visible { outline:2px solid #145b94; outline-offset:2px; }
.editorial-crumbs__current { flex:0 1 auto !important; }
.editorial-crumbs__current span { overflow:hidden; max-width:56ch; padding:4px 2px; color:#17232e; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
@media (hover:hover) and (pointer:fine) { .editorial-crumbs a:hover { color:#145b94; text-decoration:underline; text-underline-offset:3px; } }
@media (max-width:700px) { .editorial-crumbs { padding:14px 0 14px; } .editorial-crumbs ol { font-size:13px; } .editorial-crumbs__current span { max-width:none; } }