:root{--ink:#1d2a2e;--sub:#5b6a6e;--line:#d8dfe0;--paper:#f7f8f6;--accent:#17606b;--pine:var(--accent);--sun:#c7792b;--sans:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;--serif:"Shippori Mincho B1", "Hiragino Mincho ProN", serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 16px/1.85 var(--sans);margin:0}a{color:var(--accent)}h1,h2,h3{font-family:var(--serif);line-height:1.4}.wrap{max-width:760px;margin:0 auto;padding:0 20px}.site-head{padding:10px 20px;font-size:14px;font-weight:700}.site-head a{color:var(--ink);text-decoration:none}.breadcrumb{color:var(--sub);flex-wrap:wrap;gap:0 6px;margin:0;padding:0 0 10px;font-size:12px;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";margin-right:6px}.breadcrumb a{color:var(--sub)}.breadcrumb-bottom{border-top:1px solid var(--line);margin-top:36px;padding:12px 0 0}.story{background:#101a1e;position:relative}.stage{background:linear-gradient(#bcd0d8,#e6ecec);height:100svh;position:sticky;top:0;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.steps{z-index:2;pointer-events:none;margin-top:-100svh;position:relative}.step{align-items:center;min-height:120vh;padding:0 clamp(16px,5vw,64px);display:flex}.step:last-child{padding-bottom:20vh}.card{pointer-events:auto;background:#ffffffed;border-radius:8px;width:min(420px,100%);padding:20px 24px;box-shadow:0 6px 24px #0a191e38}.card h1,.card h2{text-wrap:balance;margin:0 0 10px;font-size:25px}.card h1{font-size:32px}.card p{margin:0 0 10px;font-size:15px;line-height:1.8}.card p:last-child{margin-bottom:0}.card .card-kicker{color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:700}.hint{color:var(--sub)}.hud{z-index:1;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:14px;right:14px}.hud-era{font:700 clamp(20px, 3vw, 32px)/1.2 var(--serif);color:#fff;text-shadow:0 1px 8px #0009}.hud-kind{color:#fff;background:#17606beb;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.hud-kind.is-image{background:#c7792bf2}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.label{color:#fff;white-space:nowrap;opacity:0;will-change:transform;background:#101a1eb8;border-radius:4px;padding:1px 8px;font-size:13px;font-weight:700;transition:opacity .3s;position:absolute;top:0;left:0}.load{z-index:1;color:#fff;background:#101a1ebf;border-radius:999px;margin:0;padding:6px 16px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.load[hidden]{display:none}.credit{z-index:3;color:#333;background:#ffffffd9;max-width:100%;margin:0;padding:2px 8px;font-size:11px;line-height:1.5;position:absolute;bottom:0;left:0}.credit a{color:inherit}.prose{padding-top:28px;padding-bottom:12px}.prose h1{margin:8px 0 14px;font-size:32px}.prose h2{border-bottom:2px solid var(--accent);margin:40px 0 12px;padding-bottom:6px;font-size:23px}.prose h3{margin:22px 0 4px;font-size:18px}.prose p{margin:0 0 14px}.lead{font-size:17px}.note{color:var(--sub);font-size:13px;line-height:1.75}.prose table{border-collapse:collapse;width:100%}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:8px 10px}.prose th{width:9em;font-weight:700}.sources{font-size:14px}.topic+.topic{margin-top:14px}.topic{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;gap:4px;padding:20px 22px;text-decoration:none;display:grid}.topic:hover{border-color:var(--accent)}.topic strong{font:700 22px/1.4 var(--serif)}.topic-tag{color:var(--accent);font-size:13px;font-weight:700}.chart{margin:0 0 18px}.chart svg{width:100%;height:auto;display:block}.chart-legend{gap:16px;font-size:13px;font-weight:700;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:50%;width:10px;height:10px}.chart-legend i.square{border-radius:0}.page-end{padding-bottom:48px}.banners{flex-wrap:wrap;justify-content:center;gap:14px;margin:28px 0 0;padding:0;list-style:none;display:flex}.banners img{border-radius:10px;width:240px;height:auto;display:block}.home{color:var(--ink);flex-direction:column;align-items:center;gap:6px;margin-top:28px;font-size:13px;text-decoration:none;display:flex}.home img{border-radius:50%}.share{justify-content:center;align-items:center;gap:10px;margin:32px 0 0;display:flex}.share-title{color:var(--sub);letter-spacing:.1em;font-size:12px;font-weight:700}.share-btn{color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.share-btn.x{background:#111}.share-btn.facebook{background:#1877f2}.share-btn.line{background:#06c755}.share-btn.whatsapp{background:#25d366}@media (width<=700px){.step{align-items:flex-end;padding:0 10px calc(10vh + 14px)}.step:last-child{padding-bottom:calc(10vh + 14px)}.hud{top:56px}.credit{top:0;bottom:auto;right:0}.card{background:#fffffff2;width:100%;padding:14px 16px}.card h1{font-size:26px}.card h2{font-size:20px}.card p{font-size:14px;line-height:1.7}}.home-title{margin:8px 0;font-size:32px}.map{background:linear-gradient(#bcd2dc,#dfe7ea);height:min(72vh,680px);margin-top:8px;position:relative;overflow:hidden}.map canvas{width:100%;height:100%;display:block}.map .labels{z-index:1}.label.pin{font:700 12px var(--sans);cursor:pointer;pointer-events:auto;border:1px solid #ffffffb3;padding:3px 9px;transition:opacity .3s,background .15s}.label.pin:hover,.label.pin:focus-visible{z-index:1;background:var(--accent)}.map-reset{z-index:2;color:#fff;font:700 13px var(--sans);cursor:pointer;background:#101a1ecc;border:0;border-radius:999px;padding:6px 14px;position:absolute;top:12px;right:12px}.map-reset[hidden]{display:none}.map-panel{z-index:2;background:#fffffff2;border-radius:8px;width:min(360px,100% - 24px);padding:16px 20px;position:absolute;bottom:44px;left:clamp(12px,3vw,40px);box-shadow:0 6px 24px #0a191e38}.map-panel[hidden]{display:none}.map-panel p{margin:0 0 8px;font-size:14px;line-height:1.7}.map-panel .map-panel-title{font:700 20px/1.4 var(--serif)}.map-panel .card-kicker{color:var(--accent);margin-bottom:2px;font-size:12px;font-weight:700}.map-go{background:var(--accent);color:#fff;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.map-pins{flex-wrap:wrap;gap:8px;max-width:1100px;padding-top:12px;display:flex}.map-pin{border:1px solid var(--line);color:var(--ink);font:400 14px var(--sans);cursor:pointer;background:#fff;border-radius:999px;padding:5px 12px}.map-pin:hover{border-color:var(--accent)}.map-pin[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.wrap-wide{max-width:1100px;margin:0 auto;padding:0 20px}.cards-title{margin:36px 0 14px;font-size:23px}.cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.tcard{border:1px solid var(--line);height:100%;color:var(--ink);background:#fff;border-radius:8px;flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.tcard:hover{border-color:var(--accent);box-shadow:0 4px 16px #0a191e1f}.thumb{aspect-ratio:2;background:#24475a;display:block;position:relative;overflow:hidden}.thumb-in{grid-template-columns:1fr 1fr;width:200%;display:grid;position:absolute}.thumb-in img{width:100%;height:auto;display:block}.tcard-body{gap:4px;padding:14px 16px 16px;display:grid}.tcard-tag{color:var(--accent);font-size:12px;font-weight:700}.tcard strong{font:700 19px/1.4 var(--serif)}.tcard-text{color:var(--sub);font-size:13.5px;line-height:1.7}.credit-cards{z-index:3;background:#f7f8f6f2;margin:14px -20px 0;padding:3px 20px;position:sticky;bottom:0}@media (width<=700px){.map{height:62vh}.label.pin{padding:2px 6px;font-size:11px}.map .credit{font-size:9.5px;line-height:1.35;top:auto;bottom:0;right:0}.map-panel{padding:12px 14px;bottom:58px}.map-panel .map-panel-title{font-size:17px}.credit{font-size:9.5px;line-height:1.4}.hud{top:74px}.cards{grid-template-columns:1fr}}.to-top[data-astro-cid-vy5be4ad]{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:900;background:var(--pine);color:#fff;cursor:pointer;opacity:0;visibility:hidden;border:0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:opacity .25s,transform .25s,visibility .25s,box-shadow .2s;display:grid;position:fixed;transform:translateY(8px);box-shadow:0 2px 8px #0003}.to-top[data-astro-cid-vy5be4ad].show{opacity:.9;visibility:visible;transform:none}.to-top[data-astro-cid-vy5be4ad]:hover{opacity:1;box-shadow:0 4px 12px #00000047}.to-top[data-astro-cid-vy5be4ad]:focus-visible{outline:3px solid var(--sun);outline-offset:2px;opacity:1}@media (width<=600px){.to-top[data-astro-cid-vy5be4ad]{width:42px;height:42px}}main[tabindex="-1"]:focus{outline:none}@media (prefers-reduced-motion:reduce){.to-top[data-astro-cid-vy5be4ad]{transition:none}}
