/* grade2 公式テキストの本文組版。sushiken-textbook/grade2/template.html から
   tools/export_site.py が生成。手で直さない（教本側を直して書き出し直す）。 */
.tb-doc{--paper:#FAFAF7;        
  --surface:#FFFFFF;
  --surface-2:#F1F0EA;
  --ink:#1B1B1A;
  --muted:#5F5E57;
  --line:#D9D7CE;
  --accent:#B5121B;       
  --accent-soft:#F8E6E6;
  --accent-2:#244B6B;     
  --accent-2-soft:#E6EDF3;
  --accent-3:#2F6B5E;     
  --accent-3-soft:#E4EFEB;
  --gold:#8A6D2F;
  --shadow:0 1px 2px rgba(27,27,26,.06),0 8px 24px rgba(27,27,26,.06);
  --font-display:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  --font-body:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  --hero-bg:#0D0E10;
  --hero-ink:#F4F1EA;
  --hero-muted:#A9A69C;
  --seal:#C8102E;
  --fs:17px;
  --measure:40.5rem;
  --rail:17.5rem;
  --bar:3.25rem;}
.tb-doc *,.tb-doc *::before,.tb-doc *::after{box-sizing:border-box}
@media (prefers-reduced-motion: reduce){.tb-doc *{transition:none!important;animation:none!important}}
.tb-doc{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs);line-height:1.95;font-feature-settings:"palt" 0;text-rendering:optimizeLegibility}
.tb-doc a{color:var(--accent-2);text-decoration:none}
.tb-doc a:hover{text-decoration:underline}
.tb-doc :focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:2px}
.tb-doc img,.tb-doc svg{max-width:100%}
.tb-doc h1,.tb-doc h2,.tb-doc h3,.tb-doc h4,.tb-doc h5{font-family:var(--font-display);font-weight:700;line-height:1.4;text-wrap:balance;margin:0}
.tb-doc p{margin:0}
.tb-doc ul,.tb-doc ol{margin:0;padding-left:1.4em}
.tb-doc li+li{margin-top:.35em}
.tb-doc strong{font-weight:700}
.tb-doc dfn{font-style:normal;font-weight:700;color:var(--accent-2);border-bottom:1px dotted var(--accent-2)}
.tb-doc small{font-size:.85em;color:var(--muted)}
.tb-doc sup,.tb-doc sub{line-height:0}
.tb-doc .tb-part-divider{margin:5.5rem 0 3rem;scroll-margin-top:calc(var(--bar) + 1rem)}
.tb-doc .tb-part-divider .tb-pd-cap{padding:2rem 0 1rem;border-top:3px solid var(--accent)}
.tb-doc .tb-part-divider .tb-pn{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.3em;color:var(--accent)}
.tb-doc .tb-part-divider h2{margin-top:.4rem;font-size:clamp(1.9rem,4.4vw,2.6rem);letter-spacing:.06em}
.tb-doc .tb-part-divider .tb-psub{color:var(--muted);font-family:var(--font-display);margin-top:.35rem;font-size:1.05rem}
.tb-doc .tb-part-divider .tb-pd-photo{position:relative;margin:0;border-radius:6px;overflow:hidden;aspect-ratio:21/9;max-width:100%;background:#111}
.tb-doc .tb-part-divider .tb-pd-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tb-doc .tb-part-divider .tb-pd-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.72) 0%,rgba(8,8,10,.35) 45%,rgba(8,8,10,0) 75%)}
.tb-doc .tb-part-divider .tb-pd-photo .tb-pd-cap{position:absolute;left:0;bottom:0;z-index:1;border:0;padding:1.6rem 1.8rem;color:#fff}
.tb-doc .tb-part-divider .tb-pd-photo .tb-pn{color:#fff;display:inline-block;background:var(--seal);padding:.15rem .6rem;font-size:.82rem;letter-spacing:.24em}
.tb-doc .tb-part-divider .tb-pd-photo h2{color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.4)}
.tb-doc .tb-part-divider .tb-pd-photo .tb-psub{color:rgba(255,255,255,.85)}
.tb-doc .tb-part-divider ol{margin-top:1.4rem;padding:0;list-style:none;font-size:.92rem;columns:2;column-gap:2rem;border-bottom:1px solid var(--line);padding-bottom:1.4rem}
.tb-doc .tb-part-divider ol li{break-inside:avoid;padding:.2rem 0;display:flex;gap:.6rem}
.tb-doc .tb-part-divider ol li .tb-n{color:var(--muted);flex:0 0 3.4em;white-space:nowrap;font-variant-numeric:tabular-nums}
.tb-doc .tb-part-divider ol li a{color:var(--ink)}
@media (max-width:600px){.tb-doc .tb-part-divider ol{columns:1}.tb-doc .tb-part-divider .tb-pd-photo{aspect-ratio:4/3}.tb-doc .tb-part-divider .tb-pd-photo::after{background:linear-gradient(0deg,rgba(8,8,10,.78) 0%,rgba(8,8,10,.25) 55%,rgba(8,8,10,0) 80%)}.tb-doc .tb-part-divider .tb-pd-photo .tb-pd-cap{padding:1.1rem 1.1rem}}
.tb-doc table.tb-groups td.tb-ratio{min-width:9rem;white-space:nowrap}
.tb-doc table.tb-groups thead th,.tb-doc table.tb-groups tbody th{white-space:nowrap}
.tb-doc table.tb-groups td:nth-child(2){min-width:10rem}
.tb-doc .tb-ratio-bar{display:inline-block;vertical-align:middle;height:.6rem;width:calc(var(--w) * .28rem);background:var(--accent);border-radius:2px;margin-right:.5rem}
.tb-doc .tb-ratio-num{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}
.tb-doc .tb-chapter{margin-top:4.5rem;scroll-margin-top:calc(var(--bar) + 1rem)}
.tb-doc .tb-chapter-head{display:grid;grid-template-columns:auto 1fr;gap:0 1.5rem;align-items:start;padding-bottom:1.75rem;border-bottom:1px solid var(--line);margin-bottom:2.25rem}
.tb-doc .tb-chapter-eyebrow{grid-column:1 / -1;font-size:.78rem;letter-spacing:.14em;color:var(--muted);font-family:var(--font-display);margin-bottom:.6rem}
.tb-doc .tb-chapter-num{writing-mode:vertical-rl;font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:1.05rem;letter-spacing:.25em;border-left:3px solid var(--accent);padding-left:.55rem;margin-top:.35rem;line-height:1}
.tb-doc .tb-chapter-head h2{font-size:clamp(1.65rem,3.6vw,2.15rem);letter-spacing:.04em;line-height:1.35}
.tb-doc .tb-chapter-head .tb-lead{grid-column:2;margin-top:1rem;font-family:var(--font-display);font-size:1.02rem;line-height:2;color:var(--ink)}
.tb-doc .tb-chapter-head .tb-objectives{grid-column:2;margin-top:1.4rem;background:var(--surface-2);border-radius:6px;padding:.9rem 1.1rem;font-size:.9rem}
.tb-doc .tb-chapter-head .tb-objectives .tb-box-title{font-family:var(--font-display);font-weight:700;letter-spacing:.08em;font-size:.82rem;color:var(--accent-2);margin-bottom:.3rem}
.tb-doc .tb-chapter-head .tb-objectives ul{padding-left:1.2em}
.tb-doc .tb-chapter-head .tb-objectives li+li{margin-top:.15em}
@media (max-width:600px){.tb-doc .tb-chapter-head{grid-template-columns:1fr;gap:.6rem}.tb-doc .tb-chapter-num{writing-mode:horizontal-tb;border-left:0;border-bottom:2px solid var(--accent);padding:0 0 .2rem;margin:0;display:inline-block;letter-spacing:.2em}.tb-doc .tb-chapter-head .tb-lead,.tb-doc .tb-chapter-head .tb-objectives{grid-column:1}}
.tb-doc .tb-chapter h3{font-size:1.3rem;letter-spacing:.03em;margin:3rem 0 1rem;padding-top:.5rem;scroll-margin-top:calc(var(--bar) + 1rem);position:relative}
.tb-doc .tb-chapter h3::before{content:"";position:absolute;left:0;top:0;width:2.25rem;height:2px;background:var(--accent)}
.tb-doc .tb-chapter h4{font-size:1.05rem;margin:2rem 0 .6rem;color:var(--ink);letter-spacing:.02em}
.tb-doc .tb-chapter h4::before{content:"◆";font-size:.6em;color:var(--accent-2);margin-right:.5em;vertical-align:.2em}
.tb-doc .tb-chapter p{margin:0 0 1.1em}
.tb-doc .tb-chapter > ul,.tb-doc .tb-chapter > ol{margin:0 0 1.2em}
.tb-doc .tb-chapter li{padding-left:.15em}
.tb-doc .tb-chapter ol.tb-steps{counter-reset:step;list-style:none;padding:0;margin:0 0 1.4em}
.tb-doc .tb-chapter ol.tb-steps li{position:relative;padding:.6rem 0 .6rem 2.75rem;border-top:1px solid var(--line);counter-increment:step}
.tb-doc .tb-chapter ol.tb-steps li:last-child{border-bottom:1px solid var(--line)}
.tb-doc .tb-chapter ol.tb-steps li::before{content:counter(step);position:absolute;left:0;top:.7rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--accent-2);color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:.9rem;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.tb-doc .tb-chapter ol.tb-steps li strong{display:block;font-family:var(--font-display);margin-bottom:.1rem}
.tb-doc .tb-chapter dl.tb-terms{margin:0 0 1.4em;display:grid;grid-template-columns:minmax(8em,auto) 1fr;gap:.35rem 1.25rem}
.tb-doc .tb-chapter dl.tb-terms dt{font-weight:700;font-family:var(--font-display);color:var(--accent-2)}
.tb-doc .tb-chapter dl.tb-terms dd{margin:0}
@media (max-width:600px){.tb-doc .tb-chapter dl.tb-terms{grid-template-columns:1fr;gap:0}.tb-doc .tb-chapter dl.tb-terms dd{margin-bottom:.6rem}}
.tb-doc .tb-box{margin:1.6rem 0;padding:1rem 1.2rem 1rem 1.2rem;border-radius:6px;background:var(--surface-2);border-left:4px solid var(--muted);font-size:.95rem;line-height:1.9}
.tb-doc .tb-box .tb-box-title{font-family:var(--font-display);font-weight:700;letter-spacing:.1em;font-size:.84rem;margin-bottom:.45rem;display:flex;align-items:center;gap:.5rem}
.tb-doc .tb-box .tb-box-title::before{content:"";width:.7rem;height:.7rem;border-radius:2px;background:currentColor;flex:none}
.tb-doc .tb-box p{margin:0 0 .6em}
.tb-doc .tb-box p:last-child,.tb-doc .tb-box ul:last-child,.tb-doc .tb-box ol:last-child{margin-bottom:0}
.tb-doc .tb-box-exam{border-left-color:var(--accent);background:var(--accent-soft)}
.tb-doc .tb-box-exam .tb-box-title{color:var(--accent)}
.tb-doc .tb-box-pro{border-left-color:var(--gold);background:var(--surface-2)}
.tb-doc .tb-box-pro .tb-box-title{color:var(--gold)}
.tb-doc .tb-box-pro .tb-box-title::before{border-radius:50%}
.tb-doc .tb-box-world{border-left-color:var(--accent-3);background:var(--accent-3-soft)}
.tb-doc .tb-box-world .tb-box-title{color:var(--accent-3)}
.tb-doc .tb-box-danger{border-left-color:var(--accent);background:var(--accent);color:#fff}
.tb-doc .tb-box-danger .tb-box-title{color:#fff}
.tb-doc .tb-box-danger .tb-box-title::before{background:#fff;transform:rotate(45deg);border-radius:0}
.tb-doc .tb-box-danger dfn{color:#fff;border-bottom-color:#fff}
.tb-doc .tb-box-danger a{color:#fff;text-decoration:underline}
.tb-doc .tb-box-science{border-left-color:var(--accent-2);background:var(--accent-2-soft)}
.tb-doc .tb-box-science .tb-box-title{color:var(--accent-2)}
.tb-doc .tb-box-talk{background:var(--surface);border:1px dashed var(--line);border-left:1px dashed var(--line);border-radius:10px;padding:1.05rem 1.25rem 1.05rem 1.25rem;position:relative}
.tb-doc .tb-box-talk .tb-box-title{color:var(--accent);letter-spacing:.16em}
.tb-doc .tb-box-talk .tb-box-title::before{content:"話";width:1.55rem;height:1.55rem;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:.8rem;font-weight:700;display:grid;place-items:center;letter-spacing:0}
.tb-doc .tb-chapter-head .tb-ch-photo{grid-column:1 / -1;margin:0 0 1.6rem;border-radius:6px;overflow:hidden;aspect-ratio:21/9;max-width:100%;background:var(--surface-2)}
.tb-doc .tb-chapter-head .tb-ch-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:600px){.tb-doc .tb-chapter-head .tb-ch-photo{aspect-ratio:16/9;margin-bottom:1.1rem}}
.tb-doc .tb-table-wrap{overflow-x:auto;margin:1.6rem 0;-webkit-overflow-scrolling:touch}
.tb-doc table.tb-data{border-collapse:collapse;width:100%;min-width:28rem;font-size:.88rem;line-height:1.6;font-variant-numeric:tabular-nums}
.tb-doc table.tb-data caption{text-align:left;font-family:var(--font-display);font-weight:700;font-size:.9rem;padding:0 0 .5rem;color:var(--ink);caption-side:top}
.tb-doc table.tb-data th,.tb-doc table.tb-data td{padding:.55rem .7rem;border-top:1px solid var(--line);vertical-align:top;text-align:left}
.tb-doc table.tb-data thead th{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);font-weight:700;background:transparent;font-size:.84rem;letter-spacing:.04em}
.tb-doc table.tb-data tbody th{font-weight:700;white-space:nowrap}
.tb-doc table.tb-data tbody tr:last-child td,.tb-doc table.tb-data tbody tr:last-child th{border-bottom:2px solid var(--ink)}
.tb-doc table.tb-data tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-2) 60%,transparent)}
.tb-doc figure.tb-fig{margin:1.8rem 0;padding:1rem;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.tb-doc figure.tb-fig svg{display:block;width:100%;height:auto;font-family:var(--font-body)}
.tb-doc figure.tb-fig figcaption{margin-top:.6rem;font-size:.84rem;color:var(--muted);text-align:center}
.tb-doc .tb-summary{margin-top:3.5rem;padding:1.4rem 1.5rem;border:1px solid var(--line);border-top:3px solid var(--ink);background:var(--surface);border-radius:0 0 6px 6px}
.tb-doc .tb-summary h3{margin:0 0 .8rem;font-size:1.05rem;letter-spacing:.14em;padding:0}
.tb-doc .tb-summary h3::before{display:none}
.tb-doc .tb-summary ul{padding-left:1.3em;font-size:.95rem}
.tb-doc .tb-summary li{padding-left:.1em}
.tb-doc .tb-quiz{margin-top:2rem}
.tb-doc .tb-quiz h3{font-size:1.05rem;letter-spacing:.14em;margin:0 0 .8rem;padding:0}
.tb-doc .tb-quiz h3::before{display:none}
.tb-doc .tb-quiz details{border:1px solid var(--line);border-radius:6px;background:var(--surface);margin-bottom:.7rem;overflow:hidden}
.tb-doc .tb-quiz summary{cursor:pointer;padding:.9rem 1.1rem .9rem 3.2rem;position:relative;font-size:.95rem;line-height:1.85;list-style:none}
.tb-doc .tb-quiz summary::-webkit-details-marker{display:none}
.tb-doc .tb-quiz summary::before{content:"問";position:absolute;left:.9rem;top:.95rem;width:1.7rem;height:1.7rem;border-radius:3px;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.85rem;display:grid;place-items:center}
.tb-doc .tb-quiz summary::after{content:"答えを見る";position:absolute;right:1rem;top:1rem;font-size:.75rem;color:var(--accent-2);letter-spacing:.05em}
.tb-doc .tb-quiz details[open] summary::after{content:"閉じる"}
.tb-doc .tb-quiz .tb-a{padding:.9rem 1.1rem 1rem 3.2rem;border-top:1px dashed var(--line);background:var(--surface-2);font-size:.92rem}
.tb-doc .tb-quiz .tb-a p{margin:0 0 .5em}
.tb-doc .tb-quiz .tb-a p:last-child{margin:0}
.tb-doc .tb-appendix table.tb-data{font-size:.84rem}
.tb-doc .tb-appendix dl.tb-terms{font-size:.93rem}
.tb-doc .tb-appendix .tb-kana{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:1.1rem;margin:2rem 0 .6rem;border-bottom:1px solid var(--line)}