/* 新卒クエスト — ガチ研修 Stage 2（議事録＋チャット）の画面：読み上げのプレイヤー・指示のメモ・議事録・チャット・G-4・ミニ作業。
   決まりは gachi.css と同じ（ui_rules.md 5章「ガチ研修：まじめ寄り」）：白い面＋薄い線 #E3E6EE、紺と判定の3色だけ、角丸 6〜12px、影なし、
   黄色は上の帯の「提出」1つだけ（道具の中の決定は紺のボタン）、文字は本文15px・補足13px以上。 */

/* ---------- 窓の高さに合わせる作業の画面（左：読み上げと素材／右：入力） ---------- */
#gachi[data-r="task"]:is([data-k="memo"],[data-k="minutes"],[data-k="chat"],[data-k="g4"]) .fx-wrap,
#gachi[data-r="result"]:is([data-k="memo"],[data-k="minutes"],[data-k="chat"],[data-k="g4"]) .fx-wrap{max-width:1560px}
#gachi .gk-work.gk-fit{display:grid;gap:14px;min-height:430px;grid-template-rows:minmax(0,1fr)}
#gachi .gk-work.gk-fit>*{min-height:0}
#gachi .gk-work-lst{grid-template-columns:minmax(360px,.9fr) minmax(520px,1.3fr)}
#gachi .gk-lmats{overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0;padding:0 6px 10px 0}
#gachi .gk-lmats>*{flex:none}
#gachi .gk-plwrap{position:sticky;top:0;z-index:2;background:var(--ground);padding-bottom:2px}
#gachi .gk-kv{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:4px 12px;margin:0;font-size:14px;line-height:1.6}
#gachi .gk-kv dt{font-weight:700;color:var(--sub);max-width:13em}
#gachi .gk-kv dd{margin:0;color:var(--ink)}
#gachi .gk-tips{margin:6px 0 0;padding-left:1.2em;font-size:14px;line-height:1.7;color:var(--sub)}

/* ---------- 読み上げのプレイヤー（道具の帯。いつも見える） ---------- */
#gachi .gk-pl{background:#FFFFFF;border:1px solid var(--line2);border-top:4px solid var(--ink);border-radius:10px!important;padding:10px 12px;display:grid;gap:8px}
#gachi .gk-pl-head{display:flex;align-items:center;gap:10px;min-width:0}
#gachi .gk-pl-k{flex:none;font-size:12px;font-weight:800;color:#FFFFFF;background:var(--ink);border-radius:6px!important;padding:2px 8px}
#gachi .gk-pl-now{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}
#gachi .gk-pl-now small{font-size:13px;color:var(--sub);white-space:nowrap}
#gachi .gk-pl-who{font-family:var(--round);font-size:16px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gachi .gk-pl-t{flex:none;font-size:13px;font-weight:700;color:var(--sub);font-variant-numeric:tabular-nums}
#gachi .gk-pl-bar{height:8px;border-radius:6px!important;background:var(--line2);overflow:hidden}
#gachi .gk-pl-bar i{display:block;height:100%;width:0;background:var(--ink);border-radius:6px!important;transition:width .25s linear}
#gachi .gk-pl-ctl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#gachi .gk-plb{min-height:40px;padding:4px 12px;border:1px solid var(--line2);background:#FFFFFF;color:var(--ink);border-radius:8px!important;font-weight:800;font-size:14px;font-family:var(--body)}
#gachi .gk-plb:hover{background:var(--navy-soft)}
#gachi .gk-plb-main{background:var(--ink);color:#FFFFFF;border-color:var(--ink);min-width:96px}
#gachi .gk-plb-main:hover{background:var(--ink-d)}
#gachi .gk-pl-on .gk-plb-main{background:var(--ink-d)}
#gachi .gk-plr{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--sub)}
#gachi .gk-plr select{min-height:40px;border:1px solid var(--line2);border-radius:8px!important;padding:0 8px;font:inherit;font-size:14px;color:var(--ink);background:#FFFFFF}
#gachi .gk-plb-tr{margin-left:auto}
#gachi .gk-pl-keys{font-size:13px;color:var(--sub);line-height:1.6}
#gachi .gk-pl-keys kbd{font-family:inherit;font-size:12px;font-weight:700;border:1px solid var(--line2);border-bottom-width:2px;border-radius:4px!important;padding:0 4px;background:var(--tile);color:var(--ink)}
#gachi .gk-pl-why{font-size:14px;line-height:1.6;color:var(--ink);background:var(--navy-soft);border-radius:8px!important;padding:6px 10px}
#gachi .gk-pl-tr{list-style:none;margin:0;padding:6px 8px;max-height:260px;overflow:auto;border:1px solid var(--line2);border-radius:8px!important;background:var(--tile);display:grid;gap:6px}
#gachi .gk-pl-tr li{display:grid;grid-template-columns:5.2em 1fr;gap:8px;font-size:14px;line-height:1.7;padding:2px 4px;border-radius:6px!important}
#gachi .gk-pl-tr li[hidden]{display:none}
#gachi .gk-pl-tr li b{color:var(--sub);font-weight:700;font-size:13px;padding-top:1px}
#gachi .gk-pl-tr li.gk-pl-cur{background:#FFFFFF;box-shadow:inset 3px 0 0 var(--ink)}

/* ---------- 入力の画面（白い紙。見出し・中・下） ---------- */
#gachi .gk-form{background:#FFFFFF;border:1px solid var(--line2);border-radius:10px!important;display:flex;flex-direction:column;min-height:0}
#gachi .gk-form-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line2)}
#gachi .gk-form-h .gk-note{font-size:13px}
#gachi .gk-form-b{flex:1;min-height:0;overflow:auto;padding:12px 16px 16px;display:grid;gap:12px;align-content:start}
#gachi .gk-form-f{display:flex;align-items:center;gap:12px;padding:8px 16px;border-top:1px solid var(--line2)}
#gachi .gk-fld{display:grid;gap:4px}
#gachi .gk-fld>label,#gachi .gk-lab{font-size:14px;font-weight:700;color:var(--ink)}
#gachi .gk-fld>label small{font-weight:400;color:var(--sub);font-size:13px;margin-left:6px}
#gachi .gk-form :is(input[type="text"],textarea),#gachi .gk-tbl-in input,#gachi .gk-edta{font:inherit;font-size:15px;line-height:1.6;color:var(--ink);background:#FFFFFF;border:2px solid var(--line2);border-radius:8px!important;padding:8px 10px;width:100%;box-sizing:border-box;min-height:44px}
#gachi .gk-form textarea{resize:vertical}
#gachi .gk-form :is(input,textarea):focus,#gachi .gk-tbl-in input:focus,#gachi .gk-edta:focus{border-color:var(--ink);outline:none}
#gachi .gk-form ::placeholder,#gachi .gk-tbl-in ::placeholder,#gachi .gk-cmp ::placeholder{color:#6B6F86}
#gachi .gk-fs{border:1px solid var(--line2);border-radius:10px!important;padding:8px 12px 12px;margin:0;display:grid;gap:8px;min-width:0}
#gachi .gk-fs legend{font-family:var(--round);font-weight:800;font-size:16px;color:var(--ink);padding:0 6px}
#gachi .gk-fs legend small{font-family:var(--body);font-weight:400;font-size:13px;color:var(--sub);margin-left:6px}
#gachi .gk-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}
#gachi .gk-span2{grid-column:1 / -1}
#gachi .gk-tm{display:flex;align-items:center;gap:6px}
#gachi .gk-tm input{width:0!important;flex:1;min-width:0}
#gachi .gk-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#gachi .gk-rows li{display:grid;grid-template-columns:28px 1fr auto;gap:6px;align-items:center}
#gachi .gk-rn{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:6px!important;background:var(--navy-soft);color:var(--ink);font-weight:800;font-size:13px;margin-right:6px}
#gachi .gk-rowb{display:inline-flex;gap:4px}
#gachi .gk-addrow{justify-self:start;font-size:14px}
#gachi .gk-tbl{width:100%;border-collapse:collapse;font-size:14px}
#gachi .gk-tbl th{background:var(--navy-soft);color:var(--ink);font-weight:700;text-align:left;padding:6px 8px;font-size:13px}
#gachi .gk-tbl td{padding:4px;border-top:1px solid var(--line2);vertical-align:middle}
#gachi .gk-tbl td:last-child{width:1%;white-space:nowrap}
#gachi .gk-tbl input{min-height:40px!important;padding:6px 8px!important;font-size:15px!important}
#gachi .gk-tbl-ro td{padding:6px 8px;line-height:1.6;font-size:14px}
#gachi .gk-tbl-ro td:last-child{width:auto;white-space:normal}

/* ---------- チャット（投稿先・やりとり・資料） ---------- */
#gachi .gk-work-chat{grid-template-columns:220px minmax(0,1fr) minmax(0,.62fr)}
#gachi .gk-chans{background:#FFFFFF;border:1px solid var(--line2);border-radius:10px!important;overflow:auto;padding:10px 8px;min-height:0}
#gachi .gk-chans h3{font-size:13px;font-weight:800;color:var(--sub);margin:4px 6px 4px!important;font-family:var(--body)}
#gachi .gk-chans ul{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:2px}
#gachi .gk-chb{width:100%;display:flex;align-items:center;gap:6px;flex-wrap:wrap;text-align:left;min-height:40px;padding:6px 8px;border:0;background:none;border-radius:8px!important;color:var(--ink);font-size:15px}
#gachi .gk-chb:hover{background:var(--navy-soft)}
#gachi .gk-chb.gk-is-on{background:var(--ink);color:#FFFFFF}
#gachi .gk-chb .gk-chn{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#gachi .gk-chb small{font-size:12px;opacity:.95;font-weight:700}
#gachi .gk-new{font-style:normal;font-size:12px;font-weight:800;background:var(--ink);color:#FFFFFF;border-radius:6px!important;padding:0 6px}
#gachi .gk-chb.gk-is-on .gk-new{background:#FFFFFF;color:var(--ink)}
#gachi .gk-chd{font-style:normal;font-size:12px;font-weight:700;color:var(--ink);background:var(--navy-soft);border:1px dashed #AEB6D6;border-radius:6px!important;padding:0 6px}
#gachi .gk-chb.gk-is-on .gk-chd{background:#FFFFFF}
#gachi .gk-dtag{font-size:12px;font-weight:800;color:var(--ink);background:#FFFFFF;border:1px dashed #8F98C2;border-radius:6px!important;padding:0 6px}
#gachi .gk-chmain{background:#FFFFFF;border:1px solid var(--line2);border-radius:10px!important;display:flex;flex-direction:column;min-height:0;min-width:0}
#gachi .gk-chhead{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line2);flex-wrap:wrap}
#gachi .gk-chhead b{font-family:var(--round);font-size:17px;font-weight:800}
#gachi .gk-chhead small{font-size:13px;color:var(--sub)}
#gachi .gk-tl{list-style:none;margin:0;padding:8px 10px;overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:4px}
#gachi .gk-tl-empty{padding:12px 6px}
#gachi .gk-thsep{font-size:13px;font-weight:700;color:var(--sub);border-top:1px solid var(--line2);padding:6px 4px 0;margin-top:4px}
#gachi .gk-post{position:relative;padding:8px 10px;border-radius:8px!important;display:grid;gap:4px}
#gachi .gk-post:hover,#gachi .gk-post:focus-within{background:var(--tile)}
#gachi .gk-post-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#gachi .gk-post-h b{font-size:15px;font-weight:700}
#gachi .gk-post-h small{font-size:13px;color:var(--sub)}
#gachi .gk-post-b{font-size:15px;line-height:1.75;word-break:break-word}
#gachi .gk-post-a{display:flex;gap:6px;opacity:0;transition:opacity .08s}
#gachi .gk-post:hover .gk-post-a,#gachi .gk-post:focus-within .gk-post-a,#gachi .gk-post-a-on{opacity:1}
#gachi .gk-mine{border:1px dashed #AEB6D6;background:#F7F8FD}
#gachi .gk-mine:hover{background:#F2F4FB}
#gachi .gk-reacts,#gachi .gk-rxpick{display:flex;flex-wrap:wrap;gap:6px}
#gachi .gk-rxpick{padding:6px;border:1px solid var(--line2);border-radius:8px!important;background:#FFFFFF}
#gachi .gk-react{min-height:32px;padding:2px 10px;border:1px solid var(--line2);background:#FFFFFF;border-radius:8px!important;font-size:14px;font-weight:700;color:var(--ink);font-family:var(--body)}
#gachi .gk-react.on{background:var(--navy-soft);border-color:#AEB6D6}
#gachi .gk-react span{font-size:12px;color:var(--sub);margin-left:2px}
#gachi .gk-reach{font-size:13px;line-height:1.5;color:var(--ink);background:var(--navy-soft);border-radius:6px!important;padding:2px 8px;margin:0}
#gachi .gk-cmp{border-top:1px solid var(--line2);padding:8px 10px 10px;display:grid;gap:6px}
#gachi .gk-cmp-l{font-size:14px;font-weight:700;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
#gachi .gk-cmp-l small{font-size:13px;font-weight:400;color:var(--sub)}
#gachi .gk-cmp-in{position:relative}
#gachi .gk-cmp textarea,#gachi .gk-edta{font:inherit;font-size:15px;line-height:1.6;color:var(--ink);width:100%;box-sizing:border-box;border:2px solid var(--line2);border-radius:8px!important;padding:8px 10px;resize:vertical;min-height:72px;background:#FFFFFF}
#gachi .gk-cmp textarea:focus{border-color:var(--ink);outline:none}
#gachi .gk-cmp textarea:disabled{background:var(--tile)}
#gachi .gk-cmp-f{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}
#gachi .gk-cmp-f>span:first-child{margin-right:auto}
#gachi#gachi .gk-cmp-f button.ghost{background:var(--ink)!important;color:#FFFFFF!important;border-color:var(--ink)!important;min-width:88px}
#gachi#gachi .gk-cmp-f button.ghost:hover{background:var(--ink-d)!important}
#gachi#gachi .gk-cmp-f button.ghost:disabled{background:var(--tile)!important;color:#6B6F86!important;border-color:var(--line2)!important}
#gachi .gk-msug{position:absolute;left:8px;bottom:calc(100% - 4px);z-index:5;list-style:none;margin:0;padding:4px;background:#FFFFFF;border:1px solid var(--line2);border-radius:8px!important;box-shadow:0 6px 18px rgba(30,40,80,.12);min-width:240px}
#gachi .gk-msug button{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 10px;min-height:36px;border-radius:6px!important;font-size:14px;color:var(--ink)}
#gachi .gk-msug button.hl,#gachi .gk-msug button:hover{background:var(--navy-soft)}
#gachi .gk-chside{background:transparent}
#gachi .gk-doc{margin:0;padding-left:1.4em;font-size:14px;line-height:1.7;display:grid;gap:4px}
#gachi .gk-docv{font-size:14px;line-height:1.7;display:grid;gap:6px}
#gachi .gk-docv h4{font-size:14px;margin:4px 0 0;font-family:var(--round);font-weight:800}
#gachi .gk-docv ol{margin:0;padding-left:1.4em}

/* ---------- G-4：タブ・小さいタブ・プレビュー ---------- */
#gachi .gk-g4tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#gachi .gk-g4tab{display:grid;gap:2px;text-align:left;padding:8px 14px;min-height:52px;background:#FFFFFF;border:1px solid var(--line2);border-radius:10px!important;color:var(--ink)}
#gachi .gk-g4tab b{font-family:var(--round);font-size:15px;font-weight:800}
#gachi .gk-g4tab small{font-size:13px;color:var(--sub)}
#gachi .gk-g4tab.gk-is-on{background:var(--ink);border-color:var(--ink);color:#FFFFFF}
#gachi .gk-g4tab.gk-is-on small{color:#E4E7F5}
#gachi .gk-work-g4{grid-template-columns:minmax(340px,.8fr) minmax(560px,1.4fr);position:relative}
#gachi .gk-g4chat{display:grid;grid-template-columns:200px 1fr;gap:10px;min-height:0}
#gachi .gk-mtabs{display:flex;flex-wrap:wrap;gap:6px}
#gachi .gk-mtab{min-height:36px;padding:4px 10px;border:1px solid var(--line2);background:#FFFFFF;border-radius:8px!important;font-size:14px;font-weight:700;color:var(--ink)}
#gachi .gk-mtab.gk-is-on{background:var(--ink);color:#FFFFFF;border-color:var(--ink)}
#gachi .gk-inmail blockquote{font-size:14px;line-height:1.7}
#gachi .gk-g4mail{min-height:0}
#gachi .gk-g4mail .gk-body{flex:1;min-height:140px}
#gachi .gk-edited{font-style:normal;font-size:12px;font-weight:800;color:var(--ink);background:var(--navy-soft);border-radius:6px!important;padding:0 6px;margin-left:4px}
#gachi .gk-pvb{min-height:28px!important;font-size:12px!important;margin-left:4px;white-space:nowrap;flex:none}
#gachi .gk-g4mail .gk-chip{flex-wrap:nowrap}
#gachi .gk-attpop li{display:flex;align-items:center;gap:6px}
#gachi .gk-attpop li>button:first-child{flex:1}
#gachi .gk-attpop small{display:block;font-size:12px;color:var(--sub)}
#gachi .gk-prev{position:absolute;inset:0;z-index:6;background:rgba(46,58,110,.42);display:grid;place-items:center;padding:20px;border-radius:10px!important}
#gachi .gk-prev-box{background:#FFFFFF;border-radius:12px!important;width:min(760px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden}
#gachi .gk-prev-h{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line2)}
#gachi .gk-prev-h b{font-size:15px}
#gachi .gk-prev-h small{font-size:13px;color:var(--sub);margin-right:auto}
#gachi .gk-x{min-width:44px;min-height:44px;border:0;background:var(--tile);border-radius:8px!important;font-size:20px;color:var(--ink)}
#gachi .gk-prev-b{overflow:auto;padding:12px 16px 16px;display:grid;gap:10px}
#gachi .gk-docnx{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px dashed var(--line2);padding-top:10px;font-weight:700}
#gachi .gk-docnx input{font:inherit;font-size:15px;min-height:44px;border:2px solid var(--line2);border-radius:8px!important;padding:6px 10px;min-width:280px;color:var(--ink)}
#gachi .gk-docnx input:focus{border-color:var(--ink);outline:none}

/* ---------- 場面の実践が2つ ---------- */
#gachi .gk-sitask{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid var(--line2)}
#gachi .gk-sitask:last-of-type{border-bottom:0}

/* ---------- ミニ作業 ---------- */
#gachi .gk-boxes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#gachi .gk-bx{background:#FFFFFF;border:1px solid var(--line2);border-radius:10px!important;padding:10px 12px;display:grid;gap:8px}
#gachi .gk-bx-t{font-size:15px;line-height:1.7;display:flex;align-items:baseline}
#gachi .gk-seg2{display:flex;flex-wrap:wrap;gap:6px}
#gachi .gk-segl,#gachi .gk-ropt{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:4px 14px;border:1px solid var(--line2);border-radius:8px!important;background:#FFFFFF;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer}
#gachi .gk-segl input,#gachi .gk-ropt input{position:absolute;opacity:0;width:1px;height:1px}
#gachi .gk-segl:hover,#gachi .gk-ropt:hover{background:var(--navy-soft)}
#gachi .gk-segl.gk-is-on,#gachi .gk-ropt.gk-is-on{background:var(--ink);border-color:var(--ink);color:#FFFFFF}
#gachi .gk-segl:focus-within,#gachi .gk-ropt:focus-within{outline:3px solid var(--v1-pink,#F07C98);outline-offset:2px}
#gachi .gk-route{display:grid;gap:6px;border:1px solid var(--line2);border-radius:10px!important;padding:10px 12px;margin:0;background:#FFFFFF}
#gachi .gk-route legend{font-size:15px;font-weight:700;line-height:1.6;padding:0 4px;display:flex;align-items:baseline}
#gachi .gk-ropt{display:flex;font-weight:400;font-size:15px;line-height:1.5}
#gachi .gk-work-tbl .gk-tblw{display:grid;grid-template-columns:minmax(340px,.9fr) 1.4fr;gap:14px;align-items:start}
#gachi .gk-tbl-in{background:#FFFFFF;border:1px solid var(--line2);border-radius:10px!important;overflow:hidden}
#gachi .gk-tbl-in th[scope="row"]{width:32px;text-align:center}

/* ---------- 判定の画面：議事録・メモ・チャット ---------- */
#gachi .gk-min-b{padding:10px 16px 14px;display:grid;gap:6px;font-size:15px;line-height:1.75}
#gachi .gk-min-b h4{font-family:var(--round);font-weight:800;font-size:15px;margin:6px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#gachi .gk-min-b ol{margin:0;padding-left:1.5em}
#gachi .gk-min-b li.gk-fbad,#gachi .gk-min-b tr.gk-fbad td,#gachi .gk-notes-r p.gk-fbad,#gachi h4.gk-fbad{background:var(--crit-bg)}
#gachi .gk-cellbad{box-shadow:inset 0 -2px 0 var(--crit)}
#gachi .gk-notes-r{display:grid;gap:2px}
#gachi .gk-nx{font-family:var(--body);font-weight:400}
#gachi .gk-memo-r .gk-sr-row p{line-height:1.75}
#gachi .gk-chres{display:grid;gap:10px}
#gachi .gk-chr{border:1px solid #EAE1D2;border-radius:10px!important;overflow:hidden}
#gachi .gk-chr.gk-fbad{border-color:#E7B4AE}
#gachi .gk-chr-h{display:flex;align-items:baseline;gap:8px;padding:6px 12px;background:#FBF8F2;border-bottom:1px solid #EAE1D2;flex-wrap:wrap}
#gachi .gk-chr-h b{font-size:14px}
#gachi .gk-chr-h small{font-size:13px;color:var(--sub)}
#gachi .gk-chr .gk-sent-b{line-height:1.85}
#gachi .gk-chr-rx{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;padding:4px 2px}
#gachi .gk-chr-rx.gk-fbad{background:var(--crit-bg);border-radius:8px!important;padding:4px 8px}
#gachi .gk-chr-rx small{font-size:13px;color:var(--sub)}
#gachi .gk-insbox{margin:0}

@media (max-width:1439px){
  #gachi .gk-work-chat{grid-template-columns:190px minmax(0,1fr) minmax(0,.58fr)}
  #gachi .gk-work-lst{grid-template-columns:minmax(340px,.85fr) minmax(480px,1.25fr)}
  #gachi .gk-work-g4{grid-template-columns:minmax(320px,.75fr) minmax(520px,1.35fr)}
  #gachi .gk-g4chat{grid-template-columns:180px 1fr}
}
@media (max-height:760px){
  #gachi .gk-pl{padding:8px 10px;gap:6px}
  #gachi .gk-pl-keys{display:none}
  #gachi .gk-g4tab{min-height:44px;padding:4px 12px}
}
@media (prefers-reduced-motion:reduce){ #gachi .gk-pl-bar i,#gachi .gk-post-a{transition:none} }

/* 図の表（説明の中）：1列目も本文の字 */
#gachi .gk-ftbl{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}
#gachi .gk-ftbl th,#gachi .gk-ftbl td{border:1px solid var(--line2);padding:6px 10px;text-align:left;vertical-align:top}
#gachi .gk-ftbl thead th{background:var(--navy-soft);font-size:13px}
#gachi .gk-ftbl tbody th{font-weight:800;white-space:nowrap;color:var(--ink)}
#gachi .gk-tbl-in td:last-child{width:auto;white-space:normal}
#gachi .gk-tbl-in thead th:nth-child(2){width:30%}#gachi .gk-tbl-in thead th:nth-child(3){width:44%}
#gachi#gachi .gk-tbl-in input{border:2px solid var(--line2)!important;border-radius:8px!important;background:#FFFFFF!important}
#gachi#gachi .gk-tbl-in input:focus{border-color:var(--ink)!important}
/* 画面を開いたときに見出し・面に移すフォーカス（tabindex=-1）には枠を出さない（キーで動かした所には出る） */
#gachi#gachi [tabindex="-1"]:focus{outline:none!important}
/* スクロールする面は、その中の見えないラベル（.gk-sr は position:absolute）の基準にする（外にはみ出して画面ごとスクロールさせない） */
#gachi :is(.gk-lmats,.gk-form-b,.gk-tl,.gk-chans,.gk-mats,.gk-prev-b,.gk-pl-tr){position:relative}
@media (min-width:1200px){ #gachi .gk-bx{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px} }
/* @ の候補は入力欄の上に出す（メールの宛先の候補 .gk-sug の位置を打ち消す） */
#gachi#gachi .gk-cmp-in .gk-msug{top:auto!important;bottom:calc(100% + 4px)!important;left:8px!important;right:auto!important;width:auto!important;min-width:260px;max-height:240px;overflow:auto;display:grid;gap:2px}
#gachi#gachi .gk-cmp-in .gk-msug[hidden]{display:none!important}
#gachi#gachi .gk-cmp-in .gk-msug li{margin:0;padding:0;list-style:none}