/* Shared type roles: sans for reading and controls, serif for editorial accents. */
:root{
  --font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --font-serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
}
body{font-family:var(--font-sans)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;letter-spacing:.015em}
button,input,select,textarea{font-family:var(--font-sans)}
/* Only the large brand messages use Mincho on the home and staff pages. */
.hero-copy h1,.hero-copy h2,.company-copy h2{
  font-family:var(--font-serif);font-weight:700;letter-spacing:.025em;line-height:1.5;
}
.section-heading h2{font-weight:700;letter-spacing:.015em;line-height:1.5}
.product-body h3,.guide-card h3,.feature-band h3,.steps h3,.content-entry h3{
  font-weight:700;letter-spacing:.015em;line-height:1.65;
}
.contact-section h2{font-weight:700;letter-spacing:.015em;line-height:1.5}
.drawer h2,.product-dialog h2,.design-survey h2,.staff-mode-panel h2,.content-manager h2{
  font-family:var(--font-sans);font-weight:700;letter-spacing:.015em;
}
/* Article titles add a serif accent; navigation and instructional headings stay sans. */
.blog-hero h1{
  font-family:var(--font-serif);font-weight:700;letter-spacing:.02em!important;line-height:1.5!important;
}
.part-title,.blog-section-title,.blog-cta h3,.next-article-title{
  font-family:var(--font-sans);font-weight:700;letter-spacing:.015em;
}
.blog-section p{line-height:1.95}
/* Legal and checkout pages prioritize quick recognition and comfortable reading. */
.hero h1,.result-copy h1{font-family:var(--font-sans);font-weight:700;letter-spacing:.015em;line-height:1.5}
.wrap article h2,.result-visual h2{font-family:var(--font-sans);font-weight:700;letter-spacing:.015em}
@media(max-width:600px){
  .hero-copy h1,.hero-copy h2,.company-copy h2{letter-spacing:.01em}
  .section-heading h2{letter-spacing:0}
}