/* NK Civic Hybrid v1.3.2. Semantic Japanese wrapping and predictable type scale.
   This file must load AFTER brand-v1.3.1.css.
   Intentionally preserve #7D003D throughout the existing branding.
*/
body { overflow-wrap: normal; word-break: normal; line-break: strict; }
.nk-hero-layout .nk-hero-content h1.nk-hero-headline {
  /* Stable within each layout tier: no viewport-by-viewport size jitter. */
  font-size: 48px;
  line-height: 1.36;
  letter-spacing: .015em;
  max-width: 100%;
  margin: 18px 0 20px;
  text-wrap: wrap;
  word-break: normal;
  overflow-wrap: normal;
  line-break: strict;
}
.nk-hero-headline .nk-headline-segment {
  display: inline-block;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
}
.nk-hero-headline wbr { display: inline; }
/* Unusually long user-entered phrases may not fit even at a readable font size.
   Only those are put in emergency mode by local JS, avoiding horizontal overflow. */
.nk-hero-headline.nk-headline-emergency .nk-headline-segment {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.nk-hero-layout .nk-hero-content p,
.nk-section-head p,
.nk-article-wrap .entry-content,
.nk-article-wrap .entry-content p,
.nk-card-body > p {
  word-break: normal;
  overflow-wrap: break-word;
  line-break: strict;
}
.nk-brand-name,
.nk-card-title,
.nk-section-head h2,
.nk-about-copy h2,
.nk-inner-hero h1 {
  word-break: normal;
  overflow-wrap: break-word;
  line-break: strict;
  text-wrap: pretty;
}
/* Extremely long URLs/codes are allowed to break, rather than widen the page. */
.nk-article-wrap .entry-content a,
.nk-article-wrap .entry-content code,
.nk-article-wrap .entry-content pre { overflow-wrap: anywhere; }
@media (max-width: 1080px) {
  .nk-hero-layout .nk-hero-content h1.nk-hero-headline { font-size: 42px; }
}
@media (max-width: 800px) {
  .nk-hero-layout .nk-hero-content h1.nk-hero-headline { font-size: 36px; }
}
@media (max-width: 600px) {
  .nk-hero-layout .nk-hero-content h1.nk-hero-headline {
    font-size: 33px;
    line-height: 1.34;
    margin: 16px 0 14px;
  }
}
@media (max-width: 360px) {
  .nk-hero-layout .nk-hero-content h1.nk-hero-headline { font-size: 30px; }
}
