/* ★2026-11-04 v1.6 の表紙の絵（site/make_guide_css_v16.py が public/guide.css から作る）。先生用タブレットの本は、英語のページで英語の画面の表紙 */
:root{--tbhero:url(/img/v17/bg/tablet_hero.jpg)}
html[lang="en"]{--tbhero:url(/img/v17/bg/tablet_hero_en.jpg)}
/* ガイドブック3冊（/quest・/tablet・/files/enecra-manual.html）★2026-10-25
   TAKURO「ガイドブック3種の表示方法及びデザインも、新しい今のデザインのサイトに合わせてほしい。また、PDFでもダウンロードできるようにしてほしい」
   土台＝/map.css（左のメニュー・色・ボタン）。中身の部品の形＝本のページの中の style（v1.5 の道具の出力のまま）。
   ここ＝その上から、紙の地図の色に塗り替える：紺の帯→こげ茶の板・白い紙→生成りの紙とこげ茶の線・下に段差の影・見出しはドットの字。
   本の色＝クエスト 金／先生用タブレット 青／部品ずかん 緑（上の札と左の帯）。章の色（--c）は本の中の色のまま。
   印刷と PDF＝左のメニュー・上の札・もくじを出さず、白い紙に。A4 の幅で2列の並びがくずれないよう、PDF は 0.78 倍で刷る（make_guide_pdfs.mjs） */

/* ═══ 枠＝左のメニュー＋上の札＋本文＋右のもくじ ═══ */
.gd-body,.gd-body.gd-quest,.gd-body.gd-tablet,.gd-body.gd-manual{background:var(--paper)}
.gd-body:before{display:none !important}
.gd-shell{width:min(100% - 2 * var(--gut),1560px);margin:0 auto;padding:clamp(18px,2.4vw,32px) 0 clamp(36px,4vw,56px)}
.gd-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 22px;align-items:end;padding-bottom:16px;margin-bottom:22px;border-bottom:2px dashed var(--line2)}
.gd-head .crumb{grid-column:1/-1;margin:0}
.gd-books{display:flex;flex-wrap:wrap;gap:8px}
.gd-books a{display:flex;align-items:center;gap:9px;padding:6px 14px 7px 9px;border:2px solid var(--ink);border-top:6px solid var(--bc);border-radius:4px;background:var(--card);
  text-decoration:none;color:var(--ink);box-shadow:0 3px 0 var(--ink);transition:transform .12s}
.gd-books a:hover{transform:translateY(-2px);background:var(--card-hi)}
.gd-books a img{width:28px;height:28px;flex:none;image-rendering:pixelated;object-fit:contain}
.gd-books a span{font-family:var(--pix);font-size:.98rem;line-height:1.3}
.gd-books a small{display:block;font-family:var(--sans);font-size:.7rem;color:var(--sub);letter-spacing:.04em}
.gd-books a[aria-current="page"]{background:var(--side);color:#fff6dc;box-shadow:0 3px 0 #000}
.gd-books a[aria-current="page"] small{color:var(--side-sub)}
.gd-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;max-width:360px}
.gd-acts .btn{font-size:.98rem;padding:8px 14px}
.gd-acts .btn small{font-family:var(--sans);font-size:.72rem;opacity:.75;margin-left:2px}
.gd-note{flex-basis:100%;margin:0;text-align:right;font-size:.76rem;color:var(--sub);line-height:1.5}
.gd-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;align-items:start}
.gd-doc{min-width:0}
.gd-toc{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-width:thin;background:var(--card);border:2px solid var(--ink);border-radius:4px;
  box-shadow:0 4px 0 var(--ink);padding:12px 10px 10px;border-top:6px solid var(--bk)}
.gd-toc-h{margin:0 6px 6px;font-family:var(--pix);font-size:1rem;color:var(--ink)}
.gd-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.gd-toc li a{display:flex;gap:8px;align-items:baseline;padding:4px 8px;border-radius:3px;text-decoration:none;font-size:.84rem;line-height:1.45;color:var(--ink2)}
.gd-toc li a b{font-family:var(--pix);font-weight:400;color:var(--c);min-width:1.5em;text-align:center;filter:brightness(.82)}
.gd-toc li a:hover{background:var(--paper)}
.gd-toc li a.on{background:var(--paper2);color:var(--ink);box-shadow:inset 4px 0 0 var(--c);font-weight:700}
.gd-top{display:block;margin:8px 6px 0;padding-top:8px;border-top:1px dashed var(--line2);font-size:.78rem;color:var(--sub);text-decoration:none}
@media (max-width:1279.98px){ .gd-grid{grid-template-columns:minmax(0,1fr)} .gd-toc{display:none} }
@media (max-width:760px){ .gd-head{grid-template-columns:1fr} .gd-acts{justify-content:flex-start} .gd-note{text-align:left}
  .gd-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .gd-books a{flex-direction:column;gap:3px;padding:6px 4px 7px;text-align:center}
  .gd-books a small{display:none} .gd-books a span{font-size:.76rem;line-height:1.3;word-break:keep-all}   /* 本の名前は区切り（wbr）でだけ折る */ .gd-books a img{width:24px;height:24px} }

/* ═══ 本の中（クエストと住人・部品ずかん＝.gb）═══ */
.gd-doc .gb{--ink:#2a231b;--sub:#7a6d58;--line:#cbbb93;--paper:#fffdf6;--navy:#2e261d;--gold:#d99a1e;max-width:none;margin:0;padding:0;color:var(--ink2)}
.gd-doc .gb b{color:inherit}
/* 表紙＝こげ茶の板（絵の上に、左から濃く） */
.gd-doc .gb-cover{border:2px solid #000;border-radius:4px;box-shadow:0 6px 0 #000;padding:36px 38px 32px}
.gd-quest .gd-doc .gb-cover{background:linear-gradient(110deg,rgba(28,22,16,.96) 0%,rgba(34,28,21,.88) 42%,rgba(34,28,21,.32) 78%,rgba(34,28,21,.1) 100%),
  url(/img/v16/bg/quest_hero.jpg) 72% 55%/cover no-repeat,#221c15}
.gd-doc .gb-cover.pz{background:linear-gradient(120deg,rgba(28,22,16,.95) 0%,rgba(34,28,21,.8) 55%,rgba(34,28,21,.32) 100%),var(--hero) center/cover no-repeat,#221c15}
.gd-doc .gb-cover:before{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.025) 0 14px,transparent 14px 28px)}
.gd-doc .gb-cover .ver{color:var(--gold-lt)}
.gd-doc .gb-cover h1{font-family:var(--pix);font-weight:400;color:#fff6dc;letter-spacing:.03em;font-size:clamp(1.9rem,3vw,2.9rem)}
.gd-doc .gb-cover h1 small{font-family:var(--sans);font-weight:700;color:#cbbf9f}
.gd-doc .gb-cover p{color:#e9dfc6}
.gd-doc .gb-cover p b{color:#fff6dc}
.gd-doc .gb-toc a{background:rgba(255,246,220,.07);border-color:rgba(255,246,220,.2);border-radius:3px;color:#fff6dc}
.gd-doc .gb-toc a:hover{background:rgba(255,246,220,.16)}
.gd-doc .gb-cover .stat span{background:rgba(255,246,220,.08);border-color:rgba(255,246,220,.22);border-radius:3px;color:#fff6dc}
.gd-doc .gb-cover .stat b{color:var(--gold-lt)}
@media (max-width:760px){
  .gd-quest .gd-doc .gb-cover{background:linear-gradient(180deg,rgba(28,22,16,0) 0,rgba(28,22,16,.1) 150px,rgba(28,22,16,.92) 300px,rgba(28,22,16,.97) 100%),
    url(/img/v16/bg/quest_hero.jpg) 68% 0/auto 330px no-repeat,#221c15;padding:250px 20px 24px}
  .gd-doc .gb-cover{padding:26px 20px 22px}
}
/* 章＝紙の板（こげ茶の線と下の段差）。見出しの帯＝こげ茶・番号＝章の色 */
.gd-doc .gb-ch{background:var(--card);margin-top:28px;border:2px solid var(--ink);border-radius:4px;box-shadow:0 5px 0 var(--ink);overflow:hidden;scroll-margin-top:16px}
.gd-doc .gb-ch-h{background:var(--side);border-bottom:2px solid #000}
.gd-doc .gb-ch-h .no{border-right:2px solid #000}
.gd-doc .gb-ch-h h2{font-family:var(--pix);font-weight:400;color:#fff6dc;font-size:1.65rem}
.gd-doc .gb-ch-h p{color:#cbbf9f}
.gd-doc .gb-body{border-left-width:6px}
.gd-doc .gb-h3{font-family:var(--pix);font-weight:400;font-size:1.12rem;color:var(--ink);background:var(--paper2);border-radius:0 3px 3px 0}
.gd-doc .shot,.gd-doc .gb .sh img{border:3px solid var(--ink);border-radius:3px;box-shadow:0 4px 0 var(--ink)}
.gd-doc .shot{overflow:hidden}
.gd-doc .shot.ph{border:0;box-shadow:none}
/* カード（クエスト・住人・ミッション・部品・作り方・数字）＝紙の札 */
.gd-doc .qc,.gd-doc .zc,.gd-doc .mc,.gd-doc .pc,.gd-doc .rc,.gd-doc .kn section,.gd-doc .play div,.gd-doc .money div,.gd-doc .s3e div,.gd-doc .roles div,.gd-doc .tr div{
  background:#fffefa;border:2px solid var(--ink);border-radius:4px;box-shadow:0 3px 0 var(--ink)}
.gd-doc .s3e div,.gd-doc .roles div{border-top-width:6px}
.gd-doc .tr div{border-left:6px solid #cf4a32}
.gd-doc .qc,.gd-doc .zc,.gd-doc .mc,.gd-doc .pc,.gd-doc .kn section{overflow:hidden}
.gd-doc .qc-h,.gd-doc .pc-h,.gd-doc .kn h4,.gd-doc table.gt thead th{background:var(--side);color:#fff6dc}
.gd-doc .qc-h h4,.gd-doc .pc-h h4,.gd-doc .mc-b h4,.gd-doc .zc-top h4,.gd-doc .kn h4{font-family:var(--pix);font-weight:400}
.gd-doc .qc-h .fr{color:var(--gold-lt)}
/* map.css は見出しと太字を濃い字にしている＝こげ茶の帯の中は明るい字に戻す（前の site.css は白のまま継いでいた） */
.gd-doc .qc-h h4,.gd-doc .pc-h h4,.gd-doc .kn h4,.gd-doc .gb-ch-h h2,.gd-doc .warn .wh,.gd-doc .zc .say b,.gd-doc .mail b{color:#fff6dc}
.gd-doc .qc-ic,.gd-doc .pc-ics .ic{background:var(--paper);border-color:var(--line)}
.gd-doc .dt dt{background:#7a6d58;border-radius:2px}
.gd-doc .dt dt.h{background:#2f6497}
.gd-doc .qc .dt dt.g{background:#3f7d36}
.gd-doc .qc .dt dt.r{background:#b7641c}
.gd-doc .stars{color:var(--gold)}
.gd-doc details.spoil summary,.gd-doc .pd summary{color:#b8452e}
.gd-doc .ansall{background:var(--side);color:#fff6dc;border:2px solid #000;border-radius:3px;box-shadow:0 3px 0 #000;font-family:var(--pix);font-weight:400}
.gd-doc .zc-top{background:linear-gradient(var(--paper),#fffefa)}
.gd-doc .zc-top .pic{background:var(--paper2);border-color:var(--line)}
.gd-doc .zc .say{background:var(--talk);color:var(--talk-line);border:2px solid #000;border-radius:3px}
.gd-doc .zc .say:before{border-bottom-color:#000}
.gd-doc .zc .cond b{color:var(--green-dk)}
.gd-doc .chart .st{background:#fffefa;border-radius:3px}
.gd-doc .tip{background:#fff4ee;border:2px solid #cf4a32;border-radius:3px}
.gd-doc .tip b{color:#b8452e}
.gd-doc .mail{background:var(--talk);color:var(--talk-line);border:2px solid #000;outline:2px solid var(--talk-line);outline-offset:-6px;border-radius:2px;box-shadow:0 4px 0 #000}
.gd-doc .mail .from{color:var(--gold-lt)}
.gd-doc table.gt{background:#fffefa}
.gd-doc table.gt td.who{background:var(--paper)}
.gd-manual .gd-doc .gb-ch,.gd-manual .gd-doc .pc{scroll-margin-top:74px}   /* 上に止まる「名前でさがす」の下に章の見出しが出るように */
.gd-doc .pz-find{top:10px;border:2px solid var(--ink);border-radius:4px;box-shadow:0 3px 0 var(--ink);background:#fffefa}
.gd-doc .pc-go a{border-radius:2px}
.gd-doc .res div{background:var(--paper)}
.gd-doc .cab{background:#fffefa;border-color:var(--line2);border-radius:3px}
.gd-doc .mc-b .items span{background:var(--paper2);border-radius:2px}
.gd-doc .gb-foot{color:var(--sub)}

/* ═══ 先生用タブレットとミッション（.mn）═══ */
.gd-doc .mn{--ink:#2a231b;--sub:#7a6d58;--blue:#2f6497;--line:#cbbb93;max-width:none;margin:0;padding:0;color:var(--ink2)}
.gd-doc .pg{background:var(--card);border:2px solid var(--ink);border-radius:4px;box-shadow:0 5px 0 var(--ink);scroll-margin-top:16px}
.gd-doc .cover{border-top:0;overflow:hidden}
.gd-doc .cover .hero{border-bottom:2px solid var(--ink)}
.gd-doc .cover .kind{font-family:var(--pix);font-weight:400;color:var(--ink)}
.gd-doc .cover .model span{color:var(--blue)}
.gd-doc .mh{border-bottom-color:var(--blue)}
.gd-doc .mh .n{font-family:var(--pix);font-weight:400;border-radius:2px}
.gd-doc .mh h2{font-family:var(--pix);font-weight:400;color:var(--ink)}
.gd-doc .mh3{font-family:var(--pix);font-weight:400;color:var(--ink)}
.gd-doc .mn .note{background:#eef3f9;color:var(--ink2);font-size:inherit}
.gd-doc .warn{border:2px solid var(--ink);border-radius:3px;overflow:hidden}
.gd-doc .warn .wh{background:var(--side)}
.gd-doc table.tb th{background:var(--paper2)}
.gd-doc table.tb td.k{background:var(--paper)}
.gd-doc .mis{border:2px solid var(--ink);border-radius:4px;box-shadow:0 3px 0 var(--ink);overflow:hidden;background:#fffefa}
.gd-doc .mis-b h4{font-family:var(--pix);font-weight:400}
.gd-doc .mn .chips span{background:#eef3f9;border-color:#c6d6ea;border-radius:2px}
.gd-doc .mn .sh img{border:2px solid var(--ink);border-radius:3px}
.gd-doc .mtoc a{border-bottom-color:var(--line2)}
/* ★10/25 先生用タブレットとミッションの表紙＝クエストの本と同じ作り（こげ茶の板に絵が重なる・題・説明・章の札）
   TAKURO「ミッションの説明って学校というより、イベントや研修で使うイメージ…エネクラクエストとまちの住人ぐらいクオリティ上げて」
   絵＝まち越しの発電所と、実機の先生用・生徒のタブレット（tools/make_tablet_hero.py）＝右の4割にタブレット */
.gd-doc .pg.tb-cover{--band:450px;position:relative;overflow:hidden;color:#fff6dc;padding:38px 40px 30px;border:2px solid #000;border-radius:4px;box-shadow:0 6px 0 #000;
  background:#221c15}
/* 上の帯（高さ --band）の右に絵（.tb-art）。★10/25 TAKURO「街の背景が画像の四角の輪郭がはっきり残っているのが違和感ある。輪郭線を薄くして」
   ＝絵の左のはしと下のはしに、地と同じこげ茶（#221c15）から透明へのぼかしを重ねて溶かす。
   （はじめは mask で透かしたが、PDF に刷ると mask が効かず四角が残った＝重ねるぼかしなら画面も印刷も同じ） */
.gd-doc .tb-cover > .tb-art{position:absolute;z-index:0;top:0;right:0;width:calc(var(--band) * 1.7778);max-width:100%;height:var(--band);pointer-events:none;
  background:linear-gradient(180deg,rgba(34,28,21,0) 60%,#221c15 100%),
    linear-gradient(90deg,#221c15 0%,rgba(34,28,21,.62) 20%,rgba(34,28,21,.2) 40%,rgba(34,28,21,0) 55%),
    var(--tbhero) 100% 0/cover no-repeat}
.gd-doc .tb-cover:before{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.025) 0 14px,transparent 14px 28px);pointer-events:none}
.gd-doc .tb-cover > *:not(.tb-art){position:relative;z-index:2}
.gd-doc .tb-cover .tb-model{margin:0;font-family:var(--pix);font-size:1rem;letter-spacing:.06em;color:var(--gold-lt);font-weight:400}
.gd-doc .tb-cover .tb-model span{color:var(--gold-lt);font-family:var(--pix)}
.gd-doc .tb-cover h1.kind{margin:.35rem 0 .7rem;max-width:60%;font-family:var(--pix);font-weight:400;font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.25;letter-spacing:.03em;color:#fff6dc;word-break:keep-all}
.gd-doc .tb-cover .lead{margin:0;padding:0;border:0;list-style:none;max-width:50%;min-height:calc(var(--band) - 210px);font-size:.98rem;line-height:1.9;color:#e9dfc6}
.gd-doc .tb-cover .lead li + li{margin-top:.35rem}
.gd-doc .tb-cover .lead a{color:var(--gold-lt)}
.gd-doc .tb-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:26px}
.gd-doc .tb-toc a{display:flex;gap:.6rem;align-items:center;background:rgba(255,246,220,.07);border:1px solid rgba(255,246,220,.2);border-radius:3px;color:#fff6dc;
  text-decoration:none;padding:.5rem .7rem;font-weight:700;font-size:.9rem;line-height:1.45}
.gd-doc .tb-toc a b{font-family:var(--pix);font-weight:400;color:var(--gold-lt);font-size:1.1rem;min-width:1.3em;text-align:center}
.gd-doc .tb-toc a:hover{background:rgba(255,246,220,.16)}
.gd-doc .tb-cap{margin:10px 0 0;text-align:right;font-size:.74rem;line-height:1.4;color:#a8997c}
@media (max-width:960px){
  .gd-doc .pg.tb-cover{padding:250px 22px 26px}
  /* 狭い画面＝絵は上に高さ 330px。はばが絵より広い時（タブレット・印刷の A4）は右に寄るので、左のはしも溶かす（下のはしと両方） */
  .gd-doc .tb-cover > .tb-art{left:auto;right:0;width:min(100%,587px);max-width:none;height:330px;
    background:linear-gradient(180deg,rgba(34,28,21,0) 45%,#221c15 92%),
      linear-gradient(90deg,#221c15 0%,rgba(34,28,21,.72) 16%,rgba(34,28,21,.34) 36%,rgba(34,28,21,.1) 52%,rgba(34,28,21,0) 64%),
      var(--tbhero) 92% 0/auto 330px no-repeat}
  .gd-doc .tb-cover:before{top:250px}
  .gd-doc .tb-cover .lead{max-width:none;min-height:0}
  .gd-doc .tb-cover h1.kind{max-width:none}
  .gd-doc .tb-toc{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){ .gd-doc .tb-toc{grid-template-columns:1fr} }
/* スマホ（はばが絵より狭い）＝絵は左右いっぱい＝左のはしは表紙のふち＝左のぼかしは要らない（下だけ） */
@media (max-width:600px){
  .gd-doc .tb-cover > .tb-art{background:linear-gradient(180deg,rgba(34,28,21,0) 45%,#221c15 92%),var(--tbhero) 92% 0/auto 330px no-repeat}
}

/* ═══ 利用条件（/license）・送っていただいた内容の扱い（/privacy）★10/25 TAKURO「同じ形に作り直して」═══
   利用条件＝表紙の札（題と最終更新）＋紙の書類。前の style は全体に効く書き方（body・h2・p・.foot）だったので使わず、ここで描く */
.gd-doc-page .gd-head{grid-template-columns:minmax(0,1fr) auto}
.gd-doc-page .gd-acts{max-width:none}
.lic-cover{background:var(--side);color:#fff6dc;border:2px solid #000;border-radius:4px;box-shadow:0 5px 0 #000;padding:26px 30px 24px;
  background-image:linear-gradient(90deg,var(--gold) 0 100%);background-size:100% 6px;background-repeat:no-repeat}
.lic-k{margin:0;font-family:var(--pix);font-size:.92rem;color:var(--gold-lt);letter-spacing:.04em}
.lic-cover h1{margin:4px 0 8px;font-family:var(--pix);font-weight:400;font-size:clamp(1.8rem,2.6vw,2.4rem);color:#fff6dc}
.lic-lead{margin:0;font-size:.95rem;line-height:1.8;color:#e9dfc6}
.lic-meta{margin:10px 0 0;font-size:.82rem;color:#cbbf9f}
.lic-sheet{margin-top:22px;background:var(--card);border:2px solid var(--ink);border-radius:4px;box-shadow:0 5px 0 var(--ink);padding:clamp(22px,3vw,40px) clamp(18px,3.4vw,46px);
  color:var(--ink2);line-height:1.95}
.lic-sheet p,.lic-sheet li{font-size:.97rem;color:var(--ink2)}
.lic-sheet p + p{margin-top:8px}
.lic-sheet h2{margin:30px 0 10px;scroll-margin-top:16px;font-family:var(--pix);font-weight:400;font-size:1.22rem;color:var(--ink);border-left:6px solid var(--gold);padding:2px 0 2px 12px;
  background:linear-gradient(90deg,var(--paper2),transparent 70%)}
.lic-sheet ol{list-style:decimal;margin:0 0 0 1.5em}
.lic-sheet ul{list-style:disc;margin:0 0 0 1.4em}
.lic-sheet li + li{margin-top:2px}
.lic-sheet a{color:#8a6d1f}
.lic-sheet .en{font-size:.86rem;color:var(--sub);margin-bottom:18px}
.lic-sheet .updated{font-size:.82rem;color:var(--sub);margin-bottom:16px}
.lic-sheet .clarify{margin-top:12px;background:var(--paper);border-left:5px solid var(--gold);padding:12px 16px;border-radius:0 3px 3px 0}
.lic-sheet .en-note{font-size:.84rem;color:#7d7869;margin-top:8px;line-height:1.85}
.lic-sheet .credit{margin-top:18px;border:2px solid var(--ink);border-radius:4px;background:#fffefa;padding:16px 18px 8px;box-shadow:0 3px 0 var(--ink);scroll-margin-top:16px}
.lic-sheet .credit-h{font-family:var(--pix);font-weight:400;color:var(--ink);font-size:1.02rem}
.lic-sheet .credit-note{font-size:.86rem;margin:4px 0 12px}
.lic-sheet .copybox{margin-bottom:12px}
.lic-sheet .copybox-h{font-size:.8rem;color:var(--sub);margin-bottom:4px}
.lic-sheet .copybox pre{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:10px 12px;font-size:.84rem;line-height:1.8;white-space:pre-wrap;
  word-break:break-all;font-family:ui-monospace,Consolas,monospace;color:var(--ink);margin:0}
.lic-sheet .copybtn{margin-top:6px;font-family:var(--pix);font-size:.88rem;background:var(--gold);color:var(--ink);border:2px solid var(--ink);border-radius:3px;
  box-shadow:0 2px 0 var(--ink);padding:4px 14px;cursor:pointer}
.lic-sheet .copybtn:hover{background:var(--gold-lt)}
.lic-sheet .copybtn.done{background:#7fb06a}
.lic-foot{margin-top:32px;padding-top:14px;border-top:2px dashed var(--line2);font-size:.88rem;color:var(--ink2);line-height:1.9}
.lic-foot .back{display:inline-block;margin-top:14px;font-weight:700}
/* 内容の扱い＝前の作り（取扱説明書）のまま、紙の地図の色に（先生用タブレットと同じ塗り替え＝上の .mn） */
.gd-privacy .gd-doc .cover .hero{border-bottom:2px solid var(--ink)}
.gd-privacy .gd-doc .cover h1{font-family:var(--pix);font-weight:400;color:var(--ink)}
.gd-privacy .gd-doc .fm,.gd-privacy .gd-doc .box,.gd-privacy .gd-doc .svc > div,.gd-privacy .gd-doc .pub > div{border-radius:4px}
.gd-privacy .gd-doc .fm header{background:var(--paper)}
.gd-privacy .gd-doc [id^="p-"]{scroll-margin-top:16px}
@media (max-width:760px){ .gd-doc-page .gd-head{grid-template-columns:1fr} .lic-cover{padding:22px 18px 20px} }

/* ═══ 印刷と PDF＝本文だけを白い紙に ═══ */
@media print{
  @page{size:A4;margin:11mm 10mm 12mm}
  html,body{background:#fff !important}
  body{padding:0 !important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .side,.mbar,.tabbar,.scrim,.skip,.gd-head,.gd-toc,.foot,.ansall,.pinhint,.pz-find{display:none !important}
  .gd-shell{width:auto;padding:0;margin:0}
  .gd-grid{display:block}
  .gd-doc .gb-ch,.gd-doc .pg{box-shadow:none;break-inside:auto}
  .gd-doc .gb-cover{box-shadow:none}
  .gd-doc .gb-ch-h,.gd-doc .mh,.gd-doc .gb-h3,.gd-doc .mh3{break-after:avoid}
  .gd-doc .qc,.gd-doc .zc,.gd-doc .mc,.gd-doc .pc,.gd-doc .rc,.gd-doc .kn section,.gd-doc .mis,.gd-doc .shot,.gd-doc figure,.gd-doc .tr div,.gd-doc tr,.gd-doc .play div{break-inside:avoid}
  .gd-doc .qc,.gd-doc .zc,.gd-doc .mc,.gd-doc .pc,.gd-doc .rc,.gd-doc .mis,.gd-doc .shot{box-shadow:none}
  .gd-doc details > summary{list-style:none}
  .gd-doc a{text-decoration:none}
  /* 刷る幅（約 920px）だと、フォンの画面と番号の説明が1列にくずれ、画面の絵が紙いっぱいになった＝左右に並べたまま */
  .gd-doc .duo{grid-template-columns:minmax(0,52%) minmax(0,1fr)}
  .gd-doc .duo .legend li{font-size:.86rem}
}