/* Brand System 3.0 FINAL + direção aprovada em 12/10/2026.
   Web extension: editorial surfaces only; product brands keep their own styles. */
:root {
  --jr-paper: #F7F3EB;
  --jr-cream: #F7F3EB;
  --jr-ink: #151515;
  --jr-red: #A41118;
  --jr-red-secondary: #C01F25;
  --jr-gold: #B48A52;
  --jr-slate: #505761;
  --jr-fog: #DDD8D0;
  --jr-serif: 'Noto Serif Display', 'Noto Serif JP', Georgia, serif;
  --jr-sans: 'Inter', Arial, sans-serif;
}
.brand-master { width: 208px; height: 60px; display: block; object-fit: contain; flex-shrink: 0; }
body.jr-editorial { background: var(--jr-paper); color: var(--jr-ink); }
.jr-editorial .brand { align-items: center; }
.jr-editorial .brand-master { width: 208px; height: 60px; object-fit: contain; }
.jr-editorial .brand-name { font-family: var(--jr-serif); }
.jr-editorial .breadcrumb span, .jr-editorial .article-kicker { color: var(--jr-red); }
.jr-editorial .article-body { color: var(--jr-ink); font-size: 18px; line-height: 1.75; max-width: 68ch; margin-inline: auto; }
.jr-editorial .article-body a { color: var(--jr-red); text-underline-offset: .18em; }
.jr-editorial .article-body h2, .jr-editorial .article-body h3 { line-height: 1.2; }
.jr-editorial .article-figure { background: var(--jr-paper); border-color: var(--jr-fog); }
.jr-editorial .article-figure figcaption { color: var(--jr-slate); }
/* Shared portrait artwork is shown complete, including in long-form articles. */
img[data-jr-cover="illustration"], img[data-jr-cover="social-cover"] {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 680px !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: contain !important;
  background: #F7F3EB;
  margin-inline: auto;
}
.jr-editorial .hero { padding-block: clamp(36px, 6vw, 80px) 36px; }
.jr-editorial .jr-header { position: relative; }
.jr-editorial .jr-header::after { content: ''; position: absolute; width: 7px; height: 7px; right: 0; bottom: -4px; background: #C62828; border-radius: 50%; pointer-events: none; }
.jr-editorial .hero { position: relative; isolation: isolate; overflow: hidden; }
.jr-editorial .hero::after { content: ''; position: absolute; right: -62px; top: 28px; width: 180px; height: 150px; background: url('/assets/brand/jr-pattern-geometric.svg') 0 0/144px 125px; opacity: .1; z-index: -1; pointer-events: none; }
.jr-editorial .content-card, .jr-editorial .article-figure, .jr-editorial .jr-header { box-shadow: none; }
.jr-editorial .hero h1, .jr-editorial .article-body :is(h2,h3) { text-shadow: none; }
.jr-editorial .hero h1 { line-height: 1.08; hyphens: none; word-break: normal; }
.jr-editorial .header-link { min-height: 44px; display: inline-flex; align-items: center; }
.jr-editorial .source-list a { overflow-wrap: anywhere; }
.jr-editorial .section-heading > span { color: var(--jr-red); }
.jr-footer__copy, .jr-footer__links a { color: var(--jr-slate); }
.knowledge-hub-section .guide-hub-label, .tools-hub-section .guide-hub-label { color: #F7F3EB; }
.footer-desc, .fn-desc, .footer-copy { color: #BEB8AD; }
.footer-newsletter .social-link { color: #DED8CF; }
.footer-logo img, .nav-logo-mark, .nav-logo-img, .article-brand-lockup img { filter: none; object-fit: contain; border-radius: 0; }
.jr-editorial a:focus-visible, .jr-editorial button:focus-visible, .jr-editorial input:focus-visible,
#heroSection a:focus-visible, #heroSection button:focus-visible {
  outline: 2px solid var(--jr-red); outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
@media (max-width: 480px) {
  .jr-editorial .brand-master { width: 176px; height: 52px; }
  .jr-editorial .hero::after { width: 104px; height: 100px; right: -64px; top: 8px; opacity: .08; }
}

/* JR Web 3.1 · responsive article scale, subordinate to Brand System 3.0. */
.jr-editorial .hero { padding-block: clamp(32px,5vw,64px) 32px; }
.jr-editorial .hero h1 { max-width: 1040px; font: 500 clamp(2rem,4.2vw,3.75rem)/1.13 var(--jr-serif); letter-spacing: -.035em; text-wrap: balance; }
.jr-editorial .hero .lead { max-width: 68ch; color: var(--jr-slate); font: 400 clamp(1rem,1.5vw,1.2rem)/1.65 var(--jr-sans); }
.jr-editorial :is(.article-kicker,.breadcrumb,.header-link) { font-family: var(--jr-sans); font-size: .8rem; font-weight: 500; letter-spacing: .025em; line-height: 1.5; }
.jr-editorial .breadcrumb { color: var(--jr-slate); }
.jr-editorial .article-kicker { font-weight: 600; }
.jr-editorial .content-card:has(> .article-body) { background: var(--jr-paper); border-inline: 0; padding-inline: 0; }
.jr-editorial .article-body { font-family: var(--jr-sans); }
.jr-editorial .article-body h2 { font-size: clamp(1.6rem,2.8vw,2.25rem); }
.jr-editorial .article-body h3 { font-size: 1.4rem; }
.jr-editorial .article-figure figcaption { font: 400 .85rem/1.6 var(--jr-sans); }
.jr-editorial .article-body :is(p,li) { overflow-wrap: break-word; word-break: normal; }