.reading-index,.reading-page{color:var(--text);padding-top:clamp(100px,12vw,164px);padding-bottom:100px}.reading-intro{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr;align-items:end;gap:56px;padding-bottom:68px;display:grid}.reading-intro h1{letter-spacing:-.03em;font-family:Syne Variable,sans-serif;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:600;line-height:1.08}.reading-intro em{color:var(--mint);font-family:Lora,serif;font-weight:400}.reading-intro p{max-width:40ch;color:var(--subtle);font-size:18px;line-height:1.7}.reading-list{max-width:900px;margin-left:auto}.reading-list article{border-bottom:1px solid var(--line);padding:40px 0}.reading-meta{color:var(--subtle);flex-wrap:wrap;gap:12px 22px;font-size:13px;line-height:1.5;display:flex}.reading-list h2{letter-spacing:-.02em;margin:16px 0;font-family:Syne Variable,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.3}.reading-list h2 a{justify-content:space-between;align-items:start;gap:24px;text-decoration:none;display:flex}.reading-list h2 svg{flex-shrink:0;width:24px;height:24px;margin-top:6px}.reading-list article>p{color:var(--subtle);max-width:65ch;margin-bottom:18px;line-height:1.8}.reading-link{color:var(--mint);text-underline-offset:5px;font-size:14px;text-decoration:underline;display:inline-block}.reading-breadcrumb{color:var(--subtle);gap:12px;margin-bottom:35px;font-size:14px;display:flex}.reading-breadcrumb a:hover,.reading-list h2 a:hover,.article-related a:hover{color:var(--mint)}.article-header{max-width:980px;margin-bottom:64px}.article-header h1{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;font-family:Syne Variable,sans-serif;font-size:clamp(2.3rem,4.7vw,4.4rem);font-weight:600;line-height:1.14}.article-header>p{color:var(--subtle);max-width:65ch;margin:26px 0;font-size:19px;line-height:1.75}.article-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:70px;display:grid}.article-contents{position:sticky;top:105px}.reading-page .article-contents h2{letter-spacing:normal;margin-bottom:16px;font-size:14px;font-weight:600;line-height:1.5}.article-contents a{color:var(--subtle);text-underline-offset:4px;margin-top:13px;font-size:13px;line-height:1.6;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:block}.article-contents a:hover{color:var(--text);text-decoration-color:currentColor}.article-copy{max-width:70ch;font-size:17px;line-height:1.9}.article-copy section{margin-bottom:44px;scroll-margin-top:110px}.article-copy h2{letter-spacing:-.02em;text-wrap:balance;margin-bottom:18px;font-family:Syne Variable,sans-serif;font-size:clamp(1.45rem,2.5vw,1.9rem);font-weight:600;line-height:1.35}.article-copy p{color:var(--subtle);margin:0 0 20px}.article-copy ul{color:var(--subtle);margin-top:24px;padding-left:22px;list-style:outside}.article-copy li{margin:8px 0;padding-left:6px}.article-next{border-top:1px solid var(--line);margin-top:48px;padding-top:36px}.reading-download{background:var(--mint);color:#081915;border-radius:8px;justify-content:center;align-items:center;margin:4px 18px 12px 0;padding:13px 20px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.reading-download:hover{filter:brightness(1.1)}.article-related{border-top:1px solid var(--line);margin-top:80px;padding-top:32px}.reading-page .article-related h2{letter-spacing:-.02em;margin-bottom:20px;font-size:22px;font-weight:600;line-height:1.4}.article-related a{border-bottom:1px solid var(--line);max-width:70ch;padding:16px 0;font-size:17px;line-height:1.6;display:block}.reading-page a:focus-visible,.reading-index a:focus-visible{outline:2px solid var(--mint);outline-offset:6px;border-radius:3px}@media (max-width:800px){.reading-intro{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.reading-intro p{max-width:60ch;font-size:16px}.article-layout{grid-template-columns:1fr;gap:32px}.article-contents{border-block:1px solid var(--line);padding:22px 0;position:static}.article-contents nav{columns:2;column-gap:24px}.article-contents h2{column-span:all}.article-contents a{break-inside:avoid}.article-header{margin-bottom:32px}.article-copy{font-size:16px}.article-header>p{font-size:17px}.reading-list article{padding:30px 0}.article-related{margin-top:48px}}@media (max-width:480px){.article-contents nav{columns:1}.reading-intro h1{font-size:2.6rem}.article-header h1{font-size:2.25rem}.reading-download{width:100%;margin-right:0}.reading-meta{gap:8px 16px}.reading-index,.reading-page{padding-bottom:64px}}