:root{
  --bg:#f6f3ec;--surface:#fffdf9;--sub:#faf7f1;--line:#e4ddd0;--line2:#efe9df;--line3:#cfc6b6;--chip:#f1ece2;
  --ink:#1f1c18;--ink2:#3d3832;--mute:#655e55;--faint:#776f65;
  --acc:#a1302f;--acc-bg:#f8e9e6;--acc-t:#9a2d2c;
  --en:#2b5c8a;--zh:#a1302f;--ko:#3d7a4a;
  --pos:#2f6f3e;--pos-bg:#e9f3ea;--neg:#a1302f;--neg-bg:#f8e9e6;--warn:#94570a;--warn-bg:#fbf0df;
  --mark:#a1302f;--pri:#1f1c18;--r:8px;
  --sh:0 1px 2px rgba(31,28,24,.05);--sh2:0 2px 4px rgba(31,28,24,.06),0 8px 22px -6px rgba(31,28,24,.18);--tip:#1f1c18;
}
.top{--top:#fffdf9}
.head h1{font-family:"Noto Serif JP","Noto Serif CJK JP","Hiragino Mincho ProN",serif;font-weight:700}
.langs{display:flex;gap:4px}
.lb{font:700 11px "Inter",sans-serif;height:22px;padding:0 7px;border-radius:4px;display:inline-flex;align-items:center;color:#fff}
.lb.en{background:var(--en)}.lb.zh{background:var(--zh)}.lb.ko{background:var(--ko)}
.lg-en{--k:var(--en)}.lg-zh{--k:var(--zh)}.lg-ko{--k:var(--ko)}.lg-gl{--k:#e9d9a8}.lg-bd{--k:#f2c4bd}
.w120{width:120px}
.kpi .mbar b{background:var(--acc)}
.h170{height:170px}.h200{height:200px}
.hint{font-size:11.5px;color:var(--mute);margin-top:6px}
.flowc{margin-bottom:12px}
.pipe{list-style:none;margin:0;padding:12px 16px 14px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.pipe li{position:relative;padding:10px 14px 10px 12px;border:1px solid var(--line);border-right:0;background:var(--surface);min-width:0}
.pipe li:first-child{border-radius:7px 0 0 7px}
.pipe li:last-child{border-right:1px solid var(--line);border-radius:0 7px 7px 0}
.pipe li::after{content:"";position:absolute;right:-6px;top:50%;width:10px;height:10px;border-top:1px solid var(--line3);border-right:1px solid var(--line3);background:var(--surface);transform:translateY(-50%) rotate(45deg);z-index:1}
.pipe li:last-child::after{display:none}
.pipe li.hl{background:var(--warn-bg)}
.pipe li.hl::after{background:var(--warn-bg)}
.pipe .s{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink2)}
.pipe .s svg{width:14px;height:14px;color:var(--faint)}
.pipe li.hl .s svg{color:var(--warn)}
.pipe b{display:block;font:700 20px/1.3 "Inter",sans-serif;margin-top:4px}
.pipe b small{font:600 12px "Noto Sans CJK JP",sans-serif;color:var(--mute);margin-left:3px}
.pipe span.d{font-size:11.5px;color:var(--mute);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-b{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start}
.side{display:grid;gap:12px;min-width:0}
.sc{display:inline-flex;align-items:center;gap:6px;font-size:12px}
.sc b{font:700 12.5px "Inter",sans-serif;min-width:24px;height:22px;border-radius:4px;display:inline-grid;place-items:center;padding:0 5px}
.sc.g b{background:var(--pos-bg);color:var(--pos)}.sc.y b{background:var(--warn-bg);color:var(--warn)}.sc.r b{background:var(--neg-bg);color:var(--neg)}.sc.n b{background:var(--chip);color:var(--mute)}
.sc span{color:var(--mute)}
.pt td:first-child{white-space:normal;min-width:180px}
.pt tr.sel td{background:#fbf5ea}
.brk{display:grid;grid-template-columns:110px 1fr 34px;gap:8px;align-items:center;font-size:12.5px;padding:5px 0}
.brk .mbar{height:7px}.brk .mbar b{background:var(--ink2)}.brk .mbar b.lo{background:var(--warn)}
.brk .r{font-family:"Inter",sans-serif;font-weight:700}
/* edit */
.g-e{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.segs{padding:6px 0 4px}
.sg{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1.15fr) 112px;gap:12px;padding:11px 16px;border-top:1px solid var(--line2);cursor:pointer;align-items:start}
.sg:first-child{border-top:0}
.sg:hover{background:var(--sub)}
.sg.on{background:#fbf5ea;box-shadow:inset 3px 0 0 var(--acc)}
.sg .no{font:600 11.5px "Inter",sans-serif;color:var(--faint);padding-top:2px}
.sg .ja{font-size:13px;color:var(--ink2);line-height:1.7}
.sg .tr{font-size:13.5px;line-height:1.7}
.sg .tr.en{font-family:"Inter","Noto Sans CJK JP",sans-serif}
.sg .st{display:grid;gap:5px;justify-items:end}
.sg .flag{font-size:11.5px;color:var(--neg);margin-top:4px;display:flex;gap:5px;align-items:flex-start;line-height:1.5}
.sg .flag svg{width:13px;height:13px;margin-top:2px;flex:none}
mark{background:#f3e6bf;color:inherit;border-radius:2px;padding:0 1px}
mark.bad{background:#f7d3cd;text-decoration:underline;text-decoration-color:var(--neg);text-underline-offset:3px}
.stt{font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.stt svg{width:13px;height:13px}
.stt.ok{color:var(--pos)}.stt.auto{color:var(--mute)}.stt.need{color:var(--neg)}.stt.chk{color:var(--warn)}
.det-h{padding:14px 16px 0;display:flex;align-items:center;gap:10px}
.det-h h2{font-size:14px}
.det-b{padding:10px 16px 14px;display:grid;gap:12px}
.det-b h3{font-size:12px;color:var(--mute);margin-bottom:4px}
.issue{background:var(--neg-bg);color:#7a2221;border-radius:6px;padding:9px 11px;font-size:12.5px;line-height:1.6}
.issue.okk{background:var(--pos-bg);color:#244f2e}
.alt{display:grid;gap:6px}
.alt button{display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:8px 10px;font-size:13px;line-height:1.55}
.alt button:hover{border-color:var(--line3)}
.alt button[aria-pressed="true"]{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.alt em{font-style:normal;font-size:11px;color:var(--mute);display:block}
.mini{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.mini div{border:1px solid var(--line);border-radius:6px;padding:6px 8px}
.mini span{display:block;font-size:10.5px;color:var(--mute);white-space:nowrap}
.mini b{font:700 15px "Inter",sans-serif}
.mini b.lo{color:var(--neg)}
.ev{font-size:12px;color:var(--ink2);display:grid;gap:3px}
.ev li{display:flex;gap:6px}
.ev ul{margin:0;padding:0;list-style:none;display:grid;gap:3px}
.ev li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--line3);margin-top:7px;flex:none}
.det-a{display:flex;gap:8px;padding:0 16px 14px}
.pv{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px 16px 16px;align-items:start}
.mug{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block}
.pv-t b{display:block;font-size:14px;line-height:1.45;font-family:"Inter","Noto Sans CJK JP",sans-serif}
.pv-t span{display:block;font-size:13px;color:var(--acc-t);font-weight:700;margin:4px 0}
.pv-t p{font-size:12px;color:var(--ink2);line-height:1.6;font-family:"Inter","Noto Sans CJK JP",sans-serif}
/* glossary */
.g-g{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.ty{font-size:11.5px}
.cands{padding:8px 16px 12px;display:grid;gap:0}
.cd{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--line2);align-items:center}
.cd:last-child{border-bottom:0}
.cd b{font-size:13.5px}
.cd .sub{grid-column:1}
.cd .bt{grid-row:1/3;grid-column:2;display:flex;gap:6px}
.cd .cf{font:600 11.5px "Inter",sans-serif;color:var(--acc-t)}
.fx{display:grid;grid-template-columns:96px 1fr 30px;gap:8px;align-items:center;font-size:12.5px;padding:4px 0}
.fx .mbar{height:7px}.fx .mbar b{background:var(--acc)}
.fx .r{font-family:"Inter",sans-serif;font-weight:700}
.empty{font-size:12.5px;color:var(--mute);padding:10px 0}
@media (max-width:1100px){.g-b,.g-e,.g-g{grid-template-columns:minmax(0,1fr)}.pipe{grid-template-columns:repeat(3,minmax(0,1fr))}.pipe li{border-right:1px solid var(--line);border-radius:0!important;margin:-1px 0 0 -1px}.pipe li::after{display:none}}
@media (max-width:760px){
  .pipe{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 12px 12px}
  .pt th:nth-child(5),.pt td:nth-child(5){display:none}
  .pt td:first-child{min-width:130px}
  .sg{grid-template-columns:22px minmax(0,1fr);gap:6px 10px;padding:10px 12px}
  .sg>div:nth-child(3){grid-column:2}
  .pt .sc span{display:none}
  .sg .st{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start;gap:10px}
  .mini{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pv{grid-template-columns:110px 1fr;padding:10px 12px 12px}
  .det-h{padding:12px 12px 0}.det-b{padding:10px 12px 12px}.det-a{padding:0 12px 12px;flex-wrap:wrap}
  .cands{padding:6px 12px 10px}
  .head .btn{flex:1 1 auto;justify-content:center}
}