/* Scoped editorial experience. Institutional pages retain blog-styles.css unchanged. */
.blog-experience { --editorial-ink:#21162f; --editorial-muted:#665d70; --editorial-line:#e7e1ec; --editorial-paper:#faf8fc; background:var(--editorial-paper); color:var(--editorial-ink); }
.blog-experience [hidden] { display:none !important; }
.blog-experience a:focus-visible,.blog-experience button:focus-visible,.blog-experience input:focus-visible,.blog-experience summary:focus-visible,.blog-experience [tabindex="0"]:focus-visible { outline:3px solid #9163e9; outline-offset:5px; }
.blog-experience .skip-link { position:fixed; top:-80px; left:20px; z-index:10000; background:#fff; color:#39235d; padding:14px 20px; border-radius:8px; }
.blog-experience .skip-link:focus { top:12px; }
.blog-experience .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.blog-experience nav.main-nav { position:sticky; top:0; padding:19px 32px; background:rgba(250,248,252,.97); border-bottom:1px solid var(--editorial-line); z-index:100; }
.blog-experience .nav-container { max-width:1200px; gap:28px; }
.blog-experience .nav-logo img { height:32px; width:auto; }
.blog-experience .author-avatar-lg { width:54px; height:54px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.editorial-desktop-nav { display:flex; gap:30px; margin-left:auto; font-size:13px; font-weight:600; }
.editorial-desktop-nav a { color:var(--editorial-muted); }
.editorial-desktop-nav a[aria-current] { color:#6030ab; }
.editorial-nav-cta { display:inline-flex; gap:20px; align-items:center; color:#fff; background:#251a37; border-radius:8px; padding:12px 17px; font-size:12px; font-weight:700; }
.editorial-nav-cta:hover { background:#47315f; text-decoration:none; }
.editorial-mobile-nav { display:none; position:relative; }
.editorial-mobile-nav summary { list-style:none; cursor:pointer; font-size:13px; font-weight:700; padding:8px; }
.editorial-mobile-nav summary::-webkit-details-marker { display:none; }
.editorial-mobile-nav > div { position:absolute; right:0; top:46px; width:210px; background:#fff; border:1px solid var(--editorial-line); border-radius:12px; padding:12px; box-shadow:0 16px 40px #21162f20; }
.editorial-mobile-nav a { display:block; padding:12px; color:var(--editorial-ink); }
.eyebrow { display:block; font:700 10px/1.5 var(--font-display); text-transform:uppercase; letter-spacing:1.8px; }
.editorial-actions { display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin-top:28px; }
.editorial-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; color:#20122f; background:#dbc9fa; font-size:12px; font-weight:800; padding:16px 20px; border-radius:8px; }
.editorial-button:hover { text-decoration:none; background:#eadffc; }
.editorial-text-link { color:inherit; font-size:12px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.blog-experience .container-blog { max-width:1264px; padding-left:32px; padding-right:32px; }
.editorial-feature { padding-top:56px; padding-bottom:50px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; }
.feature-art { display:block; border-radius:14px; overflow:hidden; }
.feature-art img { width:100%; aspect-ratio:1200/630; object-fit:cover; }
.editorial-feature .eyebrow { color:#7449a7; }
.editorial-feature h2 { font-size:30px; font-weight:700; line-height:1.25; letter-spacing:-1.1px; margin:14px 0; }
.editorial-feature h2 a { color:var(--editorial-ink); }
.editorial-feature p { color:var(--editorial-muted); font-size:13px; line-height:1.8; }
.feature-meta { color:var(--editorial-muted); font-size:10px; margin:18px 0; }
.inline-link { color:#5e3399; font-size:12px; font-weight:700; display:inline-flex; gap:30px; }
.editorial-trails { display:grid; grid-template-columns:.9fr repeat(3,1fr); gap:16px; padding-top:24px; padding-bottom:55px; border-top:1px solid var(--editorial-line); }
.trail-intro { padding-top:13px; }
.trail-intro .eyebrow { color:var(--editorial-muted); font-size:9px; }
.trail-intro h2 { font-size:23px; line-height:1.3; letter-spacing:-.8px; margin-top:12px; }
.editorial-trails > a { color:var(--editorial-ink); display:block; border:1px solid var(--editorial-line); padding:22px; border-radius:12px; background:#f0eaf7; position:relative; }
.editorial-trails > a:nth-of-type(2) { background:#f3f0e9; }
.editorial-trails > a:nth-of-type(3) { background:#eaf1ed; }
.editorial-trails > a:hover { text-decoration:none; border-color:#ac91c9; }
.editorial-trails > a > span { color:#615172; font-size:8px; letter-spacing:1.1px; font-weight:700; }
.editorial-trails h3 { font-size:15px; line-height:1.45; margin:14px 0 8px; max-width:180px; }
.editorial-trails p { color:var(--editorial-muted); font-size:10px; line-height:1.6; max-width:160px; }
.editorial-trails b { position:absolute; right:18px; bottom:18px; font-size:16px; font-weight:400; }
.editorial-library { padding-top:35px; padding-bottom:70px; border-top:1px solid var(--editorial-line); scroll-margin-top:100px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:25px; }
.section-heading .eyebrow { color:var(--editorial-muted); font-size:9px; }
.section-heading h2 { font-size:28px; letter-spacing:-1px; line-height:1.3; margin-top:8px; }
.section-heading > a { font-size:12px; }
.editorial-search label { display:block; font-size:10px; color:var(--editorial-muted); margin-bottom:7px; }
.editorial-search > div { display:flex; align-items:center; gap:8px; border:1px solid var(--editorial-line); background:#fff; border-radius:8px; padding:9px 13px; }
.editorial-search input { font:12px var(--font-display); width:210px; background:none; border:0; color:var(--editorial-ink); padding:5px; }
.editorial-search button { font:16px var(--font-display); border:0; background:none; color:var(--editorial-ink); padding:4px 7px; cursor:pointer; }
.editorial-filters { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:15px; border-bottom:1px solid var(--editorial-line); }
.editorial-filters button { padding:10px 14px; border:1px solid var(--editorial-line); border-radius:30px; font:600 11px var(--font-display); color:var(--editorial-muted); background:transparent; cursor:pointer; }
.editorial-filters button[aria-pressed="true"] { background:#261a38; color:#fff; border-color:#261a38; }
.result-count { font-size:10px; color:var(--editorial-muted); margin:18px 0 22px; }
.editorial-posts-grid,.editorial-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.editorial-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--editorial-line); border-radius:13px; overflow:hidden; transition:box-shadow .2s,border-color .2s; }
.editorial-card:hover { border-color:#bda6d6; box-shadow:0 8px 25px #30203d0a; }
.card-image-link { position:relative; display:block; }
.card-image-link > img { width:100%; aspect-ratio:1200/630; object-fit:cover; }
.card-content { display:flex; flex-direction:column; flex:1; padding:23px; }
.card-category { font-size:11px; font-weight:700; color:#71439c; }
.card-content h3 { font-size:20px; line-height:1.4; letter-spacing:-.5px; margin:11px 0; }
.card-content h3 a { color:var(--editorial-ink); }
.card-content > p { font-size:13px; line-height:1.75; color:var(--editorial-muted); margin-bottom:20px; }
.card-bottom { margin-top:auto; padding-top:14px; border-top:1px solid var(--editorial-line); display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:11px; color:var(--editorial-muted); }
.card-bottom > span:last-child { font-size:16px; }
.card-author { font-size:11px; color:var(--editorial-muted); margin-top:8px; }
.editorial-empty { text-align:center; padding:55px 20px; border:1px dashed #c2b0d3; border-radius:12px; }
.editorial-empty h3 { font-size:20px; }
.editorial-empty p { color:var(--editorial-muted); margin:10px 0; font-size:13px; }
.editorial-empty button { background:#281a3b; color:#fff; font:600 12px var(--font-display); padding:13px 20px; border:0; border-radius:8px; cursor:pointer; }
.blog-experience .newsletter-strip { background:#eee8f5; color:var(--editorial-ink); padding:50px 25px; border-top:1px solid var(--editorial-line); }
.blog-experience .newsletter-strip h3 { font-size:26px; letter-spacing:-.7px; }
.blog-experience .newsletter-strip p { color:var(--editorial-muted); font-size:12px; line-height:1.7; }
.blog-experience .newsletter-strip input { border-radius:8px; font-size:12px; min-width:200px; }
.blog-experience .newsletter-strip button { background:#291c3d; color:#fff; border-radius:8px; box-shadow:none; font-size:12px; }
.blog-experience .newsletter-fineprint a { color:#65408d; }
.blog-experience .newsletter-feedback.is-error { color:#a12639; }
.blog-experience .newsletter-feedback.is-ok { color:#216440; }
.editorial-cta { max-width:1200px; margin:60px auto; border:1px solid #d6c8e9; border-radius:18px; background:#eee6f7; padding:48px; display:grid; grid-template-columns:1fr 180px; align-items:center; gap:50px; overflow:hidden; }
.editorial-cta .eyebrow { color:#6f4b94; font-size:9px; }
.editorial-cta h2 { font-size:34px; line-height:1.2; letter-spacing:-1.3px; max-width:650px; margin:13px 0; }
.editorial-cta p { font-size:13px; line-height:1.8; color:var(--editorial-muted); max-width:560px; }
.editorial-cta .editorial-button { background:#2c1b40; color:#fff; }
.cta-orbit { border:1px solid #c5aedd; border-radius:50%; width:160px; height:160px; display:flex; justify-content:center; align-items:center; box-shadow:0 0 0 23px #d8c9e855,0 0 0 45px #d8c9e833; }
.cta-orbit img { display:block; width:80px; height:auto; }
.blog-experience .site-footer { background:#171126; padding:48px 32px 20px; }
.blog-experience .footer-grid { max-width:1200px; }
.blog-experience .footer-col h5 { color:#e3d9f0; font-size:11px; text-transform:none; letter-spacing:0; }
.blog-experience .footer-col p,.blog-experience .footer-col a { color:#c3b7d1; font-size:11px; line-height:1.9; }
.blog-experience .footer-bottom { color:#b2a5c1; font-size:9px; max-width:1200px; }
.blog-cookie-settings { border:0; background:none; color:#ded2ec; font:inherit; cursor:pointer; padding:8px; text-decoration:underline; }
.blog-consent-bar { position:fixed; z-index:150; left:20px; right:20px; bottom:18px; max-width:920px; margin:auto; padding:20px 24px; background:#fff; border:1px solid var(--editorial-line); border-radius:12px; box-shadow:0 12px 45px #21162f30; display:flex; align-items:center; gap:24px; color:var(--editorial-ink); }
.blog-consent-bar p { font-size:13px; line-height:1.6; margin:0; }
.blog-consent-bar a { color:#613496; text-decoration:underline; }
.blog-consent-bar > div { display:flex; gap:10px; flex-shrink:0; }
.blog-consent-bar button { border:1px solid #bda5d4; background:#fff; color:#39204d; font:700 12px var(--font-display); padding:12px 15px; border-radius:8px; cursor:pointer; }
.blog-consent-bar button[data-blog-consent="all"] { background:#39204d; color:#fff; border-color:#39204d; }
@media(max-width:560px) { .blog-consent-bar { flex-direction:column; align-items:stretch; gap:14px; left:12px; right:12px; bottom:12px; padding:18px; } .blog-consent-bar > div { justify-content:flex-end; } }
.blog-experience .article-hero { padding:55px 24px 38px; background:#f0eaf6; border-bottom:1px solid var(--editorial-line); }
.blog-experience .container-article { max-width:930px; padding:0 16px; }
.blog-experience .article-hero h1 { font-size:clamp(30px,3.7vw,46px); line-height:1.18; font-weight:700; letter-spacing:-1.6px; margin:18px 0; }
.blog-experience .article-hero .lead { font-size:16px; line-height:1.8; color:#5c5068; }
.blog-experience .article-hero .category-tag { background:#e3d5f0; color:#583479; border-radius:30px; text-transform:none; font-size:10px; }
.blog-experience .breadcrumbs { font-size:10px; line-height:1.7; margin-bottom:18px; }
.blog-experience .author-meta { margin-top:25px; gap:12px; font-size:11px; display:flex; flex-wrap:wrap; align-items:center; }
.blog-experience .author-name { color:#382147; font-size:12px; font-weight:700; }
.blog-experience .author-role { font-size:10px; margin-top:4px; }
.editorial-author-photo { border-radius:50%; object-fit:cover; flex-shrink:0; }
.editorial-dates { display:flex; flex-wrap:wrap; gap:7px 17px; margin-top:19px; color:#675773; font-size:10px; line-height:1.7; }
.revision-note { margin-top:20px; padding:13px 16px; border-left:2px solid #9062b4; background:#fff8; color:#685873; font-size:11px; line-height:1.8; }
.blog-experience .article-body-wrap { padding:45px 0 55px; }
.blog-experience .article-layout { grid-template-columns:190px minmax(0,740px) 145px; gap:35px; max-width:1264px; padding:0 32px; }
.blog-experience .article-content { font-size:17px; line-height:1.85; min-width:0; }
.blog-experience .article-content p { color:#463c4e; }
.blog-experience .article-content > p:first-of-type { padding:20px 23px; background:#eee8f5; border-left:3px solid #9865c8; border-radius:0 8px 8px 0; font-size:16px; }
.blog-experience .article-content h2 { font-size:26px; font-weight:700; line-height:1.3; letter-spacing:-.65px; margin-top:40px; scroll-margin-top:105px; }
.blog-experience .article-content h3 { font-size:19px; line-height:1.5; scroll-margin-top:105px; }
.blog-experience .article-content a { color:#613397; }
.blog-experience .article-toc { top:100px; padding-right:0; }
.blog-experience .article-toc h2,.blog-experience .article-share h2 { font:700 9px var(--font-display); letter-spacing:1.4px; text-transform:uppercase; margin:0 0 16px; color:#73617f; }
.blog-experience .article-toc ol { list-style:none; padding:0; }
.blog-experience .article-toc a { font-size:11px; line-height:1.65; padding:7px 0 7px 12px; }
.blog-experience .article-toc a.active { border-left-color:#8553b3; background:#eee8f5; color:#593276; }
.blog-experience .article-toc .toc-product { margin-top:23px; font-weight:700; border-top:1px solid var(--editorial-line); padding-top:17px; }
.blog-experience .article-share { padding-left:0; top:100px; }
.blog-experience .share-btn { font:600 10px var(--font-display); color:#665071; border-color:var(--editorial-line); padding:11px; border-radius:7px; justify-content:space-between; }
.copy-status { font-size:10px; color:var(--editorial-muted); line-height:1.6; }
.reading-progress { position:fixed; top:0; left:0; right:0; height:3px; z-index:101; pointer-events:none; }
.reading-progress span { display:block; height:100%; width:100%; background:#8c55cc; transform-origin:left; transform:scaleX(0); }
.editorial-article-cover { margin:0 0 30px !important; }
.editorial-article-cover img { border-radius:11px; width:100%; }
.table-scroll { overflow-x:auto; margin:26px 0; border:1px solid var(--editorial-line); border-radius:10px; }
.blog-experience .article-content .table-scroll table { margin:0; border:0; font-size:13px; border-radius:0; min-width:480px; }
.blog-experience .article-content table th { font-size:10px; line-height:1.7; background:#f1ecf6; }
.blog-experience .article-content table td { line-height:1.7; padding:14px 16px; }
.anchor-alias { scroll-margin-top:105px; }
.blog-experience .article-signature { font-size:12px; margin-top:35px; padding-top:20px; border-top:1px solid var(--editorial-line); }
.blog-experience .article-footer-wrap { background:#f4eff8; padding:45px 0; }
.blog-experience .author-card { grid-template-columns:80px 1fr; padding:27px; margin-bottom:38px; border-radius:12px; }
.blog-experience .author-card h2 { font-size:21px; margin:7px 0; }
.blog-experience .author-card p { font-size:12px; line-height:1.8; color:var(--editorial-muted); }
.blog-experience .author-card a { font-size:11px; }
.blog-experience .author-card .eyebrow { font-size:8px; color:var(--editorial-muted); }
.editorial-archive-credit { font-size:12px; margin-top:18px; }
@media(max-width:1050px) { .editorial-trails { grid-template-columns:repeat(3,minmax(0,1fr)); } .trail-intro { grid-column:1/-1; } .trail-intro h2 br { display:none; } .blog-experience .article-layout { grid-template-columns:160px minmax(0,1fr); gap:28px; } .blog-experience .article-share { display:flex; align-items:center; gap:15px; position:static; grid-column:2; } .blog-experience .article-share h2 { margin:0; } .blog-experience .share-btns { flex-direction:row; flex-wrap:wrap; } .editorial-cta { margin-left:32px; margin-right:32px; } }
@media(max-width:780px) { .editorial-desktop-nav { display:none; } .editorial-mobile-nav { display:block; } .editorial-nav-cta { margin-left:auto; } .blog-experience nav.main-nav { padding:16px 24px; } .editorial-feature { gap:28px; } .editorial-feature h2 { font-size:23px; } .editorial-posts-grid,.editorial-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .blog-experience .article-layout { grid-template-columns:1fr; padding:0 24px; } .blog-experience .article-toc { position:static; display:block; max-height:none; padding:21px; border:1px solid var(--editorial-line); border-radius:10px; background:#f1eaf7; } .blog-experience .article-toc ol,.blog-experience .article-toc ul { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; } .blog-experience .article-share { grid-column:auto; } .blog-experience .article-hero { padding:35px 16px 30px; } .editorial-cta { padding:32px; grid-template-columns:1fr; } .cta-orbit { display:none; } .editorial-cta h2 { font-size:30px; } .blog-experience .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .blog-experience nav.main-nav { padding:14px 16px; } .nav-container { gap:10px !important; } .blog-experience .nav-logo img { height:27px; } .editorial-nav-cta { font-size:10px; padding:11px; gap:10px; } .editorial-mobile-nav summary { font-size:11px; padding:6px 0 6px 8px; } .editorial-actions { gap:20px; } .blog-experience .container-blog { padding-left:20px; padding-right:20px; } .editorial-feature { grid-template-columns:1fr; padding-top:30px; padding-bottom:30px; gap:23px; } .editorial-feature h2 { font-size:25px; } .editorial-trails { grid-template-columns:1fr; gap:12px; padding-top:22px; padding-bottom:30px; } .editorial-trails > a { padding:18px 20px; } .editorial-trails h3 { max-width:none; margin:10px 0 4px; } .editorial-trails p { max-width:none; } .editorial-library { padding-top:25px; padding-bottom:40px; } .section-heading { flex-direction:column; align-items:stretch; gap:20px; margin-bottom:21px; } .section-heading h2 { font-size:25px; } .editorial-search input { width:100%; min-width:0; } .editorial-search > div { width:100%; } .editorial-filters { flex-wrap:nowrap; overflow-x:auto; padding:5px 3px 15px; scroll-padding:12px; } .editorial-filters button { white-space:nowrap; font-size:10px; } .editorial-posts-grid,.editorial-related-grid { grid-template-columns:1fr; gap:22px; } .card-content { padding:21px; } .card-content h3 { font-size:19px; } .card-content > p { font-size:12px; } .card-category,.card-bottom,.card-author { font-size:10px; } .editorial-cta { margin:32px 20px; padding:28px 23px; } .editorial-cta h2 { font-size:28px; } .blog-experience .newsletter-strip h3 { font-size:23px; } .blog-experience .site-footer { padding:35px 20px 20px; } .blog-experience .footer-grid { gap:30px; } .blog-experience .footer-brand { grid-column:1/-1; } .blog-experience .article-hero h1 { font-size:32px; letter-spacing:-1.15px; } .blog-experience .article-hero .lead { font-size:15px; } .blog-experience .article-layout { padding:0 20px; } .blog-experience .article-content { font-size:16px; } .blog-experience .article-content h2 { font-size:23px; } .blog-experience .article-content h3 { font-size:18px; } .blog-experience .article-toc ol,.blog-experience .article-toc ul { grid-template-columns:1fr; } .blog-experience .article-share { display:block; } .blog-experience .article-share h2 { margin-bottom:12px; } .blog-experience .author-card { grid-template-columns:48px 1fr; padding:20px; gap:15px; } .blog-experience .author-card > img { width:48px; height:48px; } .blog-experience .author-card h2 { font-size:18px; } .blog-experience .article-content > p:first-of-type { padding:18px; font-size:15px; } .blog-experience .meta-pipe { display:none; } }
@media(prefers-reduced-motion:reduce) { .blog-experience,.blog-experience * { scroll-behavior:auto; transition:none; animation:none; } }

/* Blog opening: actual reading choices, distinct from the product homepage. */
.editorial-hero { background:#f5f0fa; color:var(--editorial-ink); padding:0 0 42px; border-bottom:1px solid #ded3e8; }
.editorial-masthead { display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid #d9cce6; padding:25px 0 18px; }
.editorial-masthead .eyebrow { color:#66339d; font-size:11px; letter-spacing:2px; }
.editorial-masthead > span:last-child { font-size:12px; color:#746180; }
.editorial-opening { display:grid; grid-template-columns:1.55fr 1fr; gap:50px; align-items:center; padding:28px 0 32px; }
.editorial-opening h1 { font-size:clamp(40px,4.15vw,60px); font-weight:800; line-height:1.06; letter-spacing:-2.9px; margin:0; }
.editorial-opening h1 span { color:#7843ac; }
.editorial-opening p { font-size:15px; line-height:1.8; color:#665372; margin:0 0 16px; max-width:430px; }
.editorial-opening .editorial-text-link { font-size:13px; color:#492761; display:inline-flex; gap:18px; }
.editorial-frontpage { display:grid; grid-template-columns:1.25fr 1fr; gap:42px; }
.editorial-frontpage .editorial-feature { display:block; padding:0; }
.editorial-frontpage .feature-art { border-radius:12px; }
.editorial-frontpage .feature-art img { width:100%; height:auto; display:block; }
.editorial-frontpage .editorial-feature .eyebrow { margin-top:21px; font-size:10px; color:#66339d; }
.editorial-frontpage .editorial-feature h2 { font-size:28px; font-weight:800; line-height:1.25; letter-spacing:-.9px; margin:10px 0 11px; max-width:610px; }
.editorial-frontpage .editorial-feature p { font-size:14px; line-height:1.7; color:#685971; max-width:590px; margin:0; }
.hero-byline { display:flex; align-items:center; gap:11px; margin-top:18px; font-size:11px; color:#67546f; }
.hero-byline img { border-radius:50%; object-fit:cover; }
.hero-byline > span:last-child { margin-left:auto; color:#6932b3; font-size:22px; }
.editorial-side-reads { padding-left:30px; border-left:1px solid #d9cce6; }
.editorial-side-reads > h2 { font-size:12px; text-transform:uppercase; letter-spacing:1.5px; font-weight:700; margin:0 0 21px; color:#6a557a; }
.editorial-side-reads article { display:grid; grid-template-columns:170px minmax(0,1fr); gap:22px; align-items:start; padding:0 0 23px; margin:0 0 23px; border-bottom:1px solid #d9cce6; }
.side-art { display:block; border-radius:8px; overflow:hidden; }
.side-art img { display:block; width:100%; height:auto; }
.editorial-side-reads .eyebrow { color:#7843ac; font-size:9px; letter-spacing:1.1px; }
.editorial-side-reads h3 { font-size:21px; line-height:1.3; letter-spacing:-.6px; margin:8px 0 10px; }
.editorial-side-reads h3 a { color:var(--editorial-ink); }
.editorial-side-reads p { font-size:13px; line-height:1.7; color:#685971; margin:0 0 13px; }
.side-meta { display:flex; justify-content:space-between; gap:15px; font-size:11px; color:#80698d; }
.editorial-all-link { display:flex; justify-content:space-between; color:#492761; font-size:13px; font-weight:700; padding:5px 0; }
@media(max-width:1050px) { .editorial-opening { grid-template-columns:1.5fr 1fr; gap:30px; } .editorial-opening h1 { font-size:46px; } .editorial-frontpage { gap:26px; } .editorial-side-reads { padding-left:22px; } .editorial-side-reads article { grid-template-columns:1fr; gap:12px; } .side-art { max-width:240px; } .editorial-side-reads h3 { font-size:19px; } }
@media(max-width:780px) { .editorial-opening { grid-template-columns:1fr; gap:18px; } .editorial-opening h1 { font-size:48px; } .editorial-opening p { max-width:600px; } .editorial-frontpage { grid-template-columns:1fr; gap:30px; } .editorial-side-reads { border-left:0; padding-left:0; padding-top:24px; border-top:1px solid #d9cce6; } .editorial-side-reads article { grid-template-columns:180px minmax(0,1fr); gap:22px; } .editorial-side-reads h3 { font-size:22px; } }
@media(max-width:560px) { .editorial-hero { padding-bottom:30px; } .editorial-masthead { padding:19px 0 15px; gap:10px; } .editorial-masthead .eyebrow { font-size:9px; letter-spacing:1.4px; } .editorial-masthead > span:last-child { font-size:10px; } .editorial-opening { padding:25px 0; gap:17px; } .editorial-opening h1 { font-size:39px; letter-spacing:-1.7px; } .editorial-opening p { font-size:14px; line-height:1.7; } .editorial-frontpage .editorial-feature h2 { font-size:25px; } .editorial-frontpage .editorial-feature .eyebrow { margin-top:18px; font-size:9px; } .editorial-frontpage .editorial-feature p { font-size:13px; } .hero-byline { font-size:10px; } .editorial-side-reads article { grid-template-columns:125px minmax(0,1fr); gap:16px; padding-bottom:20px; margin-bottom:20px; } .editorial-side-reads h3 { font-size:19px; margin:7px 0; } .editorial-side-reads p { font-size:12px; } .side-meta { font-size:10px; } .editorial-side-reads .eyebrow { font-size:8px; } }
@media(max-width:360px) { .editorial-opening h1 { font-size:34px; } .editorial-side-reads article { grid-template-columns:105px minmax(0,1fr); gap:13px; } .editorial-side-reads h3 { font-size:17px; } }