/* The reading section shares the studio's paper, blue palette and typography. */
.journal-intro{padding:90px var(--g) 65px}.journal-intro h1{font-size:clamp(66px,9.6vw,150px);line-height:.97;font-weight:500;letter-spacing:-.065em;margin:50px 0}.journal-intro h1 em{color:var(--cobalt);font-size:1.12em}.journal-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.journal-intro-bottom p{font-size:18px}.journal-list{padding:0 var(--g)}.journal-entry{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr 55px;gap:38px;padding:42px 0;border-top:1px solid var(--line);align-items:start}.journal-entry h2{font-size:clamp(28px,3vw,48px);line-height:1.15;letter-spacing:-.045em;max-width:850px}.journal-entry p{font-size:16px;max-width:650px;margin-top:18px;color:var(--slate)}.journal-entry-arrow{font-size:44px;line-height:1;transition:transform .25s ease}.journal-entry:hover .journal-entry-arrow{transform:translate(4px,-4px)}.journal-entry:hover h2{color:var(--cobalt)}.journal-feature{background:var(--ink);color:var(--paper);padding:46px 38px;border-radius:4px 80px 4px 4px;border-top:0;margin-bottom:35px}.journal-feature p{color:#c4cce5}.journal-feature:hover h2{color:#96bfe6}.journal-note{margin:45px var(--g) 80px;padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}.journal-note>p:nth-child(2){font-size:24px;letter-spacing:-.04em}.journal-footer{margin:0 var(--g);padding:35px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px}.journal-footer img{width:178px;height:auto}.journal-footer nav{display:flex;gap:24px;flex-wrap:wrap}.journal-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.article-intro{padding:35px var(--g) 55px;max-width:1400px}.article-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;margin-bottom:50px;color:var(--slate)}.article-breadcrumbs a:hover{text-decoration:underline}.article-intro h1{font-size:clamp(43px,6.5vw,96px);line-height:1.06;letter-spacing:-.06em;font-weight:500;margin:26px 0;max-width:1130px;text-wrap:balance}.article-deck{font-size:clamp(19px,2vw,27px);line-height:1.5;max-width:900px}.article-byline{font-size:12px;margin-top:28px;color:var(--slate)}.article-layout{display:grid;grid-template-columns:250px minmax(0,790px);justify-content:space-between;gap:70px;margin:0 var(--g) 70px;padding-top:40px;border-top:1px solid var(--line)}.article-toc{position:sticky;top:115px}.article-toc ol{padding-left:18px;margin:20px 0 0}.article-toc li{font-size:13px;line-height:1.6;margin:12px 0}.article-toc a:hover{color:var(--cobalt);text-decoration:underline;text-underline-offset:4px}.article-body{min-width:0}.article-body>p,.article-body section>p,.article-body li,.article-case>p{font-size:17px;line-height:1.8}.article-body p+p{margin-top:20px}.article-body section{margin-top:50px;scroll-margin-top:30px}.article-body h2{font-size:clamp(29px,3vw,43px);line-height:1.18;letter-spacing:-.045em;margin:0 0 25px;text-wrap:balance}.article-body ul,.article-body ol{padding-left:24px;margin:22px 0}.article-body li+li{margin-top:10px}.article-body p a{color:var(--cobalt);text-decoration:underline;text-underline-offset:4px}.article-body code{font-family:Plex,monospace;font-size:.8em;overflow-wrap:anywhere}.article-takeaway{padding:28px 32px;background:#d8deef;border-left:3px solid var(--blue);margin:0 0 32px}.article-takeaway>p:last-child{font-size:22px;line-height:1.5;margin-top:12px;letter-spacing:-.025em}.article-example{background:var(--ink);color:var(--paper);padding:28px 32px;margin:26px 0;border-radius:4px 38px 4px 4px}.article-example>p:not(.micro){font-size:16px;line-height:1.8;margin-top:16px}.article-table-wrap{overflow-x:auto;margin:28px 0}.article-body table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}.article-body caption{text-align:left;color:var(--slate);font-size:12px;padding-bottom:16px}.article-body th{text-align:left;font-weight:600;background:#d8deef}.article-body th,.article-body td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}.article-case{border-top:1px solid var(--line);padding-top:32px;margin-top:50px}.article-case .text-link{margin-top:22px}.article-cta{padding:35px;background:#d8deef}.article-cta .text-link{margin-top:22px}.article-related{margin:0 var(--g) 70px}.article-related>.micro{margin-bottom:30px}.article-related .journal-entry{grid-template-columns:minmax(130px,.35fr) 1fr 45px}
@media(max-width:1024px){.journal-intro{padding-top:65px}.journal-entry{gap:24px;grid-template-columns:140px 1fr 40px}.journal-feature{padding:32px 28px;border-top-right-radius:55px}.journal-footer{flex-wrap:wrap}.article-layout{grid-template-columns:1fr;gap:24px}.article-toc{position:static;padding-bottom:20px;border-bottom:1px solid var(--line)}.article-toc ol{columns:2;column-gap:45px}.article-toc li{break-inside:avoid;margin-top:0;padding-bottom:6px}.article-body{max-width:790px}.journal-note{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:700px){.journal-intro{padding:40px var(--g) 42px}.journal-intro>.micro{font-size:10px}.journal-intro h1{font-size:clamp(55px,13vw,90px);margin:38px 0}.journal-intro-bottom{display:block}.journal-intro-bottom p{font-size:16px}.journal-intro-bottom br{display:none}.journal-intro-bottom .text-link{margin-top:25px}.journal-entry,.article-related .journal-entry{grid-template-columns:1fr 32px;gap:15px 10px;padding:30px 0}.journal-entry>.micro{grid-column:1/-1}.journal-entry>div{grid-column:1}.journal-entry-arrow{grid-column:2;font-size:30px}.journal-entry h2{font-size:30px;line-height:1.15}.journal-entry p{font-size:14px;margin-top:15px}.journal-feature{padding:27px 22px;border-top-right-radius:48px;margin-bottom:5px}.journal-note{margin-top:25px;margin-bottom:45px}.journal-note>p:nth-child(2){font-size:23px}.journal-footer{gap:25px;padding:30px 0}.journal-footer nav{gap:16px;font-size:12px;width:100%}.article-intro{padding-top:25px;padding-bottom:30px}.article-breadcrumbs{font-size:11px;margin-bottom:32px;gap:8px}.article-intro h1{font-size:clamp(38px,10vw,54px);line-height:1.08;letter-spacing:-.05em}.article-deck{font-size:18px}.article-layout{padding-top:25px;gap:25px;margin-bottom:45px}.article-toc ol{columns:1}.article-toc li{font-size:13px;line-height:1.55;margin-bottom:7px}.article-body>p,.article-body section>p,.article-body li,.article-case>p{font-size:16px;line-height:1.75}.article-body section{margin-top:38px}.article-body h2{font-size:29px}.article-takeaway{padding:22px 20px}.article-takeaway>p:last-child{font-size:20px}.article-example{padding:24px 20px}.article-example>p:not(.micro){font-size:15px}.article-body table{font-size:12px;line-height:1.65}.article-body th,.article-body td{padding:12px 9px;overflow-wrap:break-word}.article-cta{padding:25px 20px}.article-related{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){.journal-entry-arrow{transition:none}}
