@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
:root{--ink:#060c0d;--pearl:#edf0ed;--sage:#a6bab0;--silver:#c5d1cd;--rule:#a6bab033;--en:'Chakra Petch',sans-serif;--jp:'Zen Kaku Gothic New','Hiragino Sans',sans-serif;--steel:linear-gradient(165deg,#f1f7f7 10%,#9aaeb7 32%,#eef7f9 48%,#bdcdd1 70%,#e3eeec 95%);color-scheme:dark;font-family:var(--jp);font-synthesis:none;color:var(--pearl);background:var(--ink)}
*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:30px}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #a6bab0;outline-offset:5px}::selection{background:var(--sage);color:var(--ink)}.skip{position:absolute;top:-100px;left:24px;padding:12px;z-index:100;background:var(--pearl);color:var(--ink)}.skip:focus{top:10px}
.site-header{height:105px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a6bab01c;position:relative;z-index:30;background:#030608}.wordmark{font:600 28px var(--en);letter-spacing:-.055em;color:#edf0ed;white-space:nowrap}.header-note{font:10px var(--en);letter-spacing:.18em}.header-actions{display:flex;align-items:center;gap:34px}.header-news,.menu-button{font:11px var(--en);letter-spacing:.13em}.menu-button{display:flex;align-items:center;gap:30px;border:0;color:var(--pearl);background:none;min-height:44px;padding:0;cursor:pointer}.menu-button span{font-size:25px}.menu-panel{position:absolute;top:105px;right:0;width:min(520px,100%);padding:22px 5vw 35px;background:#080e10;border-bottom:1px solid var(--rule);box-shadow:0 20px 40px #0006;z-index:20}.menu-panel[hidden]{display:none}.menu-panel a{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--rule);font-size:15px;line-height:1.7}.menu-panel b{font:500 23px var(--en);background:var(--steel);background-clip:text;color:transparent}.menu-panel small{color:var(--sage)}
.wrap{max-width:1200px;margin:auto;width:calc(100% - 96px)}.crumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--sage);font-size:12px;line-height:1.8;padding:34px 0 0}.crumb a{min-height:36px;display:inline-flex;align-items:center}.crumb span{opacity:.5}.eyebrow{font:11px/1.7 var(--en);letter-spacing:.18em;color:var(--sage);margin:0 0 22px}.reader-head{padding:36px 0 44px;max-width:1020px}.reader-head h1{font-size:clamp(28px,3.1vw,44px);font-weight:500;line-height:1.65;letter-spacing:.015em;line-break:strict;text-wrap:pretty;margin:0 0 24px}.reader-head h1 span{display:inline}.reader-head h1 span:first-child{display:block}.reader-head .intro{max-width:850px;font-size:16px;line-height:2;letter-spacing:.015em;color:#b7cbc2;margin:0 0 24px}.article-meta{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;line-height:1.8;color:var(--sage)}.article-meta time{font-family:var(--en);letter-spacing:.12em}.article-meta .category{border-bottom:1px solid var(--rule)}
.reader-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:70px;align-items:start;padding-bottom:90px}.toc{position:sticky;top:30px;max-height:calc(100svh - 60px);overflow:auto}.toc>summary{display:none}.toc-label{font:12px var(--en);letter-spacing:.16em;margin:0;padding:0 0 18px;border-bottom:1px solid var(--rule)}.toc ol{list-style:none;padding:8px 0;margin:0}.toc li{margin:0}.toc li a{display:flex;gap:14px;align-items:flex-start;padding:11px 0;font-size:13px;line-height:1.8;color:#a6bcb2}.toc li b{font:11px/2.15 var(--en);color:#8faba0;font-weight:400}.toc li a[aria-current=true]{color:#f2fbf5}.toc li a[aria-current=true] b{color:#d4eee1}.reader-content{min-width:0}.cover{margin:0 0 38px}.cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #a6bab020}.lt-prose{font-size:17px;line-height:2.05;letter-spacing:.025em;color:#d3dfda;overflow-wrap:anywhere;line-break:strict}.lt-prose p{margin:1.3em 0}.lt-prose h2{font-size:26px;font-weight:500;line-height:1.7;letter-spacing:.015em;color:var(--pearl);padding-top:24px;margin:56px 0 22px;border-top:1px solid var(--rule);scroll-margin-top:30px;text-wrap:pretty}.lt-prose h2 .no{display:block;font:12px/1.8 var(--en);letter-spacing:.12em;color:var(--sage);margin-bottom:10px}.lt-prose h3{font-size:20px;font-weight:500;line-height:1.8;margin:35px 0 14px;color:#e6efea}.lt-prose strong{font-weight:700;color:#e6efea}.lt-prose ul,.lt-prose ol{padding-left:1.5em;margin:1.4em 0}.lt-prose li{margin:.5em 0;padding-left:.25em}.lt-prose li::marker{color:var(--sage)}.lt-prose blockquote{border-left:2px solid var(--sage);padding:4px 24px;margin:28px 0;color:#cfe3d6}.lt-answer{border-block:1px solid #a6bab077;padding:22px 28px 24px;background:linear-gradient(110deg,#a6bab012,transparent)}.lt-answer-l{font:12px/1.8 var(--en);letter-spacing:.1em;color:var(--sage);margin:0!important}.lt-answer-l span{font-family:var(--jp);letter-spacing:.04em}.lt-answer div p{margin:15px 0 0;font-size:16px;line-height:2}.table-scroll{width:100%;overflow:auto;border-block:1px solid #a6bab055;margin:28px 0;scrollbar-color:#a6bab077 #080e10}.table-scroll:focus-visible{outline:2px solid var(--sage);outline-offset:4px}.lt-prose table{border-collapse:collapse;width:100%;min-width:580px;font-size:14px;line-height:1.85}.lt-prose th,.lt-prose td{padding:16px 18px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}.lt-prose th{font-weight:500;background:#a6bab014;color:#e0ede5}.lt-prose td{color:#c0d2c8}.lt-prose tr:last-child td{border:0}.lt-qa{border-bottom:1px solid var(--rule);padding:12px 0 26px}.lt-qa h3{font-size:18px;margin:14px 0}.lt-qa p{font-size:16px;margin:10px 0}.lt-prose a{text-decoration:underline;text-underline-offset:5px;color:var(--sage)}
.list-head{padding:60px 0 58px;position:relative;isolation:isolate;min-height:285px}.list-head:before{content:'';position:absolute;z-index:-1;right:-3%;top:0;bottom:0;width:55%;background:linear-gradient(90deg,var(--ink),transparent 45%),url('/column/artwork/hero.webp') center/cover;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 45%)}.list-head h1{font:500 clamp(50px,6vw,82px)/1.15 var(--en);letter-spacing:-.04em;background:var(--steel);background-clip:text;color:transparent;margin:0 0 24px}.list-head h1.ja{font:500 clamp(30px,4vw,48px)/1.55 var(--jp);color:#edf0ed;background:none}.list-head .intro{font-size:16px;color:#c1d4c9;line-height:1.95;max-width:610px;margin:0}.category-nav{display:flex;flex-wrap:wrap;gap:12px 30px;padding:0 0 25px;border-bottom:1px solid var(--rule);margin:0 0 44px;font-size:13px}.category-nav a{display:flex;gap:9px;align-items:center;min-height:44px;border-bottom:1px solid transparent;color:#a5bdb0;padding:5px 0}.category-nav a[aria-current=page]{color:#edf0ed;border-color:var(--sage)}.category-nav small{font:11px var(--en);opacity:.6}.list-count{display:flex;justify-content:space-between;margin:0 0 24px;font:11px var(--en);letter-spacing:.15em;color:var(--sage)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;margin-bottom:70px}.card{min-width:0;border-bottom:1px solid var(--rule)}.card>a{display:flex;flex-direction:column;height:100%;padding-bottom:18px}.card .thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #a6bab023;background:#050b0c}.card img{width:100%;height:100%;object-fit:cover;display:block}.card .thumb span{position:absolute;left:15px;top:12px;font:11px var(--en);letter-spacing:.13em;text-shadow:0 2px 8px #000;color:#daeee0}.card-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin:20px 0 0;font-size:11px;color:var(--sage);line-height:1.8}.card-meta time{font-family:var(--en);letter-spacing:.08em}.card h2,.card h3{font-size:20px;font-weight:500;line-height:1.8;letter-spacing:.015em;line-break:strict;text-wrap:pretty;margin:12px 0}.card p{font-size:14px;line-height:1.95;color:#a9c0b2;margin:0 0 16px}.card-read{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;color:#c4dece;margin-top:auto}.card-read span{font:23px var(--en)}.card a:hover h2,.card a:hover h3{color:#fff}.related{border-top:1px solid var(--rule);padding:52px 0 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head h2{font:500 36px/1.2 var(--en);background:var(--steel);background-clip:text;color:transparent;letter-spacing:-.025em;margin:0}.text-link{font-size:13px;line-height:1.8;min-height:44px;display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid var(--rule)}.article-return{display:flex;justify-content:space-between;gap:20px;padding:34px 0;border-top:1px solid var(--rule)}
.brand-cta{background:linear-gradient(135deg,#111c1c,#04090b);border-block:1px solid var(--rule);padding:60px 0}.brand-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.brand-cta h2{font:500 clamp(30px,3.6vw,50px)/1.3 var(--en);letter-spacing:-.035em;background:var(--steel);background-clip:text;color:transparent;margin:0 0 15px}.brand-cta p{margin:0;font-size:15px;line-height:1.9;color:#b4cdc0}.footer{padding:50px 0 28px;background:#030608}.footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#b6c9bf;align-items:center}.footer-links a{min-height:44px;display:flex;align-items:center}.copyright{width:100%;color:#89a298;font:10px var(--en);letter-spacing:.11em;border-top:1px solid var(--rule);padding-top:22px;margin:12px 0 0}
@media(max-width:1100px){.reader-layout{grid-template-columns:190px minmax(0,760px);gap:40px}.cards{gap:35px 24px}.header-note{font-size:9px}.card h2,.card h3{font-size:18px}}
@media(max-width:900px){.reader-layout{display:block}.toc{position:static;max-height:none;margin-bottom:28px;border-block:1px solid var(--rule);overflow:visible}.toc>summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;min-height:50px;cursor:pointer;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc summary:after{content:'+';font:24px var(--en)}.toc[open] summary:after{content:'−'}.toc-label{display:none}.toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:8px 0 20px}.reader-content{max-width:760px;margin:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-head{padding-top:26px}.header-note{display:none}.list-head:before{width:70%;opacity:.4}.reader-head h1{font-size:34px}.reader-head .intro{font-size:15px}}
@media(max-width:600px){.wrap{width:calc(100% - 48px)}.site-header{height:80px;padding:0 24px}.wordmark{font-size:25px}.header-news{display:none}.menu-button{gap:18px;font-size:10px}.menu-panel{top:80px;padding:16px 24px 28px}.menu-panel b{font-size:22px}.crumb{padding-top:20px;font-size:11px;gap:10px}.reader-head{padding:24px 0 30px}.reader-head h1{font-size:27px;line-height:1.7;margin-bottom:18px}.reader-head .intro{font-size:14px;line-height:2}.eyebrow{font-size:10px;margin-bottom:18px}.article-meta{font-size:11px;gap:7px 14px}.reader-layout{padding-bottom:50px}.toc ol{display:block;padding-bottom:16px}.toc li a{font-size:13px;padding:9px 0}.cover{margin-bottom:28px}.lt-prose{font-size:16px;line-height:2;letter-spacing:.02em}.lt-prose h2{font-size:23px;line-height:1.7;margin-top:40px;padding-top:20px}.lt-prose h3{font-size:19px}.lt-answer{padding:18px 20px}.lt-answer div p{font-size:15px}.lt-prose table{font-size:13px}.lt-prose th,.lt-prose td{padding:13px 15px}.lt-qa h3{font-size:17px}.lt-qa p{font-size:15px}.list-head{padding:40px 0 35px;min-height:240px}.list-head h1{font-size:52px}.list-head h1.ja{font-size:30px}.list-head .intro{font-size:14px}.category-nav{gap:5px 20px;font-size:12px;margin-bottom:28px;padding-bottom:18px}.cards{grid-template-columns:1fr;gap:30px}.card h2,.card h3{font-size:21px}.card p{font-size:14px}.section-head{display:block}.section-head h2{font-size:32px;margin-bottom:12px}.article-return{flex-wrap:wrap}.related{padding-top:35px}.brand-cta{padding:40px 0}.brand-cta .wrap{display:block}.brand-cta h2{font-size:34px}.brand-cta p{font-size:14px}.brand-cta .text-link{margin-top:20px}.footer{padding-top:35px}.footer .wrap{display:block}.footer-links{margin:16px 0;gap:10px 22px}.copyright{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
