/* Only the maintained Japan affidavit partial opts in. All authored copy stays visible. */
.japan-affidavit-reading {
  --japan-gutter: clamp(20px, 4vw, 56px);
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.65;
}

.japan-affidavit-reading .hero {
  grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr);
  align-items: start;
  gap: clamp(28px, 4vw, 56px);
  padding: clamp(32px, 5vw, 64px) var(--japan-gutter);
}

.japan-affidavit-reading h1 {
  max-width: 23ch;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.12;
  margin-bottom: 24px;
}

.japan-affidavit-reading .hero-text {
  max-width: 64ch;
  font-size: 18px;
  line-height: 1.65;
}

.japan-affidavit-reading .hero .actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  max-width: 600px;
  gap: 16px;
  margin-top: 28px;
}

.japan-affidavit-reading .hero .button {
  min-height: 52px;
  padding: 14px 18px;
  white-space: normal;
  text-align: center;
  line-height: 1.4;
}

/* Preserve the existing third action, with a quieter but visible technical link. */
.japan-affidavit-reading .hero .japan-affidavit-json {
  grid-column: 1 / -1;
  justify-self: start;
  min-height: 44px;
  padding: 10px 14px;
  background: transparent;
  color: #fff;
  border: 1px solid #92a9bb;
  box-shadow: none;
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: .2em;
}

.japan-affidavit-reading .trust-panel {
  padding: 24px;
  border-top: 4px solid var(--gold);
}

.japan-affidavit-reading .trust-panel li { margin-top: 14px; line-height: 1.55; }
.japan-affidavit-reading .section {
  padding: clamp(32px, 4vw, 52px) var(--japan-gutter);
}
.japan-affidavit-reading .section + .section { border-top: 1px solid var(--line); }
.japan-affidavit-reading .split {
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 56px);
}
.japan-affidavit-reading h2 { font-size: clamp(27px, 3vw, 36px); line-height: 1.2; }
.japan-affidavit-reading h3 { line-height: 1.35; }
.japan-affidavit-reading .section p { max-width: 72ch; line-height: 1.7; }
.japan-affidavit-reading .section-header { max-width: 78ch; margin-bottom: 28px; }
.japan-affidavit-reading .contact-card { align-self: start; padding: 24px; }
.japan-affidavit-reading .contact-card h2 { font-size: 26px; }
.japan-affidavit-reading .contact-card p { margin-bottom: 16px; }
.japan-affidavit-reading .contact-card p:last-child { margin-bottom: 0; }
.japan-affidavit-reading .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.japan-affidavit-reading .card-grid article { padding: 24px; box-shadow: none; }
.japan-affidavit-reading .card-grid p { margin-bottom: 0; }
.japan-affidavit-reading .text-link { display: inline-block; min-height: 44px; padding-block: 10px; }
.japan-affidavit-reading a { overflow-wrap: anywhere; }
.japan-affidavit-reading a:focus-visible { outline: 3px solid #805000; outline-offset: 4px; }
.japan-affidavit-reading .hero a:focus-visible { outline-color: #f4d27a; }

@media (max-width: 900px) {
  .japan-affidavit-reading .hero,
  .japan-affidavit-reading .split,
  .japan-affidavit-reading .card-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 480px) {
  .japan-affidavit-reading .hero .actions { grid-template-columns: minmax(0, 1fr); }
  .japan-affidavit-reading .hero .button { width: 100%; }
  .japan-affidavit-reading .hero .japan-affidavit-json { width: auto; }
}