.article-credits{margin:22px 0}.article-credits a{color:inherit}.article-credit-dates{display:flex;flex-wrap:wrap;gap:4px 18px}.article-credit-dates>span,.article-credits time{white-space:nowrap}.blog-article{--ink:#171713;--cream:#fffaf0;--yellow:#ffd32a;--line:#d8d0c2;background:var(--cream);color:var(--ink);min-height:100vh}.blog-article *{box-sizing:border-box}.ba-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:end;padding:90px 6vw 70px;border-bottom:1px solid var(--line)}.ba-hero h1{font-size:clamp(48px,7vw,105px);line-height:.91;letter-spacing:-.065em;margin:35px 0 25px}.ba-hero>img,.ba-hero>picture>img{width:100%;height:580px;object-fit:cover;border-radius:48% 48% 8px 8px}.ba-back{color:inherit;font-size:13px;font-weight:800;text-decoration:none}.ba-kicker{margin-top:70px;font-size:11px;font-weight:900;letter-spacing:.16em}.ba-excerpt{font-size:clamp(17px,1.7vw,23px);line-height:1.55;max-width:800px}.ba-hero time{display:block;margin-top:30px;font-size:12px;font-weight:900}.ba-layout{display:grid;grid-template-columns:260px minmax(0,790px);gap:7vw;max-width:1240px;margin:auto;padding:80px 5vw 120px}.ba-layout aside{position:sticky;top:30px;align-self:start}.ba-layout aside>p{font-size:10px;font-weight:900;letter-spacing:.14em}.ba-layout aside nav{display:grid}.ba-layout aside a{padding:11px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.35;color:#57534c;text-decoration:none}.ba-markdown{font-size:17px;line-height:1.82}.ba-markdown h2{font-size:clamp(34px,4.5vw,59px);line-height:1.03;letter-spacing:-.045em;margin:85px 0 25px}.ba-markdown h3{font-size:28px;line-height:1.2;margin-top:55px}.ba-markdown p{margin:0 0 25px}.ba-markdown a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}.ba-markdown ol,.ba-markdown ul{padding-left:24px;margin:0 0 30px}.ba-markdown li{margin:8px 0}.ba-markdown blockquote{margin:40px 0;padding:28px 30px;background:var(--yellow);font-size:20px;font-weight:700;border-radius:3px}.ba-markdown figure{margin:45px 0}.ba-inline-image{display:block;max-width:100%;width:100%;max-height:620px;object-fit:cover;border-radius:4px}.ba-markdown code{background:#eee7da;padding:2px 5px;border-radius:3px}.ba-table-wrap{overflow-x:auto;margin:35px 0 45px}.ba-table-wrap table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.ba-table-wrap td,.ba-table-wrap th{text-align:left;vertical-align:top;padding:15px 12px;border-bottom:1px solid var(--line)}.ba-table-wrap th{background:var(--ink);color:#fff}.ba-source{margin-top:90px;border-top:3px solid var(--ink);padding-top:25px;font-size:13px}.ba-source p{color:#625e57}.ba-source a{color:inherit;font-weight:900}.ba-next{background:var(--yellow);padding:80px 6vw}.ba-next>p{font-size:11px;font-weight:900;letter-spacing:.16em}.ba-next h2{font-size:clamp(45px,7vw,90px);letter-spacing:-.06em;line-height:.95;max-width:850px}.ba-next div{display:flex;flex-wrap:wrap;gap:10px}.ba-next a,.ba-next button{padding:14px 22px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:800 14px inherit;text-decoration:none;cursor:pointer}.ba-next button{background:var(--ink);color:#fff}.ba-missing{padding:150px 7vw}.ba-missing h1{font-size:65px}.ba-missing a{color:inherit;font-weight:900}@media(max-width:850px){.ba-hero{grid-template-columns:1fr;padding-top:55px}.ba-hero h1{font-size:52px}.ba-hero>img,.ba-hero>picture>img{height:390px}.ba-kicker{margin-top:45px}.ba-layout{grid-template-columns:1fr;padding-top:35px}.ba-layout aside{position:static;border-bottom:1px solid var(--line);padding-bottom:25px}.ba-layout aside nav{grid-template-columns:1fr 1fr;gap:0 20px}.ba-markdown{font-size:16px}.ba-markdown h2{font-size:38px;margin-top:65px}}.ba-hero{padding-top:45px;align-items:center}.ba-hero h1{font-size:clamp(35px,4.3vw,66px);line-height:1.06}.ba-kicker{margin-top:30px}.ba-hero>img,.ba-hero>picture>img{height:430px;border-radius:0;transform:rotate(3deg)}.ba-hero time{margin-top:20px}.ba-markdown a{text-decoration:underline}.ba-next h2{margin:20px 0 30px}.ba-next a,.ba-next button{font-family:inherit;font-size:14px;font-weight:700}@media(max-width:850px){.ba-hero h1{font-size:clamp(31px,8vw,45px);line-height:1.12}.ba-hero>img,.ba-hero>picture>img{height:280px}.ba-layout aside nav{grid-template-columns:1fr}.ba-markdown h2{font-size:31px;line-height:1.15}.ba-next h2{font-size:36px;line-height:1.1}html[lang=ja] .ba-hero h1{font-size:29px;line-height:1.45}}.ba-layout>article{min-width:0}.ba-hero h1{text-wrap:balance}.ba-table-wrap{max-width:100%}@media(max-width:850px){.ba-layout{grid-template-columns:minmax(0,1fr)}html[lang=ja] .ba-hero h1{font-size:28px;text-wrap:balance}}.ba-hero{background:#ffd32a;overflow:clip;border-bottom:3px solid #171713;padding-bottom:65px}.ba-hero>img,.ba-hero>picture>img{border:9px solid #fffaf0;box-shadow:10px 10px 0 #171713}.ba-hero .ba-kicker{letter-spacing:.16em}.ba-layout aside{background:#171713;color:#fffaf0;padding:25px;rotate:-1deg}.ba-layout aside a{color:#fffaf0!important;border-color:#fffaf040!important;padding:12px 0!important}.ba-layout aside a:hover{color:#ffd32a!important}.ba-markdown h2{border-top:3px solid #171713;padding-top:25px}.ba-markdown blockquote{border:0!important;background:#ffd32a;padding:30px!important;rotate:-1deg;box-shadow:7px 7px 0 #171713}.ba-next{position:relative;border-top:3px solid #171713}.ba-next h2{max-width:900px}.ba-next a,.ba-next button{border-radius:0;transition:rotate .2s,translate .2s}.ba-next a:hover,.ba-next button:hover{rotate:-2deg;translate:0 -4px}@media(max-width:850px){.ba-hero>img,.ba-hero>picture>img{box-shadow:5px 5px 0 #171713;border-width:6px}.ba-layout aside{rotate:0deg}.ba-markdown blockquote{padding:22px!important}.ba-hero{padding-bottom:45px}}.article-credits{margin-top:22px;border-top:1px solid #20211e40;padding-top:14px;font-size:13px;line-height:1.6}.article-credits p{margin:3px 0!important;font-size:13px!important}.article-credits a{text-decoration:underline;text-underline-offset:3px}.article-credits time{display:inline!important;font-size:inherit!important;margin:0!important}.ba-hero>div{min-width:0}.ba-excerpt,.ba-hero h1{overflow-wrap:anywhere}@media(max-width:850px){.ba-hero{grid-template-columns:minmax(0,1fr)}}html[lang=ja] .ba-hero h1,html[lang=ja] .ba-markdown h2{word-break:auto-phrase;line-break:strict}