.articleTemplatePage{overflow:visible}.articleTemplate{background:var(--surface-information-white);padding:40px max(24px,50vw - 648px) 96px}.articleTemplate__header{max-width:1296px;margin:0 auto}.articleTemplate__breadcrumbs{color:var(--color-muted);font-size:var(--font-size-small);line-height:var(--line-height-small);align-items:center;gap:12px;margin-bottom:44px;display:flex}.articleTemplate__breadcrumbs a{text-decoration:none}.articleTemplate__breadcrumbs a:hover,.articleTemplate__toc a:hover{color:var(--color-accent-dark);text-decoration:underline}.articleTemplate__breadcrumbs [aria-current]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.articleTemplate__category{color:var(--color-accent-dark);font-size:var(--font-size-label);font-weight:var(--weight-semibold);margin:0 0 14px}.articleTemplate h1{max-width:1000px;font-size:var(--font-size-display);font-weight:var(--weight-display);line-height:var(--line-height-display);letter-spacing:var(--tracking-heading);text-wrap:balance;margin:0}.articleTemplate__lead{max-width:min(100%, var(--section-lead-max-width));color:var(--color-muted);font-size:var(--font-size-lead);line-height:var(--line-height-lead);margin:22px 0 0}.articleTemplate__meta{color:var(--color-muted);font-size:var(--font-size-small);line-height:var(--line-height-small);flex-wrap:wrap;gap:8px 24px;margin-top:24px;display:flex}.articleTemplate__figure{margin:32px 0 0}.articleTemplate__image{aspect-ratio:16/9;background:var(--color-section-soft);border-radius:20px;position:relative;overflow:hidden}.articleTemplate__image img{object-fit:cover}.articleTemplate__figure figcaption{color:var(--color-muted);font-size:var(--font-size-small);line-height:var(--line-height-small);margin-top:10px}.articleTemplate__cover{min-width:0;margin:0}.articleTemplate__hero--withCover{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,64px);display:grid}.articleTemplate__intro{min-width:0}.articleTemplate__cover .articleTemplate__image{aspect-ratio:4/3}.articleTemplate__layout{grid-template-columns:240px minmax(0,760px);align-items:start;gap:clamp(48px,6vw,112px);max-width:1296px;margin:72px auto 0;display:grid}.articleTemplate__toc{top:calc(var(--header-height) + 24px);border-right:1px solid var(--color-border);padding-right:24px;position:sticky}.articleTemplate__toc h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3);margin:0 0 22px}.articleTemplate__toc ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.articleTemplate__toc span{color:var(--color-muted);font-size:var(--font-size-small);line-height:var(--line-height-small);text-decoration:none;display:block}.articleTemplate__body{min-width:0;font-size:var(--font-size-body);line-height:var(--line-height-body)}.articleTemplate__body>:first-child{margin-top:0}.articleTemplate__body h2{scroll-margin-top:var(--anchor-offset);font-size:var(--font-size-section);font-weight:var(--weight-bold);line-height:var(--line-height-section);letter-spacing:var(--tracking-heading);text-wrap:balance;margin:56px 0 18px}.articleTemplate__body p{margin:0 0 20px}.articleTemplate__body ul,.articleTemplate__body ol{margin:0 0 24px;padding-left:25px}.articleTemplate__body li{margin:8px 0;padding-left:5px}.articleTemplate__body li::marker{color:var(--color-accent-dark)}.articleTemplate__callout{border:1px solid var(--color-border);background:var(--surface-information-mint);border-radius:20px;align-items:center;gap:22px;margin:36px 0;padding:24px;display:flex}.articleTemplate__callout img{flex:none}.articleTemplate__callout p{margin:0}.articleTemplate__body blockquote{border-left:4px solid var(--color-accent-dark);font-size:var(--font-size-card);line-height:var(--line-height-card);margin:36px 0;padding:8px 0 8px 24px}.articleTemplate__body blockquote p{margin:0}.articleTemplate__body cite{color:var(--color-muted);font-size:var(--font-size-small);line-height:var(--line-height-small);margin-top:12px;font-style:normal;display:block}.articleTemplate__gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0;display:grid}.articleTemplate__gallery .articleTemplate__figure{margin:0}.articleTemplate__gallery .articleTemplate__image{aspect-ratio:4/3}.articleTemplate__sources{border-top:1px solid var(--color-border);margin-top:56px;padding-top:8px}.articleTemplate__sources h2{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}.articleTemplate__sources ul{font-size:var(--font-size-small);line-height:var(--line-height-small)}.articleTemplate__sources a{color:var(--color-accent-dark);text-underline-offset:3px}.articleTemplate__sharedSection{margin:48px 0}.articleTemplate__canvas>.uiSection:not(.articleTemplate__reading){max-width:1296px;margin:80px auto 0}.articleTemplate__canvas>.uiSection{overflow:visible}.articleTemplate__canvas>.uiSection:before{left:calc(-1*max(24px,50vw - 648px));right:calc(-1*max(24px,50vw - 648px))}.articleTemplate__reading{padding-block:0}@media (max-width:1000px){.articleTemplate__hero--withCover{grid-template-columns:minmax(0,1fr);gap:32px}}@media (max-width:800px){.articleTemplate{padding:24px 20px 72px}.articleTemplate__canvas>.uiSection:before{left:-20px;right:-20px}.articleTemplate__breadcrumbs{margin-bottom:32px}.articleTemplate__cover .articleTemplate__image{aspect-ratio:1.5}.articleTemplate__layout{flex-direction:column;gap:32px;margin-top:48px;display:flex}.articleTemplate__toc{border:1px solid var(--color-border);border-radius:16px;width:100%;padding:20px;position:static}.articleTemplate__toc h2{margin-bottom:12px}.articleTemplate__toc ol{gap:8px}.articleTemplate__body h2{margin-top:44px}.articleTemplate__canvas>.uiSection:not(.articleTemplate__reading){margin-top:56px}}@media (max-width:520px){.articleTemplate__lead{font-size:var(--font-size-lead-mobile);line-height:var(--line-height-lead-mobile)}.articleTemplate__cover .articleTemplate__image{aspect-ratio:1.1}.articleTemplate__gallery{grid-template-columns:1fr}.articleTemplate__callout{align-items:flex-start;gap:12px;padding:16px}.articleTemplate__callout img{width:40px;height:40px}}@media (max-width:389px){.articleTemplate h1{font-size:var(--font-size-section);line-height:var(--line-height-section);overflow-wrap:anywhere}}
