@font-face{font-family:BeeKindJournal;src:url('./assets/fonts/journal-jp.woff2') format('woff2');font-weight:400 900;font-display:swap}
.journal-page{font-family:BeeKindJournal,'Noto Sans JP',sans-serif;background:#f4f5f6;letter-spacing:0}
.journal-page h1,.journal-page h2,.journal-page h3{letter-spacing:0;line-break:strict;overflow-wrap:anywhere}
.journal-article-header h1,.journal-card h2{text-wrap:balance}
.journal-page .breadcrumb{padding:28px 4% 0;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.8}
.journal-page .breadcrumb [aria-current]{overflow-wrap:anywhere}
.journal-intro{padding:54px 4% 56px;border-bottom:1px solid #cdd1d5}
.journal-intro h1{font:700 92px/1.1 var(--display);margin:22px 0 32px}
.journal-intro h1 span{color:#eda500}
.journal-intro-copy{display:flex;justify-content:space-between;gap:36px;align-items:end;max-width:1180px}
.journal-intro-copy h2{font-size:30px;line-height:1.55;margin:0}
.journal-intro-copy>p{font-size:15px;line-height:2;margin:0;color:#535b64}
.journal-index,.journal-related{padding:42px 4% 88px}
.journal-filters{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 36px}
.journal-filters fieldset{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:0}
.journal-filters label{position:relative;cursor:pointer}
.journal-filters input{position:absolute;opacity:0;width:100%;height:100%;margin:0}
.journal-filters span{display:block;padding:12px 14px;border-bottom:2px solid transparent;font-size:13px}
.journal-filters input:checked+span{color:#234de5;border-color:#234de5;font-weight:800}
.journal-filters input:focus-visible+span{outline:2px solid #234de5;outline-offset:3px}
.journal-filters output{font:500 12px var(--display);white-space:nowrap}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.journal-card{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid #cdd1d5;padding-bottom:26px}
.journal-card[hidden]{display:none}
.journal-card-image{display:block;position:relative;aspect-ratio:25/12;background:#e4e8ed;overflow:hidden}
.journal-card-image .journal-figure{margin:0;width:100%;height:100%}
.journal-card-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .45s}
.journal-card-image:hover img{transform:scale(1.025)}
.journal-card-image figcaption{display:none}
.journal-card-image>span{position:absolute;right:14px;bottom:14px;background:#fff;color:#16191c;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}
.journal-card h2{font-size:23px;line-height:1.6;margin:15px 0}
.journal-card>p{font-size:14px;color:#535b64;line-height:1.95;margin:0 0 24px}
.journal-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#626a73;font-size:11px;line-height:1.8;margin-top:22px}
.journal-meta>span:first-child{color:#2043be}
.journal-read{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;min-height:44px}
.journal-article-header{max-width:1000px;margin:auto;padding:54px 28px 42px}
.journal-article-header h1{font-size:42px;line-height:1.55;margin:22px 0}
.journal-article-header .journal-meta{font-size:12px;margin-bottom:28px}
.journal-lead{font-size:16px;line-height:2.1;color:#414952;max-width:850px}
.journal-cover{max-width:1180px;padding:0 28px;margin:0 auto 56px}
.journal-figure{margin:30px 0}
.journal-figure img{display:block;width:100%;height:auto;background:#e3e6ea}
.journal-figure figcaption{font-size:12px;line-height:1.8;color:#626a73;margin-top:12px}
.journal-cover .journal-figure{margin:0}
.journal-reading{max-width:1180px;margin:0 auto;padding:0 28px 60px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:70px}
.journal-sidebar{align-self:start;position:sticky;top:26px}
.journal-sidebar nav>p{font:700 13px var(--display);margin:0 0 20px}
.journal-sidebar ol{padding:0 0 0 18px;margin:0}
.journal-sidebar li{padding:0 0 15px 4px;font-size:12px;line-height:1.9;color:#5c626a}
.journal-sidebar a:hover{color:#234de5}
.journal-back{border-top:1px solid #cdd1d5;margin-top:20px;padding-top:24px;display:flex;gap:12px;align-items:center;font-size:13px}
.journal-body{min-width:0}
.journal-takeaway{padding:22px 0 24px;border-top:3px solid #234de5;border-bottom:1px solid #cdd1d5}
.journal-takeaway>span{font:700 12px var(--display);color:#234de5}
.journal-takeaway p{font-size:20px;line-height:1.8;font-weight:700;margin:12px 0 0}
.journal-section{margin-top:58px;scroll-margin-top:32px}
.journal-section h2{font-size:26px;line-height:1.65;margin:0 0 25px}
.journal-section>p{font-size:16px;line-height:2.15;margin:0 0 22px}
.journal-section>ul{padding-left:24px;line-height:2;font-size:15px}
.journal-section>ul>li{margin:12px 0;padding-left:3px}
.journal-note{font-size:13px;line-height:2;color:#555e67;border-left:3px solid #e2aa13;padding:12px 0 12px 18px;margin:24px 0}
.journal-comparison{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bac1c8;border-bottom:1px solid #bac1c8;margin:28px 0}
.journal-comparison>div{padding:24px 20px 24px 0}
.journal-comparison>div+div{border-left:1px solid #bac1c8;padding-left:24px}
.journal-comparison h3{font-size:15px;margin:0 0 18px;line-height:1.8}
.journal-comparison strong{font-size:20px;line-height:1.6;color:#2043be}
.journal-comparison p{font-size:13px;line-height:1.9}
.journal-comparison a,.journal-sources a{display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.9;margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.journal-comparison svg,.journal-sources svg{width:17px;flex-shrink:0}
.journal-sequence{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:26px 0!important;border-top:1px solid #bbc2cb;border-bottom:1px solid #bbc2cb}
.journal-sequence li{min-width:0}
.journal-sequence span{display:block;font:500 34px var(--display);color:#234de5;margin-bottom:12px}
.journal-sequence strong{font-size:16px}
.journal-sequence p{font-size:12px;line-height:1.9;color:#535b64}
.journal-sources{margin:50px 0;padding-top:25px;border-top:1px solid #cdd1d5}
.journal-sources h2{font-size:16px}
.journal-cta{border-top:3px solid #eda500;padding:28px 0}
.journal-cta h2{font-size:30px;line-height:1.6;margin:14px 0 24px}
.journal-cta>a{background:#171a1d;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;font-size:15px;font-weight:700}
.journal-cta>a svg{flex-shrink:0}
.journal-cta>p:last-child{font-size:12px;line-height:1.9;color:#535b64}
.journal-related{background:#e9edf0;border-top:1px solid #cdd1d5}
.journal-related .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.journal-section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}
.journal-section-heading h2{font-size:23px;margin:0}
.journal-section-heading>a{display:flex;align-items:center;gap:12px;font-size:13px}
.journal-progress{height:3px;background:#234de5;width:100%;transform:scaleX(0);transform-origin:left;position:fixed;left:0;top:0;z-index:20;pointer-events:none}
.journal-review-notice{background:#fff2c4;border-bottom:1px solid #d3b658;padding:12px 4%;font-size:12px;color:#37300f}
.journal-review-notice strong{margin-right:10px}
.journal-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1001px) and (max-width:1250px){.has-journal-nav .nav{gap:18px}.has-journal-nav .nav-contact{padding:18px;gap:12px}}
@media(max-width:1000px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-reading{grid-template-columns:190px minmax(0,1fr);gap:34px}.journal-article-header h1{font-size:36px}.journal-section h2{font-size:23px}}
@media(max-width:760px){.journal-page .breadcrumb{padding:22px 20px 0;font-size:10px}.journal-intro{padding:36px 20px}.journal-intro h1{font-size:55px;margin:18px 0 25px}.journal-intro-copy{display:block}.journal-intro-copy h2{font-size:24px}.journal-intro-copy>p{font-size:13px;margin-top:20px}.journal-index,.journal-related{padding:26px 20px 50px}.journal-filters{display:block}.journal-filters span{padding:10px 6px;font-size:12px}.journal-filters fieldset{gap:5px}.journal-filters output{display:block;margin-top:18px}.journal-grid,.journal-related .journal-grid{grid-template-columns:minmax(0,1fr);gap:34px}.journal-card h2{font-size:22px}.journal-card>p{font-size:14px}.journal-article-header{padding:34px 20px 25px}.journal-article-header h1{font-size:29px;line-height:1.6}.journal-lead{font-size:15px}.journal-cover{padding:0 20px;margin-bottom:34px}.journal-reading{display:block;padding:0 20px 35px}.journal-sidebar{position:static;margin-bottom:35px;border-bottom:1px solid #cdd1d5;padding-bottom:25px}.journal-back{display:none}.journal-sidebar ol{columns:1}.journal-sidebar li{font-size:13px;padding-bottom:9px}.journal-section{margin-top:38px}.journal-section h2{font-size:22px}.journal-section>p{font-size:15px;line-height:2.05}.journal-takeaway p{font-size:18px}.journal-comparison{grid-template-columns:minmax(0,1fr)}.journal-comparison>div+div{border-left:0;border-top:1px solid #bac1c8;padding:24px 0}.journal-sequence{grid-template-columns:minmax(0,1fr);gap:18px}.journal-sequence li{display:grid;grid-template-columns:52px 1fr;column-gap:18px}.journal-sequence span{grid-row:span 2;margin:0}.journal-sequence p{margin:4px 0 0}.journal-cta h2{font-size:26px}.journal-cta>a{padding:18px;font-size:14px}.journal-section-heading{align-items:start}.journal-section-heading h2{font-size:20px}.journal-section-heading>a{font-size:11px}.journal-review-notice{padding:10px 20px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.journal-card-image img{transition:none;transform:none!important}}