.article-detail{--ad-header: var(--site-header-height);--ad-col-gap: clamp(24px, 3vw, 56px);--ad-navy: #0a1f5c;color:var(--color-ink)}.article-detail .article-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:clamp(28px,4vw,48px)}@media(min-width:1024px){.article-detail .article-detail-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--ad-col-gap)}}.article-detail .article-detail-hero{padding-block:clamp(32px,4.5vw,72px) clamp(40px,5vw,80px);border-bottom:1px solid var(--color-line)}.article-detail .article-detail-hero-text{flex-direction:column;min-width:0}@media(min-width:1024px){.article-detail .article-detail-hero-text{grid-column:1 / span 10;justify-content:center}.article-detail .article-detail-hero.has-media .article-detail-hero-text{grid-column:1 / span 7}}.article-detail .article-detail-back{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;min-height:44px;font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-bw-blue);transition:color .16s ease}.article-detail .article-detail-back:hover{color:var(--ad-navy)}.article-detail .article-detail-back span{transition:transform .16s ease}.article-detail .article-detail-back:hover span{transform:translate(-3px)}.article-detail .article-detail-title{max-width:24ch;letter-spacing:-.03em;color:var(--color-ink);text-wrap:balance;word-break:keep-all;overflow-wrap:break-word}.article-detail .article-detail-hero:not(.has-media) .article-detail-title{max-width:28ch}.article-detail .article-detail-meta{margin-top:clamp(28px,3.4vw,48px);padding-top:18px;border-top:1px solid var(--color-ink);max-width:60ch}.article-detail .article-detail-byline{font-size:clamp(18px,1.35vw,21px);line-height:1.45;color:var(--color-ink-3)}.article-detail .article-detail-byline span{color:var(--color-ink);font-weight:500}.article-detail .article-detail-byline+.article-detail-dateline{margin-top:10px}.article-detail .article-detail-dateline{font-family:var(--font-mono);font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-3)}.article-detail .article-detail-figure{margin:0;min-width:0;aspect-ratio:16 / 9;overflow:hidden;background:var(--ad-navy)}@media(min-width:1024px){.article-detail .article-detail-figure{grid-column:8 / span 5;align-self:center;aspect-ratio:4 / 3}}.article-detail .article-detail-figure img{display:block;width:100%;height:100%;object-fit:cover}.article-detail .article-detail-media{padding-top:clamp(32px,4vw,56px)}.article-detail .article-detail-slider{min-width:0}@media(min-width:1024px){.article-detail .article-detail-slider{grid-column:1 / span 12}}@media(min-width:1280px){.article-detail .article-detail-slider{grid-column:2 / span 10}}.article-detail .article-detail-slider-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--ad-navy)}.article-detail .article-detail-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.article-detail .article-detail-slide.is-active{opacity:1}.article-detail .article-detail-slider-btn{position:absolute;top:50%;display:grid;place-items:center;width:48px;height:48px;transform:translateY(-50%);border-radius:50%;background:#ffffffeb;color:var(--color-ink);font-size:24px;font-weight:300;line-height:1;transition:background-color .16s ease}.article-detail .article-detail-slider-btn:hover{background:#fff}.article-detail .article-detail-slider-btn.is-prev{left:16px}.article-detail .article-detail-slider-btn.is-next{right:16px}.article-detail .article-detail-slider-dots{position:absolute;bottom:4px;left:50%;display:flex;transform:translate(-50%)}.article-detail .article-detail-slider-dot{position:relative;width:44px;height:44px}.article-detail .article-detail-slider-dot:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:999px;background:#fff9;transition:width .2s ease,background-color .2s ease}.article-detail .article-detail-slider-dot.is-active:after{width:28px;background:#fff}.article-detail .article-detail-slider-count{margin-top:14px;font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-3)}.article-detail .article-detail-slider-btn:focus-visible,.article-detail .article-detail-slider-dot:focus-visible{outline:2px solid var(--color-bw-blue);outline-offset:2px}.article-detail .article-detail-body{padding-block:clamp(40px,5vw,88px) clamp(56px,6vw,104px)}.article-detail .article-detail-column{min-width:0}@media(min-width:1024px){.article-detail .article-detail-aside{grid-column:1 / span 3}.article-detail .article-detail-column{grid-column:4 / span 8}}@media(min-width:1280px){.article-detail .article-detail-column{grid-column:4 / span 7}}.article-detail .article-detail-note{padding-top:14px;border-top:2px solid var(--color-bw-blue);font-size:15px;line-height:1.6;color:var(--color-ink-3);max-width:60ch}@media(min-width:1024px){.article-detail .article-detail-note{position:sticky;top:calc(var(--ad-header) + 32px)}}.article-detail .article-detail-prose{max-width:68ch;font-size:18px;line-height:1.72;color:var(--color-ink-2);overflow-wrap:break-word}.article-detail .article-detail-prose h2{margin:2.2em 0 .75em;padding-top:.75em;border-top:1px solid var(--color-ink);font-family:var(--font-display);font-weight:400;font-size:clamp(26px,2.2vw,34px);line-height:1.18;letter-spacing:-.02em}.article-detail .article-detail-prose h2:first-child{margin-top:0;padding-top:0;border-top:0}.article-detail .article-detail-prose h3{margin:2em 0 .6em;font-family:var(--font-display);font-weight:500;font-size:clamp(21px,1.6vw,24px);line-height:1.25;letter-spacing:-.015em}.article-detail .article-detail-prose h4{font-size:18px}.article-detail .article-detail-prose>:first-child{margin-top:0}.article-detail .article-detail-prose a{border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.article-detail .article-detail-prose a:hover{text-decoration-color:currentColor}.article-detail .article-detail-prose a:focus-visible{outline:2px solid var(--color-bw-blue);outline-offset:2px}.article-detail .article-detail-prose blockquote{margin:1.8em 0;padding:.1em 0 .1em 1.2em;border-left:2px solid var(--color-bw-blue);font-family:var(--font-display);font-size:1.1em;line-height:1.55;color:var(--color-ink)}.article-detail .article-detail-prose ul{list-style:disc}.article-detail .article-detail-prose ol{list-style:decimal}.article-detail .article-detail-prose li::marker{color:var(--color-bw-blue)}.article-detail .article-detail-prose img,.article-detail .article-detail-prose figure{border-radius:0}.article-detail .article-detail-prose table{display:block;max-width:100%;overflow-x:auto}.article-detail .article-detail-source{margin-top:clamp(32px,4vw,48px);padding-top:24px;border-top:1px solid var(--color-line);max-width:68ch}.article-detail .article-detail-related{padding-block:clamp(56px,7vw,104px);background:var(--color-bg-3);border-top:1px solid var(--color-line)}.article-detail .article-detail-runhead{padding-top:16px;margin-bottom:clamp(28px,3.4vw,48px);border-top:1px solid var(--color-ink);font-family:var(--font-mono);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink)}.article-detail .article-detail-related-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,2.2vw,32px)}@media(min-width:768px){.article-detail .article-detail-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}:lang(ja) .article-detail .article-detail-title,:lang(zh) .article-detail .article-detail-title{word-break:normal}@media(prefers-reduced-motion:reduce){.article-detail .article-detail-slide,.article-detail .article-detail-slider-dot:after,.article-detail .article-detail-back span{transition:none}}
