/* Learning typography: child UI, printed exams, parent UI, and chalk graphs. */
@font-face{
  font-family:"PAW Chalk";
  src:url("/assets/fonts/chalk-jp.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"PAW Zen Maru";
  src:url("/assets/fonts/zen-maru-gothic-500.woff2") format("woff2");
  font-style:normal;
  font-weight:500;
  font-display:swap;
}
@font-face{
  font-family:"PAW Zen Maru";
  src:url("/assets/fonts/zen-maru-gothic-700.woff2") format("woff2");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}
body.learning-portal{
  --paw-child-font:"PAW Zen Maru","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
  --paw-parent-font:"Hiragino Sans","Yu Gothic","Noto Sans CJK JP",Meiryo,sans-serif;
  --paw-exam-font:"Hiragino Mincho ProN","Yu Mincho","Hiragino Mincho Pro","MS PMincho",serif;
  --paw-graph-font:"PAW Chalk",var(--paw-child-font);
  --paw-board-letter-spacing:.04em;
  font-family:var(--paw-child-font);
  font-weight:500;
  letter-spacing:var(--paw-board-letter-spacing);
}
/* In a parent's portal, every child-UI font reference resolves to square Gothic. */
body.learning-portal.parent-portal{
  --paw-child-font:var(--paw-parent-font);
  --paw-board-letter-spacing:normal;
  font-family:var(--paw-parent-font);
  letter-spacing:normal;
}
body.learning-portal :is(button,input,select,textarea){letter-spacing:inherit}
body.learning-portal h1{letter-spacing:var(--paw-board-letter-spacing)}
body.learning-portal :is(h1,h2,h3,strong,b,button,.opt-score,.small-score-value,.small-score-name,.subject-number),
body.learning-portal #selected-path span:last-of-type{font-weight:700}

/* チョーク体は描画内の軸・目盛りだけ。分類名・結果の数値や％は親／子のUI書体を継承する。 */
body.learning-portal :is(.attempt-chart-svg text,.small-axis-labels){font-family:var(--paw-graph-font);font-weight:400;letter-spacing:.04em}

/* Exam text, choices, answer inputs/values and explanations keep their print typeface.
   Question PNGs share spacing.css and the print styles in script/texts.py. */
body.learning-portal :is(.exam-question,.exam-solution,.exam-answer-fields){font-family:var(--paw-exam-font);letter-spacing:normal}
body.learning-portal .exam-app :is(.exam-top,button,.exam-feedback-label,.exam-review-note),
body.learning-portal .exam-app .exam-feedback>strong{font-family:var(--paw-child-font);letter-spacing:var(--paw-board-letter-spacing)}

/* Parent and system notices use square Gothic, including inherited form controls. */
body.learning-portal :is(.font-parent,.practice-error-toast,.login-warning-toast){font-family:var(--paw-parent-font);letter-spacing:normal}