@font-face{font-family:JournalSans;src:local('Inter'),local('Arial');font-display:swap}
:root{color-scheme:light;--paper:#f8f7f3;--ink:#292633;--muted:#6e6974;--line:#dedbd5;--purple:#564276;--lavender:#e7e0ef}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:JournalSans,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;line-height:1.12}a:focus-visible,button:focus-visible{outline:3px solid #8763b9;outline-offset:5px}.skip-link{position:absolute;left:20px;top:-70px;background:white;padding:12px;z-index:60}.skip-link:focus{top:10px}.wordmark{display:flex;align-items:center;gap:9px;font-weight:700;font-size:24px;letter-spacing:-1px}.wordmark span{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:12px}.wordmark img{border-radius:7px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--purple);color:#fff;padding:15px 23px;border:1px solid transparent;border-radius:5px;font-weight:500;letter-spacing:.01em}.button:hover{background:#44325f;text-decoration:none}.button-small{padding:10px 17px}.eyebrow,.section-label{font-family:JournalSans,Arial,sans-serif;font-size:10px;letter-spacing:.16em;font-weight:600;text-transform:uppercase}.eyebrow{color:var(--purple)}.small-dot{display:inline-block;width:7px;height:7px;background:#857595;border-radius:50%;margin-right:8px}.journal-intro{max-width:1212px;margin:auto;padding:70px 0 35px}.journal-intro h1{font-size:clamp(46px,5.6vw,76px);margin:20px 0 26px;max-width:880px}.journal-intro>p{max-width:450px;font-size:16px;color:var(--muted);line-height:1.8}.intro-bottom{display:flex;justify-content:space-between;margin-top:55px;font-size:12px;color:var(--muted)}.intro-bottom a{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.stories{max-width:1212px;margin:auto;border-top:1px solid var(--line);padding-top:28px}.section-label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:25px}.story-featured{display:grid;grid-template-columns:1.15fr 1fr;gap:66px;align-items:center;padding-bottom:48px}.story-photo{overflow:hidden;background:#eee9e1;border-radius:3px}.story-photo img{width:100%;height:290px;object-fit:cover;object-position:50% 57%;transition:transform .4s}.story-photo:hover img{transform:scale(1.025)}.story-featured .story-photo img{height:460px;object-position:50% 64%}.story-featured h2{font-size:44px;margin:20px 0}.story-copy>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:460px}.meta{font-size:11px;color:var(--muted);margin-top:19px;letter-spacing:.025em}.meta span{padding:0 7px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;margin-top:30px;border-bottom:1px solid var(--ink);padding-bottom:5px}.icon-arrow{display:block;width:18px;height:18px;flex:0 0 18px}.filter-bar{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;gap:10px;flex-wrap:wrap}.filter-bar button{border:1px solid transparent;padding:8px 16px;background:transparent;border-radius:30px;font-size:12px;color:var(--muted)}.filter-bar .selected{background:var(--ink);color:#fff}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 30px}.story-grid .story-copy{padding-top:20px}.story-grid h3{font-size:27px;margin:12px 0}.story-grid .text-link{margin-top:18px}.filter-empty{color:var(--muted);padding:20px 0}.journal-cta{margin:80px auto 0;padding:56px 30px;max-width:1212px;background:var(--lavender);text-align:center;border-radius:3px}.journal-cta h2{font-size:44px;margin:15px 0}.journal-cta p{color:var(--muted);margin-bottom:25px}.site-footer{max-width:1212px;margin:65px auto 0;padding:28px 0 36px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:14px;font-size:11px;color:var(--muted)}.site-footer .wordmark{font-size:22px;color:var(--ink)}.site-footer>p{align-self:center;text-align:right}.site-footer>div{display:flex;gap:23px}.site-footer>span{text-align:right}.empty-journal{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:20px 0 30px}.empty-journal img{width:100%;height:420px;object-fit:cover;object-position:50% 70%}.empty-journal h2{font-size:44px;margin:20px 0}.empty-journal p{color:var(--muted);max-width:380px}.article-header{max-width:900px;margin:auto;padding:40px 30px;text-align:center}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:40px}.article-header h1{font-size:clamp(38px,4.7vw,64px);margin:17px 0 23px}.article-deck{max-width:640px;margin:auto;color:var(--muted);font-size:17px;line-height:1.8}.article-byline{display:flex;justify-content:center;gap:12px;align-items:center;font-size:12px;margin-top:26px;text-align:left}.article-byline .meta{margin-top:2px}.editor-avatar{background:var(--lavender);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px}.article-hero{max-width:1212px;margin:0 auto 50px}.article-hero img{width:100%;height:560px;object-fit:cover;object-position:50% 65%}.article-hero figcaption{text-align:right;font-size:10px;color:var(--muted);padding-top:10px}.article-layout{display:grid;grid-template-columns:210px minmax(0,680px);gap:60px;max-width:1050px;margin:auto}.contents{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:16px;padding-top:8px}.contents a{font-size:12px;color:var(--muted);line-height:1.5}.article-body{font-size:17px;line-height:1.85}.article-body h2{font-size:32px;margin-bottom:22px}.article-body section{margin-bottom:40px}.article-body p{margin-bottom:22px}.article-body ul{padding-left:22px}.article-body li{margin-bottom:12px}.article-body sup a{font-size:11px;color:var(--purple);margin-left:5px}.article-sources{border-top:1px solid var(--line);padding-top:30px}.article-sources h2{font-size:24px}.article-sources ol{font-size:13px;padding-left:20px}.article-sources a,.editor-note a{text-decoration:underline;text-underline-offset:3px}.editor-note{font-size:12px;color:var(--muted);padding-top:12px}.article-cta{background:var(--lavender);padding:32px;margin-top:40px;border-radius:4px}.article-cta h2{margin:15px 0;font-size:34px}.article-cta p{font-size:15px}.article-cta .button{font-size:14px}.related{margin-top:65px}.preview-banner{background:#fff0c7;color:#604312;padding:12px;text-align:center;font-size:13px}.about-page{max-width:750px;margin:auto;padding:70px 24px}.about-page h1{font-size:52px;margin:18px 0 30px}.about-page h2{font-size:30px;margin:38px 0 15px}.about-page p{font-size:17px;color:var(--muted);margin-bottom:22px}.about-page p a{text-decoration:underline}.story[hidden]{display:none}

/* Match the landing page header, including its locally hosted fonts. */
@font-face{font-family:HeaderSans;src:url('/landing-redesign/fonts/design-font-1.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:HeaderBrand;src:url('/landing-redesign/fonts/design-font-4.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
.site-header{position:sticky;top:0;z-index:50;background:rgba(21,18,29,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);font-family:HeaderSans,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
.header-inner{max-width:1240px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}
.site-header a:hover{text-decoration:none;color:#fff}
.site-brand{display:flex;align-items:center;gap:10px;color:#f3f0fa;flex:none}
.site-brand img{width:30px;height:30px;border-radius:8px}
.site-brand span{font-family:HeaderBrand,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em}
.desktop-nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:500;color:#c9c3d8;white-space:nowrap}
.site-header a[aria-current=page]{color:#fff}
.desktop-cta{flex:none}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#cfc6ff;color:#15121d;font-weight:600;font-size:14px;padding:10px 16px;border-radius:10px;white-space:nowrap}
.header-cta .icon-arrow{width:16px;height:16px;flex-basis:16px}
.site-header .header-cta:hover{background:#fff;color:#15121d}
.mobile-menu{display:none;margin-left:auto}
.mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f3f0fa;cursor:pointer;list-style:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary:hover{background:rgba(255,255,255,.08)}
.mobile-menu summary:focus-visible{outline:3px solid #cfc6ff;outline-offset:4px}
.menu-bars{display:flex;flex-direction:column;gap:4px}
.menu-bars span{width:16px;height:2px;background:currentColor;border-radius:2px}
.menu-close,.mobile-menu[open] .menu-bars{display:none}
.mobile-menu[open] .menu-close{display:block}
.mobile-nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:2px;padding:12px 20px 20px;border-top:1px solid rgba(255,255,255,.08);background:rgba(21,18,29,.97);max-height:calc(100dvh - 70px);overflow-y:auto}
.mobile-nav>a{color:#c9c3d8;font-size:15px;font-weight:500;padding:12px 8px;border-radius:8px}
.mobile-nav>.header-cta{color:#15121d;font-weight:600;margin-top:10px;padding:13px 16px;border-radius:10px}
@media(max-width:719px){.desktop-nav,.desktop-cta{display:none}.mobile-menu{display:block}}

@media(max-width:1320px){.journal-intro,.stories,.journal-cta,.site-footer,.article-hero{margin-left:5%;margin-right:5%}.article-layout{padding:0 5%}}
@media(max-width:800px){.wordmark span{margin-left:4px}.story-featured{gap:28px}.story-featured h2{font-size:33px}.story-featured .story-photo img{height:380px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-intro{padding-top:45px}.article-layout{display:block;max-width:740px}.contents{display:none}.article-hero img{height:430px}.empty-journal{gap:30px}.empty-journal h2{font-size:34px}}
@media(max-width:540px){.wordmark{font-size:21px}.wordmark span{display:none}.journal-intro h1{font-size:45px}.journal-intro>p{font-size:14px}.intro-bottom{font-size:10px;margin-top:35px}.story-featured,.empty-journal{grid-template-columns:1fr;gap:25px}.story-featured .story-photo img{height:340px}.story-featured h2{font-size:35px;margin:12px 0}.story-grid{grid-template-columns:1fr;gap:35px}.filter-bar{gap:4px}.filter-bar button{font-size:11px;padding:7px 10px}.story-photo img{height:300px}.journal-cta{padding:40px 22px}.journal-cta h2{font-size:36px}.site-footer{grid-template-columns:1fr;gap:14px}.site-footer>p,.site-footer>span{text-align:left}.site-footer>div{flex-wrap:wrap}.article-header{padding:25px 5% 30px}.article-header h1{font-size:39px}.article-deck{font-size:15px}.article-hero img{height:340px}.article-body{font-size:16px}.article-body h2{font-size:29px}.article-cta{padding:25px}.about-page h1{font-size:40px}.empty-journal img{height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-photo img{transition:none}}
.article-answer{max-width:820px;margin:0 auto 32px;padding:24px 28px;background:#eeece5;border-left:3px solid #80749d}.article-answer p{margin:10px 0 0;font-size:18px;line-height:1.7}.article-resource{padding:24px;margin:0 0 36px;border:1px solid #d8d4de;border-radius:8px;background:#f6f3fd}.article-resource .text-link{display:flex;align-items:center;gap:12px;margin:12px 0;font-weight:600;font-size:17px}.article-resource p{font-size:13px;color:var(--muted);margin:10px 0 0}.article-table{overflow-x:auto;max-width:100%;margin:26px 0;border:1px solid #dedbe2;border-radius:6px}.article-table:focus-visible{outline:3px solid #80749d;outline-offset:3px}.article-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;min-width:480px}.article-table caption{text-align:left;font-weight:600;padding:16px;background:#f0edf5}.article-table th,.article-table td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #e5e1e8}.article-table thead th{background:#f6f4f8;font-weight:600}.article-table tbody th{font-weight:500}.resource-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.article-cta ol{padding-left:22px;margin:20px 0}.article-cta li{margin:10px 0;font-size:15px}.article-cta .product-details{font-size:13px;margin-bottom:0}.article-cta .product-details a{text-decoration:underline}.about-page ol{padding-left:22px;margin:18px 0 24px}.about-page li{margin:10px 0}.about-page .article-resource{margin:26px 0}.article-layout>*{min-width:0}@media(max-width:900px){.article-answer{margin:0 5% 28px}}@media(max-width:540px){.article-answer{padding:20px}.article-answer p{font-size:16px}.article-resource{padding:20px}.resource-actions{align-items:flex-start;flex-direction:column}}
.workflow-overview{max-width:1200px;margin:0 auto 45px;padding:24px 28px;background:#efedf4;border:1px solid #dfd9e7;border-radius:10px}.workflow-overview ol{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin:0}.workflow-overview li{font-size:16px;font-weight:500;display:flex;gap:12px;align-items:center}.workflow-overview li span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;background:#d9d1e8;border-radius:50%;font-size:12px}.workflow-overview p{font-size:12px;color:var(--muted);margin:20px 0 0}@media(max-width:1320px){.workflow-overview{margin-left:5%;margin-right:5%}}@media(max-width:800px){.workflow-overview ol{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.workflow-overview ol{grid-template-columns:1fr;gap:16px}.workflow-overview{padding:22px}}

.article-thesis { max-width: 760px; margin: 0 auto 48px; padding: 0 24px; font-size: 21px; line-height: 1.65; color: #47444e; }
.article-body p > a[data-product] { color: var(--purple); text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }
@media (max-width: 719px) { .article-thesis { font-size: 18px; margin-bottom: 30px; } }
