@import url("/site-foundation.css?v=20260924-interior3");
:root{--ldk-accent:#d97745;--ldk-cream:#fff8ef;--ldk-ink:var(--lf-ink);--ldk-teal:var(--lf-accent);--ldk-line:var(--lf-line)}
body.ldk-area{background:#f4f6f4;color:#243337;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic","Noto Sans JP",Meiryo,sans-serif;font-size:16px;line-height:1.75}
body.ldk-area main{background:transparent;border:0;border-radius:0;box-shadow:none;padding:18px 0 48px}
body.ldk-area .page{max-width:1320px;padding:0 40px 72px}
.ldkHero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:34px;align-items:center;padding:18px 0 34px;border-bottom:1px solid var(--ldk-line)}
.ldkHeroCopy{max-width:650px}.ldkHero h1,.articleHero h1{font-size:clamp(36px,5vw,56px);line-height:1.18;letter-spacing:-.035em}.ldkHero h1{margin:8px 0 15px}.ldkHero .lead{max-width:610px;font-size:18px;line-height:1.85}
.ldkKicker{margin:0;color:var(--ldk-teal);font-size:12px;font-weight:900;letter-spacing:.08em}.photoSlot{margin:0;overflow:hidden;background:#e8ece8;border-radius:8px}.photoSlot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.articleHero .photoSlot img{aspect-ratio:4/3}.photoSlot .photoPlaceholder{display:flex;min-height:260px;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#e7eeea,#f5eee2);color:#62706e;text-align:center;font-size:13px;line-height:1.7}.photoSlot figcaption{padding:8px 2px 0;color:#6a7676;font-size:11px;line-height:1.6}.photoSlot figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}.photoSlot.small .photoPlaceholder{min-height:160px}.ldkCardMedia img{width:100%;height:100%;object-fit:cover}
.ldkSection{padding:42px 0;border-bottom:1px solid var(--ldk-line)}.ldkSectionHead{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.ldkSectionHead h2{margin:3px 0 0;font-size:clamp(27px,3.5vw,38px);line-height:1.35}.ldkSectionHead p{max-width:600px;margin:0;font-size:14px;line-height:1.8}.ldkSectionLabel{margin:0;color:var(--ldk-accent);font-size:11px;font-weight:950;letter-spacing:.08em}
.featureGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.featureStory{display:grid;grid-template-rows:auto 1fr;padding-bottom:8px}.featureStory h3{margin:15px 0 8px;font-size:24px;line-height:1.45}.featureStory p{margin:0;font-size:15px;line-height:1.85}.featureStory a{color:inherit;text-decoration:none}.featureStory a:hover h3{text-decoration:underline;text-underline-offset:4px}.featureCompare{margin-top:15px;display:grid;gap:8px}.featureCompareRow{display:grid;grid-template-columns:1fr repeat(3,76px);gap:8px;align-items:center;padding:10px 0;border-top:1px solid #e6e2da}.featureCompareRow span:not(:first-child){text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.featureCompareRow strong{font-size:14px}
.purposeRow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.purposeLink{display:block;padding:15px 0 18px;border-top:2px solid var(--ldk-teal);background:transparent;text-decoration:none;color:inherit}.purposeLink strong{display:block;font-size:18px;line-height:1.5}.purposeLink span{display:block;margin-top:7px;color:#687779;font-size:13px;line-height:1.7}.purposeLink:hover strong{text-decoration:underline;text-underline-offset:4px}.purposeLink:nth-child(2){border-top-color:#63839b}.purposeLink:nth-child(3){border-top-color:var(--ldk-accent)}
.ldkSort{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 18px}.ldkSort .axisButtons{justify-content:flex-start}.ldkSortNote{margin:0;color:#6d797a;font-size:12px;line-height:1.6}
.ldkHubGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px}.ldkCard{display:flex;flex-direction:column;color:inherit;text-decoration:none;background:transparent;border-top:1px solid var(--ldk-line);padding-top:12px}.ldkCardMedia{position:relative;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#e7eeea,#f4ede1);color:#687574;font-size:12px;text-align:center;padding:0;border-radius:6px}.mediaCredit{position:absolute;right:6px;bottom:6px;max-width:calc(100% - 12px);padding:3px 6px;background:rgba(24,34,37,.78);color:#fff;font-size:9px;line-height:1.35;text-align:right}.mediaCredit a{color:#fff;text-decoration:underline;text-underline-offset:2px}.ldkCardBody{display:flex;flex:1;flex-direction:column;padding:14px 0 0}.ldkCard small{color:#6d797a;font-size:11px}.ldkCard h3{margin:4px 0 7px;font-size:22px;line-height:1.4}.ldkCard p{margin:0;font-size:14px;line-height:1.8}.ldkCard .metricMini{margin-top:auto;padding-top:13px;border-top:1px solid #e7e3db;gap:12px}.ldkCard .metricMini span{padding:0;border-radius:0;background:transparent;color:#596b6d;font-size:12px;font-weight:750}.ldkCardCta{margin-top:12px;color:var(--ldk-teal);font-size:13px;font-weight:850}.ldkCard:hover h3{text-decoration:underline;text-underline-offset:4px}.ldkCard:focus-visible{outline:3px solid rgba(45,139,126,.28);outline-offset:5px}
.ldkFootnotes{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:38px}.ldkNote{padding-top:15px;border-top:4px solid #d9ddd8}.ldkNote h2{margin:0 0 8px;font-size:19px}.ldkNote p,.ldkNote li{font-size:13px;line-height:1.8}.ldkNote a{color:var(--ldk-teal);font-weight:800}
.articleHero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:30px;align-items:start;padding:12px 0 32px}.articleHero h1{margin-top:8px}.articleHero .lead{font-size:18px}.quickRead{margin:12px 0 34px;padding:24px 0;border-top:4px solid var(--ldk-accent);border-bottom:1px solid var(--ldk-line)}.quickRead h2{margin:0 0 14px;font-size:24px}.quickReadGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.quickReadItem{padding-top:12px;border-top:1px solid #e5e0d7}.quickReadItem b{display:block;margin-bottom:5px;font-size:14px}.quickReadItem p{margin:0;font-size:15px;line-height:1.8}.numberGuide{max-width:840px;margin:0 0 8px;padding:24px 0 28px;border-top:1px solid var(--ldk-line);border-bottom:1px solid var(--ldk-line)}.numberGuide h2{margin:4px 0 10px;font-size:26px;line-height:1.45}.numberGuide p{margin:0 0 8px;font-size:15px;line-height:1.8}.numberGuideSub{color:#687779;font-size:13px!important}
.sceneArticle{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding:36px 0;border-top:1px solid var(--ldk-line)}.sceneArticle:nth-of-type(even){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.sceneArticle:nth-of-type(even) .sceneArticleMedia{order:2}.sceneArticleTextOnly{display:block;max-width:820px}.sceneArticleTextOnly:nth-of-type(even){display:block}.sceneArticle h2{margin:2px 0 10px;font-size:28px;line-height:1.45}.sceneArticle p{margin:0 0 12px;font-size:16px;line-height:1.85}.sceneFact{padding:13px 0;border-top:1px solid #e6e1d8;color:#4e5f62;font-size:13px!important}.sceneSource{font-size:11px!important;color:#788384!important}.sceneSource a{color:var(--ldk-teal);font-weight:800}.dataStrip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:20px 0;border-top:1px solid var(--ldk-line);border-bottom:1px solid var(--ldk-line)}.dataStrip div span{display:block;color:#718080;font-size:11px}.dataStrip div strong{display:block;margin-top:4px;font-size:20px}.compareEditorial{padding:40px 0;border-top:1px solid var(--ldk-line)}.compareEditorial h2{margin:0 0 10px}.compareEditorial .compare{max-width:760px}.checkList{columns:2;column-gap:34px;margin:14px 0;padding-left:20px}.checkList li{break-inside:avoid;margin:0 0 10px;font-size:14px;line-height:1.75}.articleBottomGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.articleBottomGrid .source,.articleBottomGrid .cta{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.articleBottomGrid .source{padding:18px 0;border-top:3px solid #cfd8d4}.articleBottomGrid .cta{padding:18px 20px 20px;border-top:3px solid var(--ldk-accent);background:var(--ldk-cream)}.articleBottomGrid .cta a{border-radius:4px}
@media(max-width:850px){.ldkHero,.articleHero,.featureGrid,.sceneArticle,.sceneArticle:nth-of-type(even){grid-template-columns:1fr}.sceneArticle:nth-of-type(even) .sceneArticleMedia{order:0}.ldkHubGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.purposeRow{grid-template-columns:1fr}.dataStrip{grid-template-columns:repeat(3,1fr)}.quickReadGrid{grid-template-columns:1fr}.ldkSectionHead{display:block}.ldkSectionHead p{margin-top:8px}}
@media(max-width:600px){body.ldk-area .page{padding:10px 15px 54px}body.ldk-area main{padding-top:4px}.ldkHero{gap:18px;padding-bottom:28px}.ldkHero h1{font-size:36px}.ldkHero .lead,.articleHero .lead{font-size:16px;line-height:1.8}.photoSlot .photoPlaceholder{min-height:210px}.ldkSection{padding:32px 0}.ldkHubGrid{grid-template-columns:1fr;gap:18px}.ldkCardMedia{aspect-ratio:16/9}.ldkSort{display:block}.ldkSort .axisButtons{margin-top:10px}.ldkFootnotes,.articleBottomGrid{grid-template-columns:1fr}.dataStrip{grid-template-columns:repeat(2,1fr)}.articleHero{gap:15px}.quickRead{padding:19px 0}.sceneArticle{gap:18px;padding:30px 0}.sceneArticle h2{font-size:24px}.checkList{columns:1}.featureCompareRow{grid-template-columns:1fr repeat(3,54px);gap:4px}.featureCompareRow span:not(:first-child){font-size:11px}}


/* 2026-09-24 media credit readability floor. */
@media(max-width:600px){
  .mediaCredit{font-size:10px;line-height:1.4}
}


/* 2026-09-24 core station detail rhythm: match municipality detail without
   removing the editorial personality of enriched station pages. */
body.ldk-area .articleHero{
  padding-top:34px;
  padding-bottom:34px;
}
body.ldk-area .articleHero .lead{
  max-width:780px;
}
body.ldk-area .quickRead{
  border-top-color:var(--lf-accent);
}
body.ldk-area .quickRead,
body.ldk-area .numberGuide,
body.ldk-area .compareEditorial{
  scroll-margin-top:18px;
}
body.ldk-area .articleBottomGrid .source,
body.ldk-area .articleBottomGrid .cta{
  border-radius:0;
  box-shadow:none;
}
body.ldk-area .articleBottomGrid .cta{
  background:#f7faf9;
  border-top-color:var(--lf-accent);
}
body.ldk-area .articleBottomGrid .cta a{
  border-radius:10px;
  background:var(--lf-accent);
  color:#fff;
}
@media(max-width:600px){
  body.ldk-area .articleHero{
    padding-top:26px;
    padding-bottom:28px;
  }
}


/* 2026-09-24 station hub: translate compact scores before opening detail. */
.ldkCard .metricMini .stationHubMetric em{
  display:block;
  margin-top:3px;
  color:#74827f;
  font-size:10px;
  font-style:normal;
  font-weight:850;
  line-height:1.2;
}
.ldkCard .metricMini .stationHubMetric.is-high strong,
.ldkCard .metricMini .stationHubMetric.is-high em{color:#277166}
.ldkCard .metricMini .stationHubMetric.is-low strong,
.ldkCard .metricMini .stationHubMetric.is-low em{color:#8b6332}
.ldkCard .metricMini .stationHubMetric.is-missing{opacity:.65}
@media(max-width:600px){
  .ldkCard .metricMini .stationHubMetric em{font-size:11px}
}


/* 2026-10-01 station detail: keep the bottom comparison CTA calm and collision-free. */
body.ldk-area .articleBottomGrid .stationNextCta .stationNextActions{
  display:grid;
  gap:12px;
  margin-top:16px;
}
body.ldk-area .articleBottomGrid .stationNextCta .stationNextActions a{
  box-sizing:border-box;
  min-width:0;
  min-height:46px;
  margin:0;
  padding:12px 15px;
  line-height:1.45;
  text-align:center;
  white-space:normal;
}
body.ldk-area .articleBottomGrid .stationNextCta .stationNextPrimary{
  width:100%;
  background:var(--lf-accent);
  color:#fff;
  font-weight:900;
}
body.ldk-area .articleBottomGrid .stationNextCta .stationNextSecondaryRow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.ldk-area .articleBottomGrid .stationNextCta .stationNextSecondaryRow a{
  width:100%;
  border:1px solid #b9d8d2;
  background:#fff;
  color:var(--lf-accent);
}
body.ldk-area .articleBottomGrid .stationNextCta .stationNextDiagnosis{
  justify-self:start;
  border:1px solid #d5e6e2;
  background:#eef6f4;
  color:#3f6f67;
}
body.ldk-area .articleBottomGrid .stationNextCta .stationNextActions a:hover{
  transform:translateY(-1px);
}
@media(max-width:600px){
  body.ldk-area .articleBottomGrid .stationNextCta .stationNextSecondaryRow{
    grid-template-columns:1fr;
  }
  body.ldk-area .articleBottomGrid .stationNextCta .stationNextDiagnosis{
    width:100%;
    justify-self:stretch;
  }
}
