/* 授業での 使い方と、配る 案内（/manabi/sensei/annai/…。templates/manabi/sensei_annai.html。2026-11-15 サク決定）。
   大人向けの読みもの（style.css の .legal-sec）の中に、紙の1枚（.annai-sheet）を置く。紙は白地・墨だけで、色に意味を
   持たせない（モノクロ印刷で読める）。印刷のときは紙の1枚だけを A4・たて1ページに出す（下の @media print）。
   字の大きさは、画面では px、紙では pt・mm。検査は tests/test_manabi_sensei_annai.py */
.annai-intro{max-width:46em}
.annai-intro__kicker{margin:0;font-size:15px;font-weight:700;line-height:1.6;color:var(--midori)}
.annai-intro .section-lead{margin-top:10px}
.annai-intro__note{margin:14px 0 0;font-size:13px;line-height:1.8;color:var(--sumi-soft);word-break:auto-phrase}
.annai-print{border:0;cursor:pointer;font-family:inherit}

.annai-sheet{
  --annai-ink:#111111;
  margin-top:32px;padding:28px 32px;
  background:#FFFFFF;color:var(--annai-ink);
  border:1px solid var(--keisen-strong);
  font-family:var(--font-sans);
}
.annai-sheet p,.annai-sheet ul,.annai-sheet ol,.annai-sheet dl,.annai-sheet dd{margin:0}
.annai-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-bottom:8px;border-bottom:2px solid var(--annai-ink);font-size:13px;line-height:1.5}
.annai-top__brand{font-weight:700;letter-spacing:.06em}
.annai-top__tag{padding:1px 10px;border:1px solid var(--annai-ink);border-radius:999px;font-weight:700}
.annai-top__grade{margin-left:auto}
.annai-title{margin:14px 0 0;font-family:var(--font-sans);font-size:26px;font-weight:700;line-height:1.35;word-break:auto-phrase;overflow-wrap:anywhere}
.annai-title__name{display:block;margin-top:2px;font-size:13px;font-weight:700;letter-spacing:.04em}
.annai-point{margin-top:8px !important;font-size:15px;line-height:1.75;word-break:auto-phrase}
.annai-h{margin:18px 0 8px;padding-left:10px;border-left:5px solid var(--annai-ink);font-family:var(--font-sans);font-size:16px;font-weight:700;line-height:1.4}
.annai-list{padding-left:1.5em;font-size:15px;line-height:1.75}
.annai-list li{word-break:auto-phrase}
.annai-list li + li{margin-top:4px}
.annai-example{margin-top:10px !important;padding:8px 12px;border:1px solid var(--annai-ink);font-size:15px;font-weight:700;line-height:1.7;word-break:auto-phrase}
.annai-example__label{display:inline-block;margin-right:10px;padding:0 8px;background:var(--annai-ink);color:#FFFFFF;font-size:13px}
.annai-dest{font-size:14px;line-height:1.7}
.annai-dest > div{display:grid;grid-template-columns:8em minmax(0,1fr);gap:2px 12px}
.annai-dest > div + div{margin-top:4px}
.annai-dest dt{font-weight:700}
.annai-dest dd{word-break:auto-phrase}
.annai-license{margin-top:16px !important;padding-top:8px;border-top:1px solid var(--annai-ink);font-size:12px;line-height:1.7;word-break:auto-phrase}
.annai-license a{color:inherit}

/* 切り取り線。点線の上に「きりとり」の字 */
.annai-cut{position:relative;margin:26px -32px !important;border-top:2px dashed var(--annai-ink);height:0;line-height:0;text-align:center}
.annai-cut span{position:relative;display:inline-block;vertical-align:top;padding:0 12px;background:#FFFFFF;font-size:12px;line-height:1.4;letter-spacing:.2em;transform:translateY(-55%)}

/* 配る部分 */
.annai-handout__grade{font-size:14px;font-weight:700;line-height:1.5}
.annai-handout__title{margin-top:2px !important;font-size:26px;font-weight:700;line-height:1.35;word-break:auto-phrase;overflow-wrap:anywhere}
.annai-handout__lead{margin-top:6px !important;font-size:15px;line-height:1.75;word-break:auto-phrase}
.annai-qrs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.annai-qr{display:flex;align-items:center;gap:14px;min-width:0;padding:12px;border:1.5px solid var(--annai-ink)}
.annai-qr__code{flex:none;display:block;width:128px;height:128px}
.annai-qr__text{min-width:0}
.annai-qr__label{font-size:19px;font-weight:700;line-height:1.4}
.annai-qr__url{margin-top:6px !important;font-size:11px;line-height:1.5;word-break:break-all}
.annai-qr__url a{color:inherit;text-decoration:none}
.annai-handout__foot{margin-top:12px !important;font-size:13px;line-height:1.7}
.annai-handout__site{display:block;margin-top:2px;font-weight:700}

.annai-back{margin:24px 0 0}
.annai-pageqr{margin-top:28px}

/* せまい画面（紙には当てない。A4 の版面の幅は 700px より せまい） */
@media screen and (max-width:700px){
  .annai-sheet{padding:20px 16px}
  .annai-cut{margin-inline:-16px !important}
  .annai-title,.annai-handout__title{font-size:20px}
  .annai-qrs{grid-template-columns:minmax(0,1fr)}
  .annai-dest > div{grid-template-columns:minmax(0,1fr)}
}

/* 紙: A4・たて1枚。紙の1枚（.annai-sheet）だけを出す。版面は 297 − 10×2 ＝ 277mm。上（先生の手元用）は成り行き、
   配る部分は下の端にそろえる（切り取り線の位置を、どの単元でも下から同じ高さにする） */
@page{size:A4 portrait;margin:10mm 13mm}
@media print{
  html,body{background:#FFFFFF !important}
  body > *:not(main){display:none !important}
  .breadcrumb,.annai-intro,.annai-back,.annai-pageqr{display:none !important}
  .legal-sec.annai{padding:0}
  .annai .wrap{max-width:none;width:auto;margin:0;padding:0}
  .annai-sheet{
    display:flex;flex-direction:column;
    height:275mm;margin:0;padding:0;border:0;
    font-size:10.5pt;
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
  .annai-teacher{flex:none}
  .annai-top{padding-bottom:1.8mm;border-bottom-width:.6mm;font-size:9.5pt}
  .annai-top__tag{border-width:.35mm}
  .annai-title{margin-top:3mm;font-size:18pt;line-height:1.3}
  .annai-title__name{margin-top:.5mm;font-size:9.5pt}
  .annai-point{margin-top:1.2mm !important;font-size:10.5pt;line-height:1.5}
  .annai-h{margin:3.2mm 0 1.5mm;padding-left:2.5mm;border-left-width:1.4mm;font-size:11.5pt}
  .annai-list{font-size:10.5pt;line-height:1.5}
  .annai-list li + li{margin-top:.6mm}
  .annai-example{margin-top:2mm !important;padding:1.4mm 3mm;border-width:.35mm;font-size:10.5pt;line-height:1.5}
  .annai-example__label{font-size:9.5pt}
  .annai-dest{font-size:10pt;line-height:1.5}
  .annai-dest > div{grid-template-columns:30mm minmax(0,1fr)}
  .annai-dest > div + div{margin-top:.6mm}
  .annai-license{margin-top:2.8mm !important;padding-top:1.5mm;border-top-width:.3mm;font-size:8pt;line-height:1.5}
  .annai-license a{text-decoration:none}
  /* 切り取り線は配る部分のすぐ上。上（先生の手元用）との間の空きは成り行き（margin-top:auto） */
  .annai-cut{flex:none;height:6mm;line-height:6mm;margin:auto 0 0 !important;border-top:0}
  .annai-cut::before{content:"";position:absolute;left:0;right:0;top:3mm;border-top:.5mm dashed var(--annai-ink)}
  .annai-cut span{font-size:8.5pt;line-height:6mm;transform:none}
  .annai-handout{flex:none;padding-top:1mm;break-inside:avoid}
  .annai-handout__grade{font-size:10.5pt}
  .annai-handout__title{font-size:18pt;line-height:1.3}
  .annai-handout__lead{margin-top:1.2mm !important;font-size:10.5pt;line-height:1.5}
  .annai-qrs{gap:5mm;margin-top:3mm}
  .annai-qr{gap:4mm;padding:2.5mm 3mm;border-width:.4mm}
  .annai-qr__code{width:33mm;height:33mm}
  .annai-qr__label{font-size:14pt}
  .annai-qr__url{margin-top:1.5mm !important;font-size:8pt}
  .annai-handout__foot{margin-top:2.5mm !important;font-size:9.5pt;line-height:1.5}
}