/* Shared editorial navigation. Logo and six guide links on every document. */
.footer-layout{display:flex;align-items:start;justify-content:space-between;gap:45px}
.footer-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 35px;max-width:760px}
.footer-guides a{font-size:14px;line-height:1.5;padding:3px 0;color:#696070;transition:color .2s}
.footer-guides a:hover,.footer-guides a[aria-current]{color:#7540b6}
.footer-guides a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.site-footer{border-top:1px solid var(--line);padding-block:37px}
/* Guides preserve the full-bleed hero, lavender accents and editorial rhythm. */
.article-hero{height:690px;min-height:620px;max-height:none}
.article-hero .hero-image{object-position:center}
.article-hero .hero-shade{background:linear-gradient(90deg,#100f1cc9 0%,#14102071 56%,#14102005 100%),linear-gradient(0deg,#11102080,transparent 70%)}
.article-hero h1{font-size:clamp(43px,4.8vw,68px);max-width:860px;line-height:1.04;letter-spacing:-2px}
.article-hero .article-brand{font-size:.5em;letter-spacing:-1px;display:inline-block;margin-bottom:16px}
.article-hero p{max-width:680px;color:#f5f0fa;font-size:18px;line-height:1.55}
.article-meta{padding-block:22px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:12px;color:#776c82}
.article-meta nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.article-meta a{color:#493655;text-decoration:underline;text-underline-offset:4px}
.article-meta>span{flex-shrink:0}.article-meta i{padding-inline:8px;font-style:normal}
.article-lead{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;padding-bottom:32px}
.article-lead h2{max-width:550px}.article-lead>p{font-size:18px;line-height:1.7;color:#68616f}
.article-lead .eyebrow{color:#856398}
.takeaways{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;border-block:1px solid var(--line)}
.takeaways li{padding:22px 0;display:flex;gap:16px;align-items:start;font-size:15px;line-height:1.5}
.takeaways li>span{color:#9e77bd;font-size:12px;padding-top:3px}
.article-layout{display:grid;grid-template-columns:240px minmax(0,820px);justify-content:space-between;gap:65px;padding-top:50px}
.article-sidebar{align-self:start;position:sticky;top:108px;font-size:13px}
.article-sidebar .eyebrow{font-size:11px;color:#877393}
.article-sidebar ol{list-style:none;padding:0;margin:0;border-left:1px solid #e0d6e8}
.article-sidebar li a{display:block;padding:9px 0 9px 18px;color:#716777;line-height:1.45;transition:color .2s,border-color .2s;border-left:2px solid transparent;margin-left:-1px}
.article-sidebar li a:hover,.article-sidebar li a:focus-visible{color:#7043a4;border-color:#b899dc}
.article-sidebar li a[aria-current="location"]{color:#583180;border-color:#9261c4;background:linear-gradient(90deg,#eee4f9,transparent);font-weight:550}
.article-sidebar li a{transition:color .25s,border-color .25s,background .25s}
.footer-guides a{transition:color .2s,translate .25s var(--ease-out)}
.footer-guides a:hover,.footer-guides a:focus-visible{translate:3px 0}
.related-reading a:focus-visible{background:#f4eefb;transform:translateY(-3px)}
.related-reading .related-arrow{transition:transform .3s var(--ease-out)}
.related-reading a:hover .related-arrow,.related-reading a:focus-visible .related-arrow{transform:translate(3px,-3px)}
.table-scroll:focus-visible{outline:3px solid #7848cc;outline-offset:4px}
.article-resources{color:#706079}.article-meta{color:#6b6075}
.article-hero h1,.article-lead h2,.article-cta h2{text-wrap:balance}
.article-home{display:inline-block;margin-top:26px;color:#9670af;font-size:12px}
.article-body{min-width:0}
.chapter{position:relative;padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.chapter-number{font-size:12px;color:#a17cb8;display:block;margin-bottom:13px}
.chapter h2,.comparison h2{font-size:clamp(26px,2.5vw,34px);line-height:1.2;letter-spacing:-.9px;margin-bottom:21px;max-width:720px}
.chapter p{font-size:17px;line-height:1.8;color:#605868;max-width:780px}
.chapter p+p{margin-top:17px}
.comparison h2{font-size:26px}.table-scroll{overflow-x:auto;border:1px solid #e3daec;border-radius:12px}
.comparison table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.6}
.comparison th,.comparison td{padding:16px 17px;border-bottom:1px solid #e7e0ec;vertical-align:top}
.comparison thead{background:#eee5fa}.comparison thead th{font-weight:550;color:#4a315f}
.comparison tbody th{font-weight:500;width:26%;color:#43354e}.comparison td{color:#716477}
.comparison tr:last-child td,.comparison tr:last-child th{border-bottom:0}
.article-practice{background:#e9dcfc}.article-practice .split{align-items:start}
.article-practice .section-copy>p{font-size:17px;line-height:1.75}
.article-prompt{background:#21182d;color:#ede5f7;padding:28px;border-radius:16px;box-shadow:0 18px 50px #6745831c}
.article-prompt .snippet-label{color:#b5a3c9;gap:12px}
.article-prompt .copy-prompt{background:#39284a;color:#f0e7ff;border-color:#5c4174}
.article-prompt .copy-prompt:hover{background:#503664}
.article-prompt>p:first-of-type{font-size:18px;line-height:1.7}
.article-prompt .article-prompt-note{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff24;font-size:13px;color:#b6a7c8;line-height:1.6}
.article-prompt .copy-status{color:#dbbaff;padding:0;margin-top:15px;font-size:13px}
.article-prompt .copy-status:empty{display:none}
.article-media{background:#151020;color:white}
.article-media .gallery-heading{align-items:start;gap:7%}.article-media .gallery-heading>p{color:#c1b5d0;max-width:560px;font-size:16px;line-height:1.7}
.article-media .eyebrow{color:#bca8d0}
.study-film .video-stage{height:480px;background:#1b1424}
.study-film .ambient-video{object-fit:contain}
.study-film figcaption{display:flex;justify-content:space-between;gap:30px;margin-top:19px;font-size:14px;line-height:1.6;color:#d4c8e2}
.study-film figcaption span{max-width:700px}.study-film figcaption a{white-space:nowrap;font-size:12px;color:#ae96c6;text-decoration:underline;text-underline-offset:4px}
.article-resources{display:flex;gap:35px;padding-block:28px;border-bottom:1px solid var(--line);font-size:12px;color:#887891}
.article-resources>span{white-space:nowrap}.article-resources ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 24px}.article-resources a{text-decoration:underline;text-underline-offset:4px}
.related-reading{padding-block:40px}.related-reading>h2{font-size:25px;margin-bottom:22px}
.related-reading>div{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.related-reading a{position:relative;border:1px solid var(--line);padding:25px 60px 25px 26px;border-radius:13px;transition:background .3s,transform .3s}
.related-reading a:hover{background:#f4eefb;transform:translateY(-3px)}.related-reading .eyebrow{font-size:10px;color:#987aaa;margin-bottom:12px}.related-reading h3{font-size:22px}
.related-arrow{position:absolute;right:25px;top:38px;font-size:24px;color:#ab84ce}
.article-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:45px}
.article-cta h2{font-size:clamp(36px,4.5vw,58px)}.article-cta p{max-width:720px}
.article-cta .button{background:#282033;color:white;flex-shrink:0}.article-cta .button:hover{background:#513864}
@media(max-width:1050px){.article-layout{grid-template-columns:195px minmax(0,1fr);gap:35px}.footer-guides{gap:12px 22px}.article-resources{display:block}.article-resources>span{display:block;margin-bottom:12px}.article-hero{height:660px;min-height:660px}.study-film .video-stage{height:400px}}
@media(max-width:760px){
 .footer-layout{display:block}.footer-guides{grid-template-columns:1fr 1fr;gap:14px 20px;margin-top:25px}.footer-guides a{font-size:13px;padding-block:6px}
 .article-hero{height:auto;min-height:620px}.article-hero h1{font-size:clamp(40px,10.5vw,58px);letter-spacing:-1.5px}.article-hero .article-brand{font-size:27px;margin-bottom:14px}.article-hero p{font-size:16px;line-height:1.65}.article-hero .hero-content{padding-top:116px;padding-bottom:40px}.article-hero .hero-shade{background:linear-gradient(90deg,#171022b8,#1710225e),linear-gradient(0deg,#151020aa,transparent)}
 .article-meta{display:block;font-size:11px;padding-block:18px}.article-meta>span{display:block;margin-top:10px}
 .article-lead{grid-template-columns:1fr;gap:22px;padding-bottom:25px}.article-lead>p{font-size:16px}.article-lead h2{font-size:29px}
 .takeaways{grid-template-columns:1fr;gap:0}.takeaways li{padding-block:14px}.takeaways li+li{border-top:1px solid var(--line)}
 .article-layout{grid-template-columns:1fr;gap:32px;padding-top:30px}.article-sidebar{position:static}.article-sidebar ol{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;border:0}.article-sidebar li a{border-left:1px solid #dfd3e8;padding:7px 0 7px 11px;font-size:12px}.article-home{margin-top:18px}
 .chapter{padding-bottom:25px;margin-bottom:26px}.chapter p{font-size:16px;line-height:1.8}.chapter h2{font-size:27px}.comparison h2{font-size:25px}.comparison table{min-width:510px}.comparison th,.comparison td{padding:13px}
 .article-practice .section-copy>p{font-size:16px}.article-prompt{padding:22px}.article-prompt>p:first-of-type{font-size:16px}
 .article-media .gallery-heading>p{font-size:16px}.study-film .video-stage{height:auto;aspect-ratio:1.15}.study-film figcaption{display:block;font-size:13px}.study-film figcaption a{display:inline-block;margin-top:14px}
 .article-resources ul{display:grid;gap:11px}.article-resources{font-size:11px}.article-resources>span{white-space:normal}
 .related-reading>div{grid-template-columns:1fr;gap:13px}.related-reading a{padding:21px 55px 21px 22px}.related-reading h3{font-size:21px}.related-arrow{top:33px}
 .article-cta>.container{display:block}.article-cta h2{font-size:43px}.article-cta .button{margin-top:25px}.article-cta p{font-size:16px}
}
@media(max-width:380px){.article-hero h1{font-size:39px}.article-hero{min-height:660px}.article-cta h2{font-size:36px}.footer-guides{gap:10px 15px}.article-sidebar ol{grid-template-columns:1fr}.article-sidebar li a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.footer-guides a:hover,.footer-guides a:focus-visible,.related-reading a:hover,.related-reading a:focus-visible{translate:none;transform:none}}
@media print{.is-reveal-pending{opacity:1!important;translate:none!important}.site-header,.article-sidebar,.video-toggle,.copy-prompt{display:none!important}.article-layout{display:block}.chapter{break-inside:avoid}.hero{height:auto;min-height:0}.hero-content{padding-block:35px}.article-hero h1{font-size:36px}}
