/* Clarity-first layout layer. Loaded after the base design system. */
body{background:linear-gradient(180deg,#f8fafc 0,#f4f7fb 36rem,#f7f8fb 100%)}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:20px}.site-header nav{justify-self:center}.header-action{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:11px;background:#111827;color:#fff;text-decoration:none;font-size:.82rem;font-weight:800;box-shadow:0 8px 20px rgba(17,24,39,.12)}
.page-home .eyebrow,.page-intro-card .eyebrow{display:none!important}

/* Home */
.page-home .hero-stage{min-height:0;margin-top:26px;padding:54px;border:1px solid #e4e7ec;border-radius:30px;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef6ff 100%);box-shadow:0 18px 50px rgba(16,24,40,.07)}
.page-home .hero-copy{color:#111827}.page-home .hero-copy:before{display:none}.page-home .hero h1{max-width:760px;font-size:clamp(3rem,5vw,5.2rem);line-height:1.04;color:#111827}.page-home .hero h1 br{display:block}.page-home .hero h1 span{display:block;margin-top:.06em;background:linear-gradient(110deg,#2563eb,#0f766e);-webkit-background-clip:text;background-clip:text;color:transparent}.page-home .lead{max-width:620px;color:#667085}.page-home .hero .button{background:#111827;color:#fff}.page-home .hero .button.secondary{background:#fff;color:#111827;border-color:#d0d5dd}.hero-status{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 10px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#2455a6;font-size:.72rem;font-weight:760}.hero-status>span{width:7px;height:7px;border-radius:99px;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.1)}
.page-home .hero-panel{padding:24px;border:1px solid #dfe5ec;background:#fff;box-shadow:0 18px 44px rgba(16,24,40,.08)}.page-home .hero-panel:before{height:3px;background:linear-gradient(90deg,#2563eb,#06b6d4)}.page-home .search-input{height:52px;border-radius:13px}.page-home .search-results{margin-top:10px}

.quick-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.quick-dock>a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;min-height:74px;padding:14px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.04);text-decoration:none;transition:.18s border-color,.18s transform,.18s box-shadow}.quick-dock>a:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 12px 26px rgba(16,24,40,.08)}.quick-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eff6ff;color:#2563eb}.quick-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-dock strong{display:block;font-size:.84rem}.quick-dock small{display:block;margin-top:2px;color:#98a2b3;font-size:.69rem}

.page-home main>.section:first-of-type{padding-top:68px}.page-home main>.section:first-of-type .stats-grid{grid-template-columns:repeat(4,1fr);gap:14px}.page-home main>.section:first-of-type .stat-card{min-height:148px;padding:24px;border-radius:20px}.page-home main>.section:first-of-type .stat-card:nth-child(1){color:#fff;border:0;background:linear-gradient(145deg,#2563eb,#1d4ed8);box-shadow:0 16px 34px rgba(37,99,235,.18)}.page-home main>.section:first-of-type .stat-card:nth-child(1) span,.page-home main>.section:first-of-type .stat-card:nth-child(1) small{color:#dbeafe}.page-home main>.section:first-of-type .stat-card:nth-child(1) strong{font-size:2.6rem}.page-home main>.section.split{grid-template-columns:1fr 1fr;gap:18px}.page-home main>.section.split .ranking-card{min-height:0;padding:24px;border-radius:22px}.page-home .prefecture-grid{grid-template-columns:repeat(4,1fr)}.page-home .city-grid{grid-template-columns:repeat(3,1fr);gap:14px}.page-home .city-card{min-height:132px;border-radius:18px}

/* Shared lower pages */
.page-intro-card{min-height:0;margin:0 0 28px;padding:30px 32px;border:1px solid #e4e7ec;border-radius:24px;background:linear-gradient(135deg,#fff,#f7faff);box-shadow:0 12px 34px rgba(16,24,40,.06)}.page-intro-card h1{max-width:800px}.page-intro-card p{font-size:.98rem}.page-ranking .page-intro-card{background:linear-gradient(135deg,#fff,#f6fbfa)}.page-compare .page-intro-card{background:linear-gradient(135deg,#fff,#faf8ff)}.page-sources .page-intro-card{background:linear-gradient(135deg,#fff,#f6fbfc)}

/* City */
.page-city .city-hero{min-height:0;margin-top:24px;padding:38px;border:1px solid #dfe5ec;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f7faff 64%,#eef6ff 100%);box-shadow:0 18px 46px rgba(16,24,40,.07)}.page-city .city-hero h1{color:#111827}.page-city .city-hero .lead{color:#667085}.page-city .city-hero>.button{align-self:end;background:#111827;color:#fff;border:0}.page-city .city-hero>.hero-actions{grid-column:1/-1;margin-top:8px}.page-city .stats-grid{margin-top:0}.page-city .section.split{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start}.page-city .chart-card,.page-city .ranking-card{border-radius:22px}.page-city .source-note{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}

/* Prefecture */
.page-prefecture .stats-grid-three .stat-card:first-child{color:#fff;border:0;background:linear-gradient(145deg,#2563eb,#1d4ed8)}.page-prefecture .stats-grid-three .stat-card:first-child span,.page-prefecture .stats-grid-three .stat-card:first-child small{color:#dbeafe}.page-prefecture .section.split{grid-template-columns:1fr 1fr}.page-prefecture .city-grid{grid-template-columns:repeat(3,1fr)}

/* Compare and sources */
.page-compare .compare-controls{position:sticky;top:80px;z-index:10;padding:16px;border:1px solid #e4e7ec;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(16,24,40,.06);backdrop-filter:blur(16px)}.page-compare .compare-output{border-radius:22px}.page-sources main{width:min(940px,calc(100% - 48px))}.page-sources .prose{padding:36px;border-radius:24px}.page-sources .prose dl{margin:22px 0 32px;padding:8px 20px;border:1px solid var(--line);border-radius:16px;background:#fafbfc}

@media(max-width:980px){.page-home .hero-stage{padding:42px}.quick-dock{grid-template-columns:repeat(2,1fr)}.page-home main>.section:first-of-type .stats-grid{grid-template-columns:repeat(2,1fr)}.page-home .prefecture-grid{grid-template-columns:repeat(2,1fr)}.page-home .city-grid,.page-prefecture .city-grid{grid-template-columns:repeat(2,1fr)}.page-city .section.split{grid-template-columns:1fr}}

/* Move the mobile navigation outside the sticky header and keep it visually quiet. */
@media(max-width:820px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.header-inner{grid-template-columns:1fr}.header-action{display:none}.site-header nav,.mobile-nav{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:100!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:2px!important;padding:4px!important;background:rgba(255,255,255,.96)!important;border:1px solid #e4e7ec!important;border-radius:16px!important;box-shadow:0 12px 34px rgba(16,24,40,.16)!important;backdrop-filter:blur(18px)!important;justify-self:auto!important}.site-header nav a,.mobile-nav a,.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:grid!important;grid-template-rows:18px auto!important;place-items:center!important;align-content:center!important;row-gap:4px!important;min-height:50px!important;padding:5px 2px!important;margin:0!important;color:#667085!important;border-radius:11px!important;text-decoration:none!important}.site-header nav a:hover,.site-header nav a:visited,.mobile-nav a:hover,.mobile-nav a:visited{text-decoration:none!important}.site-header nav a[aria-current="page"],.mobile-nav a[aria-current="page"]{background:#eff6ff!important;color:#2563eb!important}.nav-icon{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;margin:0!important}.nav-icon svg{display:block!important;width:18px!important;height:18px!important}.nav-label{display:block!important;margin:0!important;line-height:1!important;font-size:.61rem!important;text-align:center!important;white-space:nowrap!important;text-decoration:none!important}.page-home .hero-stage{grid-template-columns:1fr;gap:20px;padding:30px}.page-home .hero h1{font-size:clamp(2.45rem,7vw,3.5rem);line-height:1.07}.page-home .hero-panel{max-width:none}.page-home main>.section.split{grid-template-columns:1fr}.page-city .city-hero{grid-template-columns:1fr}}

@media(max-width:640px){.page-home .hero-stage{margin-top:12px;padding:20px 16px 16px;border-radius:20px}.hero-status{margin-bottom:10px;padding:5px 8px;font-size:.64rem}.page-home .hero h1{font-size:clamp(2rem,9vw,2.45rem);line-height:1.1;letter-spacing:-.045em}.page-home .hero h1 span{margin-top:.08em}.page-home .lead{font-size:.92rem;line-height:1.7;margin-top:12px}.page-home .hero-actions{display:grid;grid-template-columns:1fr;margin-top:16px}.page-home .hero-actions .button{min-height:44px}.page-home .hero-panel{padding:15px;border-radius:16px}.quick-dock{grid-template-columns:1fr 1fr;gap:8px}.quick-dock>a{grid-template-columns:32px minmax(0,1fr);min-height:62px;padding:8px}.quick-icon{width:32px;height:32px}.quick-icon svg{width:18px;height:18px}.quick-dock strong{font-size:.72rem}.quick-dock small{font-size:.6rem}.page-home main>.section:first-of-type{padding-top:44px}.page-home main>.section:first-of-type .stats-grid{grid-template-columns:1fr}.page-home .prefecture-grid,.page-home .city-grid,.page-prefecture .city-grid{grid-template-columns:1fr}.page-intro-card{padding:24px 20px;border-radius:20px}.page-city .city-hero{margin-top:14px;padding:26px 20px;border-radius:22px}.page-city .city-hero h1{font-size:clamp(2.8rem,13vw,4rem)}.page-compare .compare-controls{position:relative;top:auto;padding:14px}.page-sources main{width:min(100% - 28px,940px)}.page-sources .prose{padding:24px;border-radius:20px}}