.article-magazine{--article-ink:#172f32;--article-petrol:#0a7c84;color:var(--article-ink);font-family:var(--font-sans);overflow-wrap:break-word;background:#f7f4ee;padding:128px max(24px,50% - 660px) 96px}.article-magazine__breadcrumb{color:#456164;flex-wrap:wrap;gap:12px;margin-bottom:48px;font-size:14px;display:flex}.article-magazine a{text-underline-offset:4px}.article-magazine a:hover{color:#075c62;text-decoration:underline}.article-magazine :is(a,table,[tabindex]):focus-visible{outline:3px solid var(--article-petrol);outline-offset:5px;border-radius:2px}.article-magazine__header{max-width:1080px;margin:0 auto 40px}.article-magazine__category{color:#075c62;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:700}.article-magazine h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(36px,4.5vw,60px);font-weight:800;line-height:1.08}.article-magazine__lead{margin-top:26px;font-size:21px;line-height:1.65}.article-magazine__lead p{margin:0}.article-magazine__byline{color:#456164;border-top:1px solid #ccdad6;flex-wrap:wrap;gap:10px 24px;margin-top:28px;padding-top:22px;font-size:14px;line-height:1.6;display:flex}.article-magazine__byline strong{color:var(--article-ink)}.article-magazine__hero{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%;max-height:520px;margin:0 auto 56px;display:block}.article-magazine__layout{max-width:720px;margin:0 auto}.article-magazine__reading{min-width:0}.article-magazine__summary{border-top:3px solid var(--article-petrol);background:#dceff0;margin-bottom:36px;padding:30px 34px;scroll-margin-top:110px;font-size:17px;line-height:1.65}.article-magazine__summary h2,.article-magazine__toc h2{font-family:var(--font-display);margin:0 0 18px;font-size:25px;font-weight:600;line-height:1.2}.article-magazine__summary ul{padding-left:22px;list-style:outside}.article-magazine__summary :where(li+li){margin-top:10px}.article-magazine__summary p{margin:12px 0}.article-magazine__toc{border-top:1px solid #ccdad6;border-bottom:1px solid #ccdad6;margin-bottom:48px;padding:26px 0}.article-magazine__toc h2{font-size:20px}.article-magazine__toc ol{grid-template-columns:1fr 1fr;gap:14px 32px;margin:0;padding:0;list-style:none;display:grid}.article-magazine__toc a{font-size:14px;line-height:1.5;text-decoration:none;display:block}.article-magazine__toc .article-magazine__toc-back-top{display:none}.article-magazine__table-hint{color:#456164;margin-bottom:24px;font-size:13px;line-height:1.5}.article-magazine__body{font-size:18px;line-height:1.75}.article-magazine__body :is(h2,h3,h4,[id]){scroll-margin-top:110px}.article-magazine__body h2{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:56px 0 20px;font-size:32px;font-weight:600;line-height:1.2}.article-magazine__body h3{font-family:var(--font-display);margin:32px 0 14px;font-size:24px;font-weight:600;line-height:1.3}.article-magazine__body p{margin:18px 0}.article-magazine__body :is(ul,ol){margin:20px 0;padding-left:26px}.article-magazine__body ul{list-style:outside}.article-magazine__body ol{list-style:decimal}.article-magazine__body li{margin:10px 0;padding-left:4px}.article-magazine__body li::marker{color:var(--article-petrol);font-weight:700}.article-magazine__body h3+ul{border-left:2px solid #b8cdca;margin-left:4px;padding-left:28px}.article-magazine__body a{color:#075c62;text-decoration:underline}.article-magazine__body img{aspect-ratio:3/2;object-fit:cover;border-radius:3px;width:100%;margin:36px 0;display:block}.article-magazine__body .article-magazine__table-scroll{overscroll-behavior-x:contain;width:100%;max-width:100%;margin:28px 0;display:block;overflow-x:auto}.article-magazine__body .article-magazine__table-scroll table{border-collapse:collapse;border:1px solid #b8cdca;width:100%;max-width:none;margin:0;font-size:15px;line-height:1.6;display:table;overflow:visible}.article-magazine__body :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid #ccdad6;min-width:165px;padding:16px 18px}.article-magazine__body th{background:#dceff0;font-weight:700}.article-magazine__body td:first-child{font-weight:700}.article-magazine__body tbody tr:nth-child(2n){background:#edf1eb}:is(.article-magazine__body p:has(>code:only-child),.article-magazine__body blockquote){border-left:3px solid var(--article-petrol);background:#e7efea;margin:28px 0;padding:24px}.article-magazine__body p>code:only-child{font-family:var(--font-sans);white-space:normal;font-size:17px;font-weight:700;line-height:1.75}.article-magazine__body input[type=checkbox]{display:none}@media (width>=1024px){.article-magazine__hero{aspect-ratio:21/9}.article-magazine__layout{grid-template-columns:280px minmax(0,1fr);grid-template-areas:"sidebar summary""sidebar reading";align-items:start;gap:32px 56px;max-width:none;display:grid}.article-magazine__layout:not(:has(.article-magazine__summary)){grid-template-areas:"sidebar reading"}.article-magazine__layout:not(:has(.article-magazine__sidebar)){max-width:860px;margin:0 auto;display:block}.article-magazine__sidebar{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5d1 transparent;grid-area:sidebar;max-height:calc(100vh - 120px);position:sticky;top:96px;overflow-y:auto}.article-magazine__summary{grid-area:summary;margin-bottom:0}.article-magazine__layout:not(:has(.article-magazine__sidebar)) .article-magazine__summary{margin-bottom:32px}.article-magazine__reading{grid-area:reading;min-width:0}.article-magazine__toc{border-top:none;border-bottom:none;border-left:2px solid #d4deda;margin-bottom:0;padding:4px 0 4px 18px}.article-magazine__toc h2{letter-spacing:.08em;text-transform:uppercase;color:#456164;margin:0 0 14px;font-size:13px;font-weight:700}.article-magazine__toc ol{flex-direction:column;gap:10px;display:flex}.article-magazine__toc a{color:#2c4649;font-size:14px;line-height:1.45;text-decoration:none;transition:color .15s}.article-magazine__toc a:hover{color:var(--article-petrol);text-decoration:underline}.article-magazine__toc .article-magazine__toc-back-top{color:#648285;margin-top:20px;font-size:13px;text-decoration:none;display:inline-block}.article-magazine__toc .article-magazine__toc-back-top:hover{color:var(--article-petrol)}.article-magazine__body>:where(p,ul,ol,blockquote){max-width:780px}.article-magazine__body :is(h2,h3,h4){max-width:840px}.article-magazine__body .article-magazine__table-scroll,.article-magazine__body img{max-width:100%}}@media (width<=640px){.article-magazine{padding:112px 22px 64px}.article-magazine__breadcrumb{margin-bottom:32px;font-size:13px}.article-magazine h1{font-size:36px;line-height:1.12}.article-magazine__lead{font-size:19px}.article-magazine__hero{margin-bottom:32px}.article-magazine__header{margin-bottom:28px}.article-magazine__summary{padding:24px}.article-magazine__toc ol{grid-template-columns:1fr;gap:12px}.article-magazine__body h2{margin-top:42px;font-size:28px}.article-magazine__body img{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.article-magazine *,.article-magazine :before,.article-magazine :after{scroll-behavior:auto;transition:none;animation:none}}
