@font-face{font-family:Jost Local;src:url('/assets/webfonts/Jost-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Noto Local;src:url('/assets/webfonts/NotoSansJP.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--accent:#c9aa72;--ink:#171717;--body-ink:#272727;--paper:#fff;--shell:#111110;--line:#dededb;--muted:#686865;--gothic:'Noto Sans JP','Noto Local',sans-serif;--jp-heading:var(--gothic);--en:'Jost','Jost Local',sans-serif;--display:var(--en)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--body-ink);font-family:var(--gothic);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#111}a,button{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:20px;top:-70px;z-index:10000;background:var(--paper);padding:14px}.skip-link:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--accent);z-index:999;transform:scaleX(0);transform-origin:left}.site-header{height:88px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--shell);color:#fff;border-bottom:1px solid #ffffff25}.brand{font:700 28px/.9 var(--en);letter-spacing:-.06em;white-space:nowrap}.brand span{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:500}.site-nav a{padding:10px 0;border-bottom:1px solid transparent}.site-nav a:hover{border-color:var(--accent)}.header-tag{font:500 10px/1.6 var(--en);letter-spacing:.13em;color:#b7b7b2}.hero{background:var(--shell);color:#fff;padding:30px 4.5% 70px;position:relative;overflow:hidden}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#aeadab}.breadcrumb a:hover{color:var(--accent)}.hero-kicker{display:flex;justify-content:space-between;gap:20px;font:500 11px/1.5 var(--en);letter-spacing:.13em;margin-top:40px}.hero-kicker span:first-child{color:var(--accent)}.cover-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;margin-top:44px}.hero h1{font-family:var(--jp-heading);font-weight:600;font-size:clamp(30px,3.3vw,52px);line-height:1.7;letter-spacing:.01em;margin:0;word-break:auto-phrase;text-wrap:balance}.hero h1 span{color:var(--accent)}.hero-english{font-family:var(--display);font-size:clamp(64px,9.2vw,152px);line-height:.92;letter-spacing:-.065em;position:relative;margin:0}.hero-english span{display:block}.hero-english .accent{color:var(--accent)}.hero-desc{font-size:13px;line-height:2.1;color:#bababa;max-width:460px;margin:28px 0 0}.hero-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.03em;margin-top:36px;padding-top:20px;border-top:1px solid #ffffff29;color:#b5b4b0}.hero-meta a{color:var(--accent)}.cover-rule{width:70px;height:1px;background:var(--accent);margin-bottom:30px}.issue-mark{font:500 12px/1.8 var(--en);letter-spacing:.1em}.hero-number{font-family:var(--en);font-size:140px;letter-spacing:-.06em;line-height:1;color:var(--accent)}
.reading-layout{max-width:1280px;margin:0 auto;padding:78px 5% 110px;display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:75px;position:relative}.reading-main{min-width:0;max-width:740px}.abstract{margin-bottom:44px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:22px 0 24px}.abstract .eyebrow{font:600 11px/1.5 var(--en);letter-spacing:.12em;color:var(--muted);display:block;margin-bottom:16px}.abstract h2{font-size:18px;margin:0 0 16px;font-weight:600;letter-spacing:.02em}.abstract ul{padding:0;margin:0;list-style:none}.abstract li{padding:5px 0;font-size:14px;line-height:1.9;display:flex;gap:12px}.abstract li::before{content:'↗';font-family:var(--en);color:var(--muted)}.article-body{font-size:17px;line-height:2.15;letter-spacing:.015em;overflow-wrap:anywhere}.article-body p{margin:0 0 1.8em}.article-body h2{font-family:var(--jp-heading);font-size:26px;font-weight:600;line-height:1.8;letter-spacing:.015em;margin:76px 0 28px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:110px;word-break:auto-phrase;text-wrap:balance}.article-body h2::before{content:attr(data-chapter);display:block;font:500 11px/1 var(--en);letter-spacing:.14em;color:var(--muted);margin-bottom:18px}.article-body h3{font-family:var(--gothic);font-size:20px;line-height:1.9;margin:40px 0 20px;font-weight:600;scroll-margin-top:110px}.article-body h3 + p{padding-left:22px;border-left:2px solid var(--accent)}.article-body h2:focus{outline:0}.article-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:50px;font:600 11px/1.4 var(--en);letter-spacing:.16em;padding:20px 0;border-top:1px solid var(--line);color:var(--muted)}.article-end span:last-child{font-size:22px;color:var(--accent)}.sidebar{position:relative;min-width:0}.sidebar-inner{position:sticky;top:32px}.toc-heading{display:flex;justify-content:space-between;font:600 11px/1.5 var(--en);letter-spacing:.1em;border-top:1px solid var(--line);padding:19px 0}.toc-heading span{color:var(--muted);font-weight:400}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{border-bottom:1px solid var(--line)}.toc-list a{display:flex;gap:12px;font-size:11px;line-height:1.9;padding:13px 0;color:var(--muted);transition:color .2s}.toc-list a b{font:400 10px/2.1 var(--en);color:var(--muted);width:18px;flex-shrink:0}.toc-list a:hover,.toc-list a.is-active{color:var(--body-ink)}.toc-list a.is-active b{color:var(--accent)}.sidebar-note{font-size:11px;line-height:1.9;padding-top:25px;color:var(--muted)}.side-cta{margin-top:32px;background:var(--shell);color:#fff;padding:26px 22px;border:1px solid #ffffff25}.side-cta span{font:500 10px/1.5 var(--en);letter-spacing:.1em;color:var(--accent)}.side-cta p{font-size:15px;line-height:1.9;margin:14px 0}.side-cta a{font-size:11px;border-bottom:1px solid var(--accent);padding-bottom:5px;display:inline-block}.side-word{font:600 42px/1 var(--display);letter-spacing:-.04em;color:var(--accent);margin:38px 0 0}.course-section{background:var(--shell);color:#fff;padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;border-top:1px solid #ffffff25}.course-english{font:500 clamp(48px,6vw,92px)/1 var(--display);letter-spacing:-.05em;margin:0;color:var(--accent)}.course-copy .eyebrow{font:500 10px/1 var(--en);letter-spacing:.16em;color:#aaa}.course-copy h2{font-family:var(--jp-heading);font-size:25px;line-height:1.8;font-weight:500;margin:20px 0}.course-copy p{font-size:13px;line-height:2.1;color:#b6b6b5;margin:15px 0 23px;max-width:540px}.course-link{display:inline-flex;align-items:center;gap:40px;padding:13px 0;border-bottom:1px solid var(--accent);font-size:12px}.course-link span{font-size:23px;color:var(--accent)}.related-section{padding:68px 6% 88px;background:var(--paper)}.related-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:23px}.related-head h2{font:500 clamp(37px,4vw,58px)/1 var(--display);letter-spacing:-.04em;margin:0}.related-head p{font-size:12px;margin:0;color:var(--muted)}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.related-item{display:block;padding:30px 0;border-bottom:1px solid var(--line)}.related-item small{font:500 10px/1.5 var(--en);letter-spacing:.08em;color:var(--muted)}.related-item h3{font-size:18px;line-height:1.9;font-weight:500;margin:15px 0}.related-item .related-arrow{display:block;text-align:right;font-size:25px;color:var(--accent)}.related-item:hover h3{text-decoration:underline;text-underline-offset:5px}.site-footer{padding:35px 4.5% 90px;background:var(--shell);color:#bdbdb8;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff25}.site-footer .brand{color:#fff;font-size:25px}.footer-links{display:flex;gap:24px;font-size:11px}.site-footer small{font:400 10px/1.5 var(--en)}.fine-note{max-width:740px;margin:24px auto 0;color:var(--muted);font-size:11px;line-height:1.8}.mobile-contents{display:none}.motion-toggle{background:transparent;color:inherit;border:0;padding:5px;font:500 10px/1.5 var(--en);letter-spacing:.08em;cursor:pointer}.animated-letter{display:inline-block;animation:type-drift 7s ease-in-out infinite}@keyframes type-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(9px)}}
/* 01 — a gold foil journal jacket, with a white editorial reading sheet. */
.design-01{--jp-heading:'Shippori Mincho','Noto Local',serif}.design-01 .hero{padding-bottom:65px}.design-01 .hero-english{font-weight:700;text-transform:uppercase;font-size:clamp(75px,10.2vw,163px);letter-spacing:-.07em}.design-01 .hero-english .accent{font-size:.67em;line-height:1.25}.design-01 .reading-layout{border-left:1px solid var(--line);border-right:1px solid var(--line)}.design-01 .article-body h2{border-top:0;border-left:2px solid var(--accent);padding:0 0 0 22px}.design-01 .article-body h2::before{margin-bottom:10px}.design-01 .hero h1{line-height:1.9}.design-01 .course-english{text-transform:uppercase;font-weight:700;font-size:clamp(45px,5.5vw,86px)}
/* 02 — Swiss, monochrome, large numbers and a left-hand contents rail. */
.design-02{--accent:#a2a7ad;--shell:#131415;--gothic:'Zen Kaku Gothic New','Noto Local',sans-serif;--jp-heading:var(--gothic);--en:'Barlow Condensed','Arial Narrow','Jost Local',sans-serif;--display:var(--en);--line:#dddfe2}.design-02 .site-header{background:#fff;color:#151515;border-color:#d8dadd}.design-02 .header-tag{color:#767b81}.design-02 .hero{background:#fff;color:#161718;padding-top:25px;padding-bottom:0}.design-02 .breadcrumb{color:#666b70}.design-02 .hero-kicker{margin-top:37px;border-bottom:1px solid #b4b8be;padding-bottom:20px}.design-02 .hero-kicker span:first-child{color:#676d75}.design-02 .hero-english{font-size:clamp(90px,20.7vw,330px);font-weight:600;line-height:.88;letter-spacing:-.037em;color:#222528;margin-top:24px;white-space:nowrap}.design-02 .cover-grid{grid-template-columns:170px 1fr;gap:42px;margin-top:28px;padding:35px 0 45px;border-bottom:1px solid #b4b8be}.design-02 .hero-number{font-size:180px;color:#a5abb2;font-weight:600}.design-02 .hero h1{font-size:clamp(32px,4vw,58px);line-height:1.65;max-width:930px;font-weight:700}.design-02 .hero h1 span{color:inherit}.design-02 .hero-desc{color:#65686b;margin-top:20px;max-width:660px}.design-02 .hero-meta{color:#565c61;border-color:#d8dadd;margin:0;padding:20px 0}.design-02 .hero-meta a{color:#333}.design-02 .reading-layout{grid-template-columns:225px minmax(0,1fr);gap:80px;padding-top:55px}.design-02 .reading-main{grid-column:2;grid-row:1}.design-02 .sidebar{grid-column:1;grid-row:1}.design-02 .toc-list a{font-size:12px}.design-02 .abstract{border-top-width:1px}.design-02 .article-body h2{font-weight:700;font-size:27px}.design-02 .article-body h2::before{font-size:15px}.design-02 .side-word{font-size:60px;color:#bfc3c7}.design-02 .course-english{text-transform:uppercase;font-weight:600;font-size:clamp(70px,8vw,128px)}.design-02 .related-head h2{text-transform:uppercase;font-weight:600}
/* 03 — strong coral masthead and white magazine pages. */
.design-03{--accent:#ef503e;--shell:#141414;--gothic:'Zen Kaku Gothic Antique','Noto Local',sans-serif;--en:'Jost','Jost Local',sans-serif}.design-03 .hero{background:var(--accent);color:#141414;padding-bottom:35px}.design-03 .hero .breadcrumb,.design-03 .hero .hero-kicker,.design-03 .hero .hero-kicker span:first-child{color:#29201e}.design-03 .hero h1 span{color:#fff}.design-03 .hero-english{font-size:clamp(88px,15.5vw,240px);font-weight:700;line-height:.83;letter-spacing:-.09em;text-transform:uppercase}.design-03 .cover-grid{grid-template-columns:1.1fr 1fr;gap:7%;align-items:end;margin-top:55px}.design-03 .hero-english .accent{color:transparent;-webkit-text-stroke:1px #141414}.design-03 .hero h1{font-size:clamp(29px,3.2vw,48px);font-weight:700;line-height:1.7}.design-03 .hero-desc{color:#37251f;max-width:440px}.design-03 .hero-meta{border-color:#17171755;color:#231c19;margin-top:44px}.design-03 .hero-meta a{color:#141414}.design-03 .reading-layout{padding-top:60px;max-width:1290px;grid-template-columns:minmax(0,1fr) 245px;gap:90px}.design-03 .abstract{border-top:6px solid var(--accent)}.design-03 .article-body h2{font-size:27px;font-weight:700;border-top:3px solid #171717;padding-top:25px}.design-03 .article-body h2::before{color:var(--accent);font-weight:700}.design-03 .side-word{font-size:58px;letter-spacing:-.065em;font-weight:700}.design-03 .course-section{background:#141414}.design-03 .course-english{font-weight:700;text-transform:uppercase}.design-03 .related-head h2{text-transform:uppercase;font-weight:700}
/* 04 — nocturne: gold, uncoated black, English serif / Japanese Gothic. */
.design-04{--accent:#c5a877;--paper:#121212;--body-ink:#dfdfdc;--ink:#dfdfdc;--line:#3b3a36;--muted:#a2a09a;--shell:#0c0c0c;--display:'Cormorant Garamond',Georgia,serif;--gothic:'Noto Sans JP','Noto Local',sans-serif}.design-04 .hero{padding-top:28px;padding-bottom:65px}.design-04 .hero .cover-grid{grid-template-columns:1.25fr 1fr;gap:7%}.design-04 .hero-english{font-size:clamp(77px,10vw,158px);font-weight:500;letter-spacing:-.05em;line-height:.88}.design-04 .hero-english .accent{font-style:italic;margin-top:9px}.design-04 .hero h1{font-size:clamp(27px,2.85vw,43px);line-height:1.95;font-weight:400}.design-04 .hero h1 span{color:#fff}.design-04 .hero-desc{font-size:12px;line-height:2.2;color:#969590}.design-04 .hero-kicker{margin-top:42px}.design-04 .hero-meta{margin-top:55px}.design-04 .reading-layout{grid-template-columns:215px minmax(0,1fr);gap:90px}.design-04 .reading-main{grid-column:2;grid-row:1}.design-04 .sidebar{grid-column:1;grid-row:1}.design-04 .abstract{border-top:1px solid var(--accent)}.design-04 .article-body h2{font-weight:500;font-size:25px;border-top-color:#716249}.design-04 .article-body h2::before{color:var(--accent)}.design-04 .article-body h3{font-weight:500;color:#f0f0ed}.design-04 .article-body h3 + p{border-left-width:1px}.design-04 .side-cta{border-color:#746146}.design-04 .side-word{font-weight:400;font-size:55px;line-height:.95;font-style:italic}.design-04 .course-english{font-style:italic;font-size:clamp(60px,7.5vw,115px)}.design-04 .course-copy h2{font-weight:400}.design-04 .related-head h2{font-size:59px}
/* 05 — a centered silver literary journal with an uncluttered reading column. */
.design-05{--accent:#c6c9cf;--paper:#151618;--body-ink:#dcdee2;--ink:#d8dadd;--line:#383b40;--muted:#a6a9af;--shell:#0c0d0f;--display:'Bodoni Moda',Georgia,serif;--gothic:'Zen Kaku Gothic New','Noto Local',sans-serif;--jp-heading:var(--gothic)}.design-05 .site-header{background:#151618}.design-05 .hero{background:#151618;text-align:center;padding-bottom:55px;border-bottom:1px solid #62666e}.design-05 .breadcrumb{justify-content:center}.design-05 .hero-kicker{margin-top:40px;justify-content:center}.design-05 .hero-kicker span:last-child{display:none}.design-05 .hero-english{font-size:clamp(65px,9.8vw,145px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:35px 0 30px;color:#e1e3e8}.design-05 .hero-english .accent{font-style:italic;margin-left:12%}.design-05 .cover-grid{display:block;margin:0}.design-05 .hero h1{font-size:clamp(28px,3vw,43px);line-height:1.8;max-width:850px;margin:0 auto;font-weight:500}.design-05 .hero h1 span{color:#fff}.design-05 .hero-desc{margin:22px auto 0;max-width:535px;color:#a8adb5;font-size:12px}.design-05 .hero-meta{justify-content:center;gap:38px;max-width:740px;margin:29px auto 0;font-size:10px}.design-05 .reading-layout{display:block;max-width:870px;padding-top:55px}.design-05 .reading-main{max-width:100%}.design-05 .sidebar{margin:0 0 45px}.design-05 .sidebar-inner{position:static}.design-05 .sidebar .toc-heading{border-top:0;padding-top:0}.design-05 .toc-list{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.design-05 .toc-list a{font-size:12px}.design-05 .sidebar-note,.design-05 .side-cta,.design-05 .side-word{display:none}.design-05 .abstract{border-top:1px solid #8b8f96;padding-top:25px}.design-05 .article-body{font-size:18px;line-height:2.15}.design-05 .article-body h2{font-size:26px;font-weight:500;text-align:left;margin-top:80px}.design-05 .article-body h2::before{font-family:var(--display);font-style:italic;font-size:16px;letter-spacing:.04em;color:#bbbfc8}.design-05 .article-body h3{font-weight:500;font-size:21px}.design-05 .article-body h3+p{border-color:#626a78;border-left-width:1px}.design-05 .course-section{grid-template-columns:1fr;text-align:center;gap:30px;padding-top:70px;padding-bottom:65px}.design-05 .course-english{font-size:clamp(50px,7vw,110px);font-weight:400;font-style:italic}.design-05 .course-copy h2{font-size:25px}.design-05 .course-copy p{margin-left:auto;margin-right:auto}.design-05 .related-section{max-width:1150px;margin:auto}.design-05 .related-head h2{font-style:italic;font-size:50px}
/* 06 — a confident dark index with a coral numbered title. */
.design-06{--accent:#f15842;--paper:#151515;--body-ink:#ddd;--ink:#ddd;--line:#3b3b3b;--muted:#a0a0a0;--shell:#0c0c0c;--gothic:'Zen Kaku Gothic Antique','Noto Local',sans-serif;--en:'Barlow Condensed','Arial Narrow','Jost Local',sans-serif}.design-06 .hero{padding-bottom:40px}.design-06 .hero-kicker{border-bottom:1px solid #505050;padding-bottom:20px;margin-top:35px}.design-06 .cover-grid{grid-template-columns:.9fr 1.2fr;gap:6%;margin-top:35px;align-items:center}.design-06 .hero-english{font-weight:600;font-size:clamp(65px,10vw,150px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase}.design-06 .hero-english .hero-big-number{font-size:2.3em;line-height:.85;color:var(--accent);letter-spacing:-.07em}.design-06 .hero-english .accent{color:#fff}.design-06 .hero h1{font-size:clamp(30px,3.8vw,57px);font-weight:700;line-height:1.6}.design-06 .hero-desc{margin-top:30px;font-size:13px}.design-06 .hero-meta{margin-top:40px}.design-06 .reading-layout{gap:85px;padding-top:60px}.design-06 .abstract{border-top:4px solid var(--accent)}.design-06 .abstract .eyebrow{font-size:13px}.design-06 .article-body h2{border-top:1px solid #777;font-size:28px;font-weight:700}.design-06 .article-body h2::before{font-size:14px;color:var(--accent);font-weight:600}.design-06 .toc-heading{font-size:13px}.design-06 .toc-list a b{font-size:13px;line-height:1.6}.design-06 .side-word{font-size:67px;color:var(--accent);font-weight:600;line-height:.85}.design-06 .course-english{font-size:clamp(62px,8vw,128px);font-weight:600;text-transform:uppercase}.design-06 .related-head h2{font-weight:600;text-transform:uppercase}.design-06 .hero .breadcrumb{font-size:11px}
@media(min-width:1600px){.site-header,.hero{padding-left:max(5%,calc((100vw - 1460px)/2));padding-right:max(5%,calc((100vw - 1460px)/2))}.hero-english{font-size:148px}.design-02 .hero-english{font-size:300px}}
@media(max-width:1050px){.site-nav{gap:19px}.header-tag{display:none}.hero{padding-left:5%;padding-right:5%}.cover-grid{gap:5%}.hero h1{font-size:32px}.reading-layout,.design-01 .reading-layout,.design-03 .reading-layout,.design-06 .reading-layout{gap:42px;grid-template-columns:minmax(0,1fr) 210px;padding-left:5%;padding-right:5%}.design-02 .reading-layout,.design-04 .reading-layout{grid-template-columns:190px minmax(0,1fr);gap:42px}.design-02 .cover-grid{grid-template-columns:130px 1fr;gap:32px}.design-02 .hero-number{font-size:140px}.article-body{font-size:16px}.article-body h2,.design-03 .article-body h2,.design-06 .article-body h2{font-size:24px}.hero-meta{font-size:10px}.design-05 .reading-layout{max-width:800px;display:block}.design-05 .article-body{font-size:17px}.course-section{gap:38px}.course-copy h2{font-size:23px}.design-03 .hero h1{font-size:30px}}
@media(max-width:760px){html{scroll-padding-top:25px}.site-header{height:73px;padding:0 6%;gap:15px}.brand{font-size:24px}.site-nav{gap:16px;font-size:10px}.site-nav a:nth-child(2),.site-nav a:nth-child(3){display:none}.hero{padding:23px 6% 39px}.breadcrumb{font-size:10px;gap:7px}.hero-kicker{font-size:9px;letter-spacing:.06em;margin-top:30px;gap:10px}.hero-kicker span:last-child{white-space:nowrap}.cover-grid{grid-template-columns:1fr;gap:31px;margin-top:34px}.hero-english{font-size:21vw;line-height:.92}.hero h1{font-size:29px;line-height:1.7}.hero-desc{font-size:12px;line-height:2.1;margin-top:21px}.hero-meta{font-size:9px;gap:14px;margin-top:30px;flex-wrap:wrap;line-height:1.9}.cover-rule{margin-bottom:20px;width:45px}.reading-layout,.design-01 .reading-layout,.design-02 .reading-layout,.design-03 .reading-layout,.design-04 .reading-layout,.design-06 .reading-layout{display:flex;flex-direction:column;gap:0;padding:35px 6% 65px;border-left:0;border-right:0}.reading-main{max-width:100%;order:2}.sidebar{order:1;margin-bottom:35px}.sidebar-inner{position:static}.toc-heading{font-size:11px;padding:16px 0}.toc-list{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.toc-list a,.design-02 .toc-list a{font-size:10px;padding:10px 0;gap:7px}.toc-list a b{width:15px}.sidebar-note,.side-cta,.side-word{display:none}.abstract{padding:20px 0;margin-bottom:30px}.abstract h2{font-size:17px}.abstract li{font-size:12px;line-height:1.8}.article-body,.design-05 .article-body{font-size:16px;line-height:2.1;letter-spacing:.01em}.article-body p{margin-bottom:1.6em}.article-body h2,.design-02 .article-body h2,.design-03 .article-body h2,.design-04 .article-body h2,.design-05 .article-body h2,.design-06 .article-body h2{font-size:22px;line-height:1.8;margin-top:55px;margin-bottom:25px;scroll-margin-top:30px}.article-body h3,.design-05 .article-body h3{font-size:18px;line-height:1.9;margin-top:32px;margin-bottom:18px;scroll-margin-top:30px}.article-body h3+p{padding-left:16px}.course-section{grid-template-columns:1fr;padding:43px 6% 46px;gap:28px}.course-english{font-size:15vw}.course-copy h2{font-size:22px;margin-top:16px}.course-copy p{font-size:12px}.course-link{font-size:12px;gap:24px}.related-section{padding:43px 6% 55px}.related-head{align-items:start;flex-direction:column;gap:17px}.related-head h2{font-size:40px}.related-head p{font-size:11px}.related-grid{grid-template-columns:1fr;gap:0}.related-item{padding:25px 0 15px}.related-item h3{font-size:16px;margin:13px 0}.site-footer{padding:30px 6% 95px;flex-wrap:wrap;gap:24px}.site-footer .brand{font-size:22px}.footer-links{gap:18px;font-size:10px}.site-footer small{width:100%}.motion-toggle{font-size:9px}.fine-note{font-size:10px}.design-01 .hero-english{font-size:24vw;line-height:.92}.design-01 .hero-english .accent{font-size:.64em;line-height:1.15}.design-01 .hero h1{line-height:1.7;font-size:29px}.design-01 .hero{padding-bottom:38px}.design-01 .article-body h2{padding-left:17px}.design-02 .hero{padding:23px 6% 0}.design-02 .hero-kicker{margin-top:28px;padding-bottom:15px}.design-02 .hero-english{font-size:21.4vw;margin-top:25px;letter-spacing:-.04em}.design-02 .cover-grid{display:grid;grid-template-columns:57px 1fr;gap:20px;margin-top:20px;padding:24px 0 27px;align-items:start}.design-02 .hero-number{font-size:76px}.design-02 .hero h1{font-size:26px;line-height:1.75}.design-02 .hero-desc{margin-left:-77px;max-width:none;font-size:12px}.design-02 .hero-meta{margin:0;padding:15px 0;gap:10px}.design-02 .course-english{font-size:22vw}.design-03 .cover-grid{grid-template-columns:1fr;gap:29px;margin-top:34px}.design-03 .hero-english{font-size:23.5vw;line-height:.86;letter-spacing:-.075em}.design-03 .hero-english span{display:inline}.design-03 .hero-english .accent{margin-left:.1em}.design-03 .hero h1{font-size:29px;line-height:1.65}.design-03 .hero-meta{margin-top:25px}.design-03 .hero{padding-bottom:29px}.design-03 .course-english{font-size:17vw}.design-04 .hero .cover-grid{grid-template-columns:1fr;gap:35px}.design-04 .hero-english{font-size:24vw;line-height:.9;letter-spacing:-.045em}.design-04 .hero-english .accent{margin-left:12%;margin-top:2px}.design-04 .hero h1{font-size:28px;line-height:1.85}.design-04 .hero-kicker{margin-top:28px}.design-04 .hero-meta{margin-top:29px}.design-04 .hero{padding-bottom:33px}.design-04 .course-english{font-size:19vw}.design-04 .related-head h2{font-size:48px}.design-05 .hero{padding-bottom:35px}.design-05 .hero-kicker{margin-top:30px}.design-05 .hero-english{font-size:13.6vw;margin-top:29px;margin-bottom:29px;line-height:1.12}.design-05 .hero-english .accent{margin-left:8%}.design-05 .hero h1{font-size:27px;line-height:1.8}.design-05 .hero-desc{font-size:11px;max-width:320px}.design-05 .hero-meta{gap:12px;margin-top:24px;line-height:1.7;font-size:9px}.design-05 .reading-layout{padding:35px 6% 65px}.design-05 .sidebar{margin-bottom:34px}.design-05 .toc-list{gap:0 20px}.design-05 .toc-list a{font-size:10px}.design-05 .course-section{padding:45px 6%}.design-05 .course-english{font-size:14vw}.design-05 .course-copy h2{font-size:23px}.design-05 .related-head h2{font-size:40px}.design-06 .hero-kicker{margin-top:27px;padding-bottom:16px}.design-06 .cover-grid{grid-template-columns:1fr;gap:30px;margin-top:26px}.design-06 .hero-english{display:flex;align-items:end;gap:7%;font-size:15vw}.design-06 .hero-english .hero-big-number{font-size:2.1em;line-height:.8}.design-06 .hero-english .accent{font-size:1em;line-height:.85;max-width:230px}.design-06 .hero h1{font-size:30px;line-height:1.7}.design-06 .hero-desc{margin-top:20px;font-size:12px}.design-06 .hero-meta{margin-top:29px}.design-06 .hero{padding-bottom:32px}.design-06 .course-english{font-size:21vw}.design-06 .toc-list a b{font-size:11px}.design-06 .hero .breadcrumb{font-size:10px}}
@media(max-width:370px){.brand{font-size:22px}.site-nav{gap:12px}.hero-kicker span:last-child{display:none}.hero h1,.design-01 .hero h1,.design-03 .hero h1,.design-04 .hero h1,.design-06 .hero h1{font-size:26px}.design-02 .hero h1{font-size:23px}.design-05 .hero h1{font-size:24px}.toc-list{column-gap:13px}.article-body{font-size:15px}.design-05 .article-body{font-size:15px}.footer-links{gap:12px}}
.design-01 .hero-english{font-size:clamp(66px,7.5vw,116px)}
.design-03 .hero-english{font-size:clamp(80px,12vw,182px)}
.design-06 .hero-english{font-size:clamp(65px,8.6vw,125px)}
@media(max-width:760px){.design-01 .hero-english{font-size:18.7vw}.design-03 .hero-english{font-size:24vw}.design-03 .hero-english span{display:block}.design-03 .hero-english .accent{margin-left:15%}.design-06 .hero-english{font-size:12.3vw}.design-06 .hero-english .hero-big-number{font-size:2.2em}}
/* Long display words must not set the intrinsic width of the reading page. */
.course-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.course-section>*{min-width:0}
.design-05 .course-section{grid-template-columns:minmax(0,1fr)}
.design-03,.design-06{--jp-heading:var(--gothic)}
.design-06{--display:var(--en)}
@media(max-width:760px){
  .course-section{grid-template-columns:minmax(0,1fr)}
  .design-06 .hero-english{font-size:11.2vw;gap:5%}
  .design-06 .hero-english .hero-big-number{font-size:2.5em;flex:0 0 auto}
  .design-06 .hero-english .accent{min-width:0;max-width:none}
  .design-06 .course-english{font-size:14vw;line-height:1.02}
}
/* The article mastheads use the exact type treatment of their paired homepage. */
.design-01 .site-header .brand{font-family:'Manrope',sans-serif;font-weight:800;font-size:27px;letter-spacing:-1.7px;line-height:1.8}
.design-01 .site-header .brand-edition{font-size:9px;vertical-align:top;margin-left:4px;line-height:3;color:inherit}
.design-02 .site-header .brand{font-family:'Barlow Condensed',sans-serif;font-size:32px;letter-spacing:-.035em;font-weight:700;line-height:1.8}
.design-04 .site-header .brand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:33px;letter-spacing:-.035em;line-height:.94;color:#f2f0e9}
.design-04 .site-header .brand-subtitle{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.17em;margin-top:12px;font-weight:400;color:inherit}
.design-05 .site-header .brand{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.06em;font-size:26px;line-height:1.8;color:#e9e9ec}
.design-05 .site-header .brand span{font-weight:400;color:inherit}
@media(max-width:760px){.design-01 .site-header .brand{font-size:25px}.design-02 .site-header .brand{font-size:28px}.design-04 .site-header .brand{font-size:29px}.design-04 .site-header .brand-subtitle{font-size:7px}.design-05 .site-header .brand{font-size:25px}}
@media(max-width:370px){
  .design-01 .course-english{font-size:11vw;line-height:1.12}
  .design-02 .course-english{font-size:18vw;line-height:1.02}
  .design-01 .site-header{height:auto;min-height:95px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:9px}
  .design-01 .site-header .brand{font-size:24px;line-height:1.2}
  .design-01 .site-nav{flex-basis:100%;justify-content:flex-end;gap:25px}
  .site-nav a{white-space:nowrap}
}
.design-03 .site-header .brand,.design-06 .site-header .brand{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:36px;letter-spacing:-.045em;line-height:1;color:#f1f1f1}
.design-03 .site-header .brand span,.design-06 .site-header .brand span{color:#ec513b}
@media(max-width:760px){.design-03 .site-header .brand,.design-06 .site-header .brand{font-size:32px}}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important}html.motion-paused{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}