/* HDD-DATA.jp — editorial typography refinement (2026-10)
   Loaded after existing styles, without changing card/image dimensions,
   grids, aspect ratios, photographic assets, or content. */

/* 1. Long-form editorial content: comfortable Japanese reading size. */
.article-prose { font-size:16px; line-height:1.95; }
.article-prose h2 { font-size:26px; line-height:1.48; }
.article-prose h3 { font-size:20px; line-height:1.52; }
.article-prose h4 { font-size:17px; }
.article-lead { font-size:16px; line-height:1.85; }
.article-prose blockquote { font-size:15px; }
.article-prose table { font-size:14px; line-height:1.65; }
.article-prose figcaption { font-size:12.5px; }
.article-toc li a { font-size:13px; line-height:1.7; }
.article-prose .notice,.article-prose .summary-box,
.article-prose .comparison-note,.article-prose .warning-box,.article-prose .info-box { font-size:15px; }
.static-page>p { font-size:16px; }
.archive-head p { font-size:15px; line-height:1.85; }
.intro-copy span { font-size:14px; line-height:1.75; }

/* 2. Magazine cards: maintain the existing image box, grid and ratio. */
.story-card h3 { font-size:17px; line-height:1.55; overflow-wrap:anywhere; }
.story-card p { font-size:13.5px; line-height:1.7; }
.cards-grid,.story-card,.story-image,.featured .story-image,.cards-grid .story-image { /* intentionally no geometry changes */ }

/* 3. Global wayfinding and supporting copy. */
.breadcrumbs { font-size:12.5px; line-height:1.7; }
.desktop-nav a { font-size:12px; }
.mobile-nav a { font-size:14px; }
.footer-links a,.footer-brand p { font-size:13px; }
.footer-brand span,.footer-bottom { font-size:12px; }
.topline { font-size:12px; }

/* 4. Wiki encyclopaedia — readable definition, narrative, tables, aids. */
.wiki-top-sub { font-size:15px; }
.wiki-label { font-size:11.5px; }
.wiki-meta { font-size:12px; }
.wiki-term-id small { font-size:11px; }
.wiki-term-id span { font-size:12px; }
.wiki-definition>span { font-size:12px; }
.wiki-definition p { font-size:16px; line-height:1.85; }
.wiki-content { font-size:16px; line-height:1.9; }
.wiki-content h2 { font-size:24px; }
.wiki-content h3 { font-size:19px; }
.wiki-content code,.wiki-content kbd { font-size:14px; overflow-wrap:anywhere; }
.wiki-takeaways h2 { font-size:16px; }
.wiki-takeaways li { font-size:14px; line-height:1.8; }
.wiki-table { font-size:14px; line-height:1.7; }
.wiki-table thead th,.wiki-table tbody th { font-size:13.5px; }
.wiki-note,.wiki-warning { font-size:14px; line-height:1.85; }
.wiki-note strong,.wiki-warning strong { font-size:14px; }
.wiki-faq summary { font-size:15px; }
.wiki-faq details p { font-size:14px; }
.wiki-sources { font-size:14px; }
.wiki-sources li span { font-size:12.5px; }
.wiki-steps li b { font-size:14px; }
.wiki-steps li p { font-size:14px; }
.wiki-steps li:before { font-size:12px; }
.wiki-process span { font-size:12px; }
.wiki-process strong { font-size:14px; }
.wiki-process small { font-size:12.5px; }
.wiki-action-grid b { font-size:14px; }
.wiki-action-grid p { font-size:13.5px; }
.wiki-action-grid span { font-size:12px; }
.wiki-fact-strip small { font-size:12px; }
.wiki-fact-strip strong { font-size:14px; }
.diagram-title,.state-title { font-size:14px; }
.diagram-title span,.state-title small,.disk-volume small { font-size:12px; }
.diagram-legend,.disk-row>span { font-size:12.5px; }
.disk-volume { font-size:14px; }
.wiki-related-terms a b { font-size:14px; }
.wiki-related-terms a small { font-size:12px; }
.wiki-editorial-note,.wiki-editorial-note b { font-size:12.5px; }
.wiki-side-label,.wiki-nav-caption,.wiki-toc-head { font-size:12px; }
.wiki-left-inner,.wiki-nav-group a,.wiki-right li a { font-size:13px; }
.wiki-right li a span,.wiki-side-foot { font-size:11.5px; }
.wiki-right-help strong { font-size:13px; }
.wiki-right-help p { font-size:12px; }
.wiki-mobile-toc>summary { font-size:14px; }
.wiki-mobile-toc>summary span { font-size:12px; }
.wiki-mobile-toc li a { font-size:13px; }
.wiki-mobile-toc li span { font-size:12px; }
.wiki-index-hero>p { font-size:16px; }
.wiki-index-stats span { font-size:12px; }
.wiki-searchbox label { font-size:14px; }
.wiki-search-input-wrap input { font-size:16px; }
.wiki-entry h2 { font-size:21px; }
.wiki-entry h2 span { font-size:14px; }
.wiki-entry p { font-size:15px; }
.wiki-entry-top { font-size:12px; }
.wiki-index-guide p { font-size:14px; }
.wiki-index-guide a { font-size:13px; }

/* 5. Comparison/editorial articles, without changing comparison tables. */
.dp-article p,.dp-article li { font-size:16px; }
.dp-table { font-size:14px; }
.dp-deck { font-size:17px; }
.dp-summary p { font-size:16px; }

/* Fonts should wrap rather than be visually clipped in fluid containers. */
.wiki-article,.wiki-index-layout>*,.wiki-related-terms a,
.article-prose,.dp-article,.story-card { min-width:0; }
.wiki-article,.article-prose,.dp-article { overflow-wrap:anywhere; }

@media(max-width:1050px) {
  .mobile-nav a { font-size:14px; }
}
@media(max-width:700px) {
  .wiki-topline h1 { font-size:28px; }
  .wiki-definition p { font-size:16px; }
  .wiki-content h2 { font-size:22px; }
  .wiki-content h3 { font-size:18px; }
  .wiki-takeaways li { font-size:14px; }
  .wiki-entry h2 { font-size:19px; }
  .wiki-index-hero>p { font-size:15px; }
}
@media(max-width:620px) {
  .article-prose { font-size:16px; line-height:1.95; }
  .article-prose h2 { font-size:23px; }
  .article-prose h3 { font-size:19px; }
  .article-lead { font-size:16px; }
  .story-card h3 { font-size:15.5px; line-height:1.5; }
  .story-card p { font-size:13px; line-height:1.7; }
  .intro-copy span { font-size:13px; }
  .archive-head p { font-size:15px; }
  .breadcrumbs { font-size:12px; }
  .topline { font-size:11px; }
  .wiki-top-sub { font-size:14px; }
  .wiki-table { font-size:14px; }
  .wiki-takeaways h2 { font-size:15px; }
  .wiki-index-guide p { font-size:14px; }
  .dp-article h2 { font-size:23px; }
  .dp-article h3 { font-size:19px; }
}
@media(max-width:390px) {
  .wiki-topline h1 { font-size:27px; }
  .wiki-takeaways li { font-size:14px; }
}

/* At narrow viewport widths (including 200% zoom reflow) the original
   header's minimum brand width protruded ~5px; allow it to shrink safely. */
@media(max-width:360px) {
  .site-header .brand { min-width:0; flex:1 1 auto; }
  .site-header .header-inner { gap:8px; }
  .site-header .header-actions { flex:0 0 auto; gap:7px; }
}