:root{
 --ink:#25231f;--muted:#746f65;--paper:#f7f3ea;--white:#fff;
 --line:#ddd5c7;--green:#3e5c4a;--red:#8b443b;--gold:#b68c4a;
 --deep:#1d2923;--blue:#4f6f80;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fbfaf7;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.8}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 56px));margin:auto}
.site-header{height:64px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-inner{width:min(1180px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{font:700 23px Georgia,serif;text-decoration:none;letter-spacing:.04em}
.site-header nav{display:flex;gap:24px;font-size:12px}.site-header nav a{text-decoration:none;color:#5d5a53}
.hero{height:470px;position:relative;overflow:hidden;background:#1a201c}
.hero-bg{width:100%;height:100%;object-fit:cover;transform:scale(1.01)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,25,21,.82) 0%,rgba(19,25,21,.55) 45%,rgba(19,25,21,.08) 75%)}
.hero-copy{position:absolute;left:max(6vw,calc((100% - 1120px)/2));top:50%;transform:translateY(-50%);width:min(620px,52vw);color:#fff}
.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}
.hero h1{font:500 64px/1.05 "Yu Mincho","Hiragino Mincho ProN",serif;margin:16px 0}
.hero .lead{font:500 19px/1.8 "Yu Mincho","Hiragino Mincho ProN",serif;margin:0 0 10px}
.hero .sublead{font-size:12px;opacity:.8;margin:0}
.intro{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;padding:54px 0 48px;border-bottom:1px solid var(--line)}
.intro h2,.story h2,.ranking-section h2,.related h2,.other-regions h2{font:500 34px/1.45 "Yu Mincho","Hiragino Mincho ProN",serif;margin:8px 0 18px}
.intro p{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:15px}
.toc{border-left:1px solid var(--line);padding-left:26px}.toc strong{font-size:10px;letter-spacing:.15em}
.toc ol{margin:10px 0 0;padding-left:22px}.toc li{font-size:12px;margin:5px 0}.toc a{text-decoration:none}
.story{padding-top:68px;padding-bottom:68px}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.split.reverse{grid-template-columns:1.1fr 1fr}.split.reverse .photo{order:2}.split.reverse .copy{order:1}
.photo{overflow:hidden}.photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo small{display:block;margin-top:5px;color:var(--muted);font-size:9px}
.copy .num,.feature-quote>.num,.wink-section .num{font:700 42px Georgia,serif;color:#d2c6b1;margin-right:13px}
.copy .hook,.hook{font:600 17px/1.75 "Yu Mincho","Hiragino Mincho ProN",serif}
.copy p{font-size:13px;color:#58544c}
.fact,.small-fact,.legend-box{margin-top:22px;border-left:4px solid var(--gold);padding:12px 16px;background:#f4efe6;display:grid;gap:3px}
.fact b,.small-fact b,.legend-box b{font-size:11px}.fact span,.small-fact span,.legend-box span{font-size:12px;color:#605b52}
.wide-copy{max-width:940px;margin:auto}.pref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.pref-grid div{border:1px solid var(--line);background:#fff;padding:22px}.pref-grid b{display:block;font:600 20px "Yu Mincho",serif;margin-bottom:8px}.pref-grid span{font-size:12px;color:#686259}
.note{font-size:11px;color:var(--muted)}
.mini-map{display:flex;align-items:center;gap:14px;background:#f2eee4;border:1px solid var(--line);padding:13px 16px;margin:20px 0;font-size:12px}.mini-map span{font-weight:700}.mini-map i{font-size:10px;color:var(--blue);font-style:normal}.mini-map strong{font-size:20px}
.punch{font-weight:700!important;color:#403c35!important}
.ad-slot{height:118px;border:1px dashed #bbb2a4;background:#f6f3ed;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:14px;margin-bottom:14px;color:#91897d}.ad-slot span{font-size:9px;letter-spacing:.18em}.ad-slot b{font-size:13px}.ad-slot small{font-size:9px}
.dark-section{background:var(--deep);color:#f7f2e9}.dark-section .copy p{color:#d8d2c7}.dark-section .section-kicker{color:#c7b99a}.dark-section .num{color:#75877a}.dark-section .legend-box{background:#2b3a31;border-left-color:#d0ad67}.dark-section .legend-box span{color:#d7d3ca}
.city-diagram{border:1px solid #52675a;padding:34px;background:#24342b}.city-number{font:700 52px/1 Georgia,serif;display:inline-block;margin-right:34px}.city-number small{font:400 15px sans-serif;margin-left:3px}.city-blocks{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:28px 0 12px}.city-blocks span{background:#617467;height:72px;display:flex;align-items:center;justify-content:center;font-size:10px}.city-diagram>small{font-size:9px;color:#aeb7b0}
.feature-quote{padding-top:76px}.yatsu-grid{display:grid;grid-template-columns:160px 1fr;gap:50px;align-items:start}.big-type{font:700 70px/.95 "Yu Mincho",serif;color:#5b302f;border-right:1px solid var(--line);text-align:center;padding-right:25px}.yatsu-grid p{font-size:13px;color:#57534b}
.wink-section{background:#eee8dc;padding:70px 0}.stat-hero{display:flex;align-items:center;gap:28px;margin:22px 0}.stat-hero strong{font:700 90px/1 Georgia,serif;color:var(--red)}.stat-hero span{font-size:13px;font-weight:700}
blockquote{margin:28px 0;background:#fff;border:1px solid #d4cab8;padding:22px 26px;font-family:"Yu Mincho",serif;font-size:15px}blockquote strong{font-size:18px;color:var(--red)}blockquote b{display:block;font-size:11px;margin-bottom:8px}
.wink-section p{font-size:13px}.caution{font-size:10px;color:#6f685e}
.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.compare div{background:#f2eee5;padding:14px}.compare span{display:block;font-size:9px;color:var(--muted)}.compare b{font-size:12px}
.animal-photo img{object-position:center}
.sunny-section{background:#f4efe3;padding:70px 0}.sun-card{background:#fff;border:1px solid #ddd3c0;padding:28px;text-align:center}.sun-icon{font-size:62px;line-height:1;margin-bottom:12px}.sun-card b{display:block;font:700 36px Georgia,serif}.sun-card span{display:block;font-size:11px}.sun-card em{display:inline-block;margin:5px 0 15px;background:#e8a640;color:#fff;padding:3px 8px;font-size:10px;font-style:normal}.sun-card hr{border:0;border-top:1px solid var(--line);margin:14px}.sun-card p{font-size:11px;color:#6a645b}
.ranking-section{padding:80px 0;background:#fff}.ranking-intro{max-width:750px;font-family:"Yu Mincho",serif;font-size:15px}
.ranking-feature{display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:center;background:#252822;color:white;padding:30px;margin:34px 0 18px}.rank-big{font:700 92px/1 Georgia,serif;color:#d7b567;text-align:center;border-right:1px solid #4b4e47}.rank-big small{font:700 18px sans-serif}.ranking-feature .tag{font-size:10px;letter-spacing:.12em;color:#cfcbc1}.ranking-feature h3{font:600 24px/1.5 "Yu Mincho",serif;margin:7px 0}.ranking-feature p{font-size:11px;color:#c9c5ba}
.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rank-grid article{border:1px solid var(--line);padding:20px;min-height:170px;position:relative;background:#fbfaf7}.rank-grid .r{font:700 44px/1 Georgia,serif;color:var(--green)}.rank-grid .r.low{color:var(--red)}.rank-grid .r small{font:700 12px sans-serif}.rank-grid article>span{display:block;margin-top:12px;font-size:10px;color:#6d675d}.rank-grid h3{font:600 17px/1.55 "Yu Mincho",serif;margin:5px 0}.rank-grid p{font-size:10px;color:#777064}
.ranking-note{margin-top:18px;background:#f1ede5;padding:16px 20px;display:flex;gap:18px;align-items:start}.ranking-note b{font-size:12px;white-space:nowrap}.ranking-note span{font-size:10px;color:#716a60}
.related{padding:68px 0}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.related-grid a{border:1px solid var(--line);background:#fff;padding:18px;text-decoration:none}.related-grid b{display:block;font:600 18px "Yu Mincho",serif}.related-grid span{font-size:10px;color:var(--muted)}
.other-regions{background:#ece7dc;padding:55px 0}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.coming-grid div{background:#f8f6f1;padding:22px}.coming-grid b{font:600 20px "Yu Mincho",serif}.coming-grid span{float:right;font-size:9px;color:#8a8377}
.sources{padding:36px 0 60px}.sources summary{cursor:pointer;font-size:11px;font-weight:700}.sources li{font-size:10px;color:#6e685f;margin:4px 0}
.site-footer{background:#20231f;color:#eee9df;padding:35px 0}.site-footer .wrap{display:flex;align-items:baseline;gap:20px}.site-footer b{font:700 22px Georgia,serif}.site-footer span{font-size:11px}.site-footer small{margin-left:auto;font-size:9px;color:#9e9a91}

/* V0.2 */
.hero{background:#efece3}
.hero-shade{background:linear-gradient(90deg,rgba(22,28,24,.92) 0%,rgba(22,28,24,.76) 38%,rgba(22,28,24,.12) 62%,rgba(22,28,24,0) 100%)}
.image-pref-grid article{border:1px solid var(--line);background:#fff;overflow:hidden}
.image-pref-grid article img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.image-pref-grid article>div{padding:18px}
.image-pref-grid b{display:block;font:600 20px "Yu Mincho",serif;margin-bottom:7px}
.image-pref-grid span{font-size:12px;color:#686259;line-height:1.75}
.strong-note{font:600 17px/1.8 "Yu Mincho","Hiragino Mincho ProN",serif;color:#3d3932!important;margin-top:22px}
.kibi-visual{display:grid;gap:14px}
.kibi-visual>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border:1px solid #52675a}
.kibi-visual>small{font-size:9px;color:#aeb7b0}
.geology-diagram{background:#f3efe4;color:#25231f;border:1px solid #cfc7b9;overflow:hidden}
.geo-sky{padding:18px 20px;background:linear-gradient(#d7e4e8,#e7ece8);font-weight:700}
.geo-surface{padding:12px 20px;background:#84966f;color:white;font-size:12px}
.geo-rock{padding:24px 20px;background:repeating-linear-gradient(135deg,#716d68 0 18px,#77726d 18px 36px);color:white}
.geo-rock strong{display:block;font:700 24px "Yu Mincho",serif;margin-bottom:5px}
.geo-rock span{font-size:11px}
.geo-age{padding:12px 20px;background:#55514e;color:#eee8df;font-size:11px}
.geology-diagram em{display:block;padding:8px 12px;font-size:9px;color:#777168;font-style:normal}
.capital-extra{font-weight:700!important;color:#f0e5cc!important}
.ranking-feature .rank-title{font:700 24px/1.35 "Yu Mincho",serif;margin:2px 0 9px;color:#fff}
.ranking-feature .rank-quip{font:600 19px/1.5 "Yu Mincho",serif;color:#e1ddd2;margin:0 0 10px}
.rank-grid .rank-title{font:700 16px/1.45 "Yu Mincho",serif;margin:10px 0 5px;color:#27241f}
.rank-grid .rank-quip{font:600 14px/1.5 "Yu Mincho",serif;margin:0;color:#575149}

/* V0.3 */
.hero-photo-composite{position:absolute;inset:0;display:grid;grid-template-columns:75% 25%;background:#111}
.hero-photo-composite>div{overflow:hidden;position:relative}.hero-photo-composite.single{display:block}
.hero-photo-composite img{width:100%;height:100%;object-fit:cover;display:block}
.hero-korakuen img{object-position:center center}
.hero-kurashiki img{object-position:center}
.hero-shade{background:linear-gradient(90deg,rgba(20,25,22,.86) 0%,rgba(20,25,22,.66) 40%,rgba(20,25,22,.18) 67%,rgba(20,25,22,.18) 100%)}
.toc strong{font-size:13px}
.toc ol{padding-left:28px}
.toc li{font-size:16px;line-height:1.65;margin:8px 0}
.momotaro-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}
.momotaro-timeline div{border-top:3px solid var(--gold);background:#f5f0e6;padding:13px 12px}
.momotaro-timeline b{display:block;font:700 20px Georgia,serif;color:#7b4b37}
.momotaro-timeline span{display:block;font-size:10px;line-height:1.55;color:#675f55;margin-top:5px}
.momotaro-conclusion{font-weight:700!important;color:#3d3932!important}
.kibi-location-map{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}
.okayama-map-stage{position:relative;background:#f2efe7;border:1px solid #65766a;min-height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.okayama-map-stage img{width:88%;height:88%;object-fit:contain}
.kibi-area-dot{position:absolute;left:46%;top:43%;width:48px;height:48px;border-radius:50%;background:rgba(183,50,44,.55);border:3px solid #fff;box-shadow:0 0 0 2px #b7322c}
.kibi-area-label{position:absolute;left:53%;top:39%;background:#fff;color:#26231f;padding:7px 10px;font-size:11px;font-weight:700;line-height:1.25;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.kibi-area-label small{font-weight:500;color:#6d675e}
.rock-facts{background:#27342d;padding:22px;border:1px solid #65766a}
.rock-facts strong{display:block;font:700 22px "Yu Mincho",serif;color:#fff;margin-bottom:14px}
.rock-facts>span{display:block;font:700 20px/1.45 Georgia,serif;color:#d9bd7c;border-bottom:1px solid #516158;padding:7px 0}
.rock-facts p{font-size:11px!important;line-height:1.75!important;color:#d8d2c7!important;margin-top:14px!important}
.yatsu-grid{grid-template-columns:42% 58%;align-items:start}
.yatsu-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.yatsu-photo small{font-size:9px;color:#777168}
.work-type{display:inline-block;background:#5b302f;color:#fff;font-size:10px;font-weight:700;padding:5px 9px;margin-bottom:10px}
.synopsis-mini{background:#f2ede4;border-left:4px solid #5b302f;padding:14px 16px;margin:18px 0}
.synopsis-mini b{font-size:11px}
.synopsis-mini p{margin:5px 0 0!important}
.rank-group{margin-top:22px}
.rank-group-label{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;padding:6px 10px;margin-bottom:8px;background:#e7eee9;color:#365545}
.rank-group-bottom .rank-group-label{background:#f3e6e3;color:#8c443b}
.rank-grid article{min-height:190px}
.rank-grid .rank-title{font-size:20px;line-height:1.35;margin:12px 0 6px}
.rank-grid .rank-quip{font-size:15px;line-height:1.5}
.related-grid-single{grid-template-columns:minmax(260px,360px)}

.hero-credit{position:absolute;right:16px;bottom:10px;color:rgba(255,255,255,.84);font-size:9px;z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.osaka-born{padding-top:60px;padding-bottom:65px}.osaka-born-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.osaka-born-card{border:1px solid #ddd4c6;background:#faf8f3;padding:26px 20px;display:flex;flex-direction:column;gap:10px;min-height:245px}.osaka-born-no{font-size:.7rem;letter-spacing:.12em;color:#97856d}.osaka-born-card h3{margin:4px 0 0;font-size:1.14rem;color:#292421}.osaka-born-card p{font-size:.91rem;line-height:1.85;margin:0;flex:1}.osaka-born-card small{font-size:.77rem;color:#8b7764}.osaka-born-card a{color:#8c5a37;text-decoration:underline;font-size:.85rem}