@charset "UTF-8";

/* One self-hosted family with explicit static weights for cross-engine consistency.
   Subset covers the approved LP text. License: fonts/OFL.txt. */
@font-face {
  font-family: "Noto Sans JP";
  src: url("./fonts/noto-sans-jp-lp-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face { font-family: "Noto Sans JP"; src: url("./fonts/noto-sans-jp-lp-500.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Noto Sans JP"; src: url("./fonts/noto-sans-jp-lp-600.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Noto Sans JP"; src: url("./fonts/noto-sans-jp-lp-700.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Noto Sans JP"; src: url("./fonts/noto-sans-jp-lp-800.woff2") format("woff2"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "Noto Sans JP"; src: url("./fonts/noto-sans-jp-lp-900.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* TASK20: the approved report-card copy adds 据, absent from the original
   subset. Same Noto Sans JP source and OFL; only this code point is supplied. */
@font-face { font-family: "Noto Sans JP"; src: url("./fonts/noto-sans-jp-report-400.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+636E; }
@font-face { font-family: "Noto Sans JP"; src: url("./fonts/noto-sans-jp-report-500.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; unicode-range: U+636E; }

@media (max-width: 600px) {
  /* Bound the flex/grid text box. Each reading unit may wrap only if it
     cannot fit by itself; do not clip text or reduce the approved type size. */
  #usecases .usecase-copy { width: 100%; max-width: 100%; min-width: 0; }
  #usecases .usecase p { max-width: 100%; min-width: 0; overflow-wrap: anywhere; }
  #usecases .usecase p .reading-unit {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}