
:root{--reading-gutter:clamp(20px,5.5vw,32px);--editorial-blue:#3758f9}
.article-shell{width:min(calc(100% - (2 * var(--reading-gutter))),680px)}
.blog-shell{width:min(calc(100% - (2 * var(--reading-gutter))),760px)}
.article-hero{padding:44px 0 40px}
.article-type{margin:0 0 18px;color:var(--editorial-blue);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.article-hero h1{max-width:100%;font-size:clamp(36px,10.5vw,52px);line-height:.99;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere}
.article-hero h1 span{margin-top:14px;max-width:100%;font-size:.92em;line-height:1.02;white-space:normal;overflow-wrap:anywhere}
.deck{max-width:34rem;margin-top:28px;font-size:18px;line-height:28px;overflow-wrap:anywhere}
.meta{margin-top:24px;padding-top:16px;border-top:1px solid rgb(16 17 20 / 20%);font-size:12px;line-height:18px}
.article-body{width:min(100%,600px);margin-inline:auto;padding:52px 0 80px;font-size:18px;line-height:30px;overflow-wrap:anywhere}
.article-body>p{margin:0 0 24px;text-indent:0}
.article-body h2{margin:76px 0 26px;font-size:29px;line-height:32px;text-wrap:balance;overflow-wrap:anywhere}
.article-body h2::before{display:block;width:24px;height:2px;margin-bottom:18px;background:var(--editorial-blue);content:""}
.article-body .standfirst{margin-bottom:36px;font-size:21px;line-height:31px}
.article-body .thesis,.article-body .editorial-peak{margin-block:44px;padding:20px 0 20px 20px;border-inline-start:3px solid var(--editorial-blue);font-size:20px;font-weight:600;line-height:29px;text-indent:0}
.article-body .strong-line{margin:40px 0;font-size:20px;font-weight:600;line-height:29px;text-indent:0}
.article-body h2+p+p+p+p+p+.strong-line{margin-block:44px;padding:20px 0 20px 20px;border-inline-start:3px solid var(--editorial-blue);font-size:20px;font-weight:600;line-height:29px}
.article-body .editorial-peak[data-emphasis="climax"],.article-body .ending .punchline{margin-top:44px;padding:24px 0 24px 20px;border-inline-start:5px solid var(--editorial-blue);font-size:22px;font-weight:600;line-height:31px;text-indent:0}
.question-stack,.question-panel{margin:38px 0 48px;padding:22px 20px;border:1px solid rgb(16 17 20 / 24%);font-weight:600;line-height:29px;text-indent:0}
.question-panel .question-label{margin:0 0 16px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.question-panel ul{margin:0;padding:0;list-style:none}
.question-panel li{margin:0;padding:9px 0;border-top:1px solid rgb(16 17 20 / 12%);font-weight:600;line-height:25px}
.question-panel li:first-child{border-top:0}
.article-turn{margin-top:36px}
.ending{margin-top:92px;padding-top:48px;border-top:1px solid}
.ending>h2{margin-top:0}
.ending>p{margin:0 0 28px;text-indent:0}
.ending .signoff{margin-top:44px}
.back-link{min-height:44px;display:inline-flex;align-items:center;margin-bottom:40px}
.post-list a{padding:32px 0}
.post-list h2{font-size:30px;line-height:33px;text-wrap:balance;overflow-wrap:anywhere}
.post-list p{margin:14px 0 18px;line-height:25px}
.post-list span{display:block;font-size:12px;line-height:18px;letter-spacing:.02em}
.series-context{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:17px 0 0;font-size:12px;line-height:18px}
.series-context>span{color:var(--editorial-blue);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.series-context>a,.series-context>strong{color:inherit;font-weight:600;text-decoration-thickness:1px;text-underline-offset:3px}
.series-context>small{color:rgb(16 17 20 / 62%);font-size:11px}
.series-trail{margin:64px 0 44px;padding-top:24px;border-top:1px solid rgb(16 17 20 / 20%)}
.series-trail .series-trail-label{margin:0 0 16px;color:var(--editorial-blue);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.series-trail p{margin:0 0 12px;font-size:15px;line-height:24px}
.series-trail p span{display:inline-block;min-width:92px;font-weight:700}
.series-trail a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
@media(min-width:768px){.article-hero{padding:76px 0 58px}.article-hero h1{font-size:clamp(58px,7vw,78px);line-height:.96}.article-hero h1 span{margin-top:18px}.deck{margin-top:36px;font-size:20px;line-height:31px}.article-body{padding:72px 0 104px;font-size:19px;line-height:32px}.article-body h2{margin-top:96px;font-size:34px;line-height:38px}.ending>h2{margin-top:0}.post-list a{padding:38px 0}.post-list h2{font-size:38px;line-height:41px}}
@media(max-width:359px){.article-hero h1{font-size:35px}.article-hero h1 span{font-size:.88em}.article-body{font-size:17px;line-height:29px}.article-body h2{font-size:27px;line-height:30px}.article-body .thesis,.article-body .editorial-peak,.article-body h2+p+p+p+p+p+.strong-line{padding-left:16px;font-size:19px}.question-stack,.question-panel{padding:18px 16px}.post-list h2{font-size:27px;line-height:30px}.series-context{display:block}.series-context>*{display:block;margin-top:4px}.series-trail p span{display:block;min-width:0}}
