/* Dark introduction for the article template; preserve the original cover and body. */
body.article-reference .page-section.art-opening:not(.art-opening--index){background:#080d10 !important;color:#fff;padding:clamp(204px,14.1667vw,272px) 2.2222vw clamp(90px,8vw,130px);border-radius:0 0 72px 72px}
.article-reference .art-opening > .page-inner{width:100%;max-width:none}
.article-reference__breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#d7dcde;font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 64px}
.article-reference__breadcrumbs a{color:inherit;text-decoration:none}.article-reference__breadcrumbs a:hover{text-decoration:underline}
body.article-reference .page-section.art-opening .showcase-head{display:block;text-align:left;margin:0}
body.article-reference .page-section.art-opening .showcase-head .showcase-eyebrow{position:static;display:block;margin:0 0 24px;color:#b2b8ba;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.article-reference .page-section.art-opening h1.showcase-title,body.article-reference .page-section.art-opening h1.showcase-title span{color:#fff}
body.article-reference .page-section.art-opening .showcase-head h1.showcase-title{max-width:1280px;margin:0;font-size:clamp(40px,5.5556vw,106.667px);line-height:1.1;letter-spacing:-.04em;font-weight:500}
body.article-reference .page-section.art-opening .art-byline,body.article-reference .page-section.art-opening .art-byline span{color:#d7dcde}
body.article-reference .page-section.art-opening .art-byline{margin:48px 0 0}
body.article-reference .page-section.article-reference__cover{background:#fff !important;padding:80px 2.2222vw 0}
.article-reference__cover .page-inner{width:100%;max-width:none}
.article-reference__cover .art-figure{margin:0 auto}
.article-reference__breadcrumbs a:focus-visible{outline:3px solid #dd3d06;outline-offset:4px}
@media(max-width:1180px){body.article-reference .page-section.art-opening .showcase-head h1.showcase-title{font-size:40px}}
@media(max-width:992px){body.article-reference .page-section.art-opening:not(.art-opening--index){padding:108px 12px 70px;border-radius:0 0 40px 40px}.article-reference__breadcrumbs{margin-bottom:32px}body.article-reference .page-section.article-reference__cover{padding:48px 12px 0}body.article-reference .page-section.art-opening .art-byline{margin-top:32px}}
@media(min-width:993px) and (max-width:1180px){body.article-reference .page-section.art-opening:not(.art-opening--index){padding:204px 24px 100px}body.article-reference .page-section.article-reference__cover{padding-inline:24px}}
body.article-reference main.page-main{background:#fff}
@media(max-width:760px){body.article-reference .page-section.art-opening .art-byline{align-items:flex-start}}
/* Resource guides reuse the article opening with optional lead and actions. */
body.article-reference .page-section.art-opening .showcase-head p.page-head-lead{grid-area:auto;max-width:760px;margin:24px 0 0;color:#aab2b5;font-size:clamp(18px,1.6vw,24px);line-height:1.4}
body.article-reference .page-section.art-opening .showcase-head .art-actions{grid-area:auto;display:flex;justify-content:flex-start;gap:8px;margin:32px 0 0}
body.article-reference .page-section.art-opening .art-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:72px;padding:0 26px;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body.article-reference .page-section.art-opening .art-actions a.fix-cta:not(:disabled){background:#dd3d06;color:#fff}
body.article-reference .page-section.art-opening .art-actions a.hero-btn--secondary{background:#1b2225;border-color:#1b2225;color:#fff}
body.article-reference .page-section.art-opening .art-actions a:hover{background:#fff;color:#080d10}
@media(max-width:992px){body.article-reference .page-section.art-opening .showcase-head .art-actions{width:100%;flex-direction:column;margin-top:24px}body.article-reference .page-section.art-opening .art-actions a{width:100%;min-height:60px}}

/* Blog article heroes: topic, headline, summary links and author details. */
body.article-reference .art-opening--post .article-reference__breadcrumbs{display:flex;flex-wrap:nowrap;gap:12px;overflow:hidden;margin:0 0 64px;font:600 clamp(14px,.9722vw,18.667px)/1.15 'Bricolage Nav',Arial,sans-serif;letter-spacing:.15em;white-space:nowrap}
body.article-reference .art-opening--post .article-reference__breadcrumbs a,body.article-reference .art-opening--post .article-reference__breadcrumbs span:not([aria-current]){flex:none}
body.article-reference .art-opening--post .article-reference__breadcrumbs [aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#fff}
body.article-reference .page-section.art-opening--post .showcase-head .showcase-eyebrow{margin:0 0 24px;color:rgba(255,255,255,.7);font:600 clamp(12px,.8333vw,16px)/1.15 'Bricolage Nav',Arial,sans-serif;letter-spacing:.15em}
body.article-reference .page-section.art-opening--post .showcase-head h1.showcase-title{max-width:none;font-size:clamp(40px,5.5556vw,106.667px);line-height:1.1;letter-spacing:-.02em;font-weight:440}
body.article-reference .page-section.art-opening--post h1 .showcase-title-muted{display:inline}
body.article-reference .article-hero-summary{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}
body.article-reference .article-hero-summary a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:clamp(72px,5vw,96px);padding:0 clamp(28px,2.778vw,54px);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font:600 clamp(14px,.9722vw,18.667px)/1.15 'Bricolage Nav',Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;transition:background-color .25s ease,color .25s ease}
body.article-reference .article-hero-summary a:hover{background:#fff;color:#080d10}
body.article-reference .article-hero-summary a:focus-visible{outline:3px solid #dd3d06;outline-offset:4px}
body.article-reference .article-hero-summary__icon{display:block;width:16px;height:16px;flex:none;background:currentColor;mask:var(--summary-icon) center/contain no-repeat;-webkit-mask:var(--summary-icon) center/contain no-repeat}
body.article-reference .article-hero-summary__icon--chatgpt{--summary-icon:url('/assets/blog/openai-mark.svg')}
body.article-reference .article-hero-summary__icon--perplexity{--summary-icon:url('/assets/blog/perplexity-mark.svg')}
body.article-reference .page-section.art-opening--post .art-byline{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin:48px 0 0;color:rgba(255,255,255,.7);font:600 clamp(12px,.9722vw,18.667px)/1.2 'Bricolage Nav',Arial,sans-serif;letter-spacing:.1em}
body.article-reference .page-section.art-opening--post .art-byline .art-meta-item{display:inline-flex;align-items:center;gap:8px}
body.article-reference .page-section.art-opening--post .art-byline .article-hero-author{color:#fff;text-transform:uppercase}
body.article-reference .page-section.art-opening--post .art-byline .art-byline-avatar{width:25px;height:25px;margin:0;object-fit:cover}
body.article-reference .page-section.art-opening--post .article-hero-meta-separator{color:rgba(255,255,255,.7)}
body.article-reference .page-section.art-opening--post .art-byline time{color:rgba(255,255,255,.7)}
body.article-reference .article-hero-word{display:inline-block;animation:article-hero-word-in .65s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--word-delay,0s)}
@keyframes article-hero-word-in{from{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){body.article-reference .page-section.art-opening--post .showcase-head h1.showcase-title{font-size:40px;line-height:1.2}}
@media(max-width:992px){body.article-reference .art-opening--post .article-reference__breadcrumbs{margin-bottom:24px}body.article-reference .page-section.art-opening--post .showcase-head .showcase-eyebrow{margin-bottom:16px}body.article-reference .article-hero-summary{flex-direction:column;margin-top:24px}body.article-reference .article-hero-summary a{width:100%;min-height:60px}body.article-reference .page-section.art-opening--post .art-byline{margin-top:24px}}
@media(prefers-reduced-motion:reduce){body.article-reference .article-hero-summary a{transition:none}body.article-reference .article-hero-word{animation:none}}

/* Reference-inspired reading column for existing articles and resource guides. */
body.article-reference .art-body { background:#fff !important; color:#080d10; padding:clamp(64px,8vw,120px) 2.2222vw; }
body.article-reference .art-column { --art-text:#080d10; max-width:none; width:55.5556vw; font-size:1.5972vw; }
body.article-reference .art-prose { color:#080d10; line-height:1.35; }
body.article-reference .art-prose .art-intro { color:#080d10; font-size:2.2222vw; line-height:1.3; }
body.article-reference .art-prose h2 { color:#080d10; font-size:2.3611vw; line-height:1.25; }
body.article-reference .art-prose h3 { color:#080d10; font-size:1.6667vw; line-height:1.2; }
body.article-reference .art-prose :is(h4,strong,a) { color:#080d10; }
body.article-reference .art-prose a { text-decoration-color:currentColor; }
body.article-reference .art-prose li::marker { color:#080d10; }
@media(max-width:1180px) { body.article-reference .art-column { width:100%; font-size:23px; } body.article-reference .art-prose .art-intro { font-size:32px; } body.article-reference .art-prose h2 { font-size:28px; } body.article-reference .art-prose h3 { font-size:24px; } }
@media(max-width:992px) { body.article-reference .art-body { padding:64px 12px; } body.article-reference .art-column { font-size:20px; } body.article-reference .art-prose { line-height:1.45; } body.article-reference .art-prose .art-intro { font-size:24px; line-height:1.35; } }
body.article-reference:not(.home-ambient):not(.cs-ground) .art-body .art-prose :is(p,li,h2,h3,h4,strong,a) { color:#080d10; }