:root{--bg:#f7f6f3;--sf:#fff;--sub:#fbfaf8;--ln:#e7e4dd;--ln2:#f0eee9;--ink:#1c1a16;--ink2:#3d3a33;--mu:#666157;--fa:#7d776c;
--ac:#8a5a00;--ac-bg:#fbf3e2;--pri:#26231d;--pri-h:#3a362e;--ok:#2d6a3e;--ok-bg:#eaf3ec;--warn:#a2590b;--warn-bg:#fbf2e4;--bad:#b42318;--bad-bg:#fcebe9;--gray-bg:#f1efea;
--c1:#2f5d9a;--c2:#b42318;--c3:#2d6a3e;--c4:#8a5a00;--c5:#6b665c}
.warnc{color:var(--warn)}
.top .mark{background:var(--ac)}
.tabs button[aria-pressed="true"]::after{background:var(--ac)}
.tabs .c{background:var(--ac);color:#fff}
body.boxmode main{padding-top:0}
.boxwrap{display:grid;grid-template-columns:210px 400px minmax(0,1fr);height:calc(100vh - 58px);min-height:680px;border-bottom:1px solid var(--ln)}
.fl{background:var(--sub);border-right:1px solid var(--ln);padding:10px 10px;overflow:auto}
.flh{font-size:11.5px;font-weight:700;color:var(--fa);margin:12px 8px 4px}
.fi{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:6px 8px;border-radius:6px;font-size:12.5px;color:var(--ink2);text-align:left}
.fi:hover{background:var(--gray-bg)}.fi.on{background:#ece8df;color:var(--ink);font-weight:700}
.fi svg{color:var(--fa)}
.fi em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--mu);font-weight:600}
.cd{width:8px;height:8px;border-radius:2px}
.c1{--cc:var(--c1)}.c2{--cc:var(--c2)}.c3{--cc:var(--c3)}.c4{--cc:var(--c4)}.c5{--cc:var(--c5)}
.cd{background:var(--cc)}
.avatar.s{width:20px;height:20px;font-size:10px}
.a1{background:#2f5d9a}.a2{background:#2d6a3e}.a3{background:#6b665c}
.ml{border-right:1px solid var(--ln);overflow:auto;background:var(--sf)}
.mlh{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ln);position:sticky;top:0;background:var(--sf);z-index:1;font-size:13.5px}
.mi{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--ln2);background:none;padding:11px 16px 11px 18px;position:relative}
.mi:hover{background:var(--sub)}
.mi.on{background:var(--ac-bg);box-shadow:inset 3px 0 0 var(--ac)}
.mi.un::before{content:"";position:absolute;left:7px;top:17px;width:6px;height:6px;border-radius:50%;background:var(--ac)}
.mi-t{display:flex;align-items:center;gap:8px;font-size:12.5px}
.mi-t b{flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chn{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--mu);border:1px solid var(--ln);border-radius:4px;padding:0 5px;height:19px;flex:none}
.mi-s{font-size:13px;color:var(--ink2);margin:3px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:6px;align-items:center}
.mi-s .tag{height:18px;font-size:10.5px;flex:none}
.mi.un .mi-s{color:var(--ink);font-weight:600}
.mi-c{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--mu)}
.cat{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 7px;border-radius:4px;font-size:11.5px;font-weight:600;color:var(--cc);background:color-mix(in srgb,var(--cc) 9%,#fff);white-space:nowrap;border:1px solid transparent}
.cat i{width:6px;height:6px;border-radius:2px;background:var(--cc)}
.cf.lo{color:var(--warn);font-weight:700}
.as{margin-left:auto}
.md{overflow:auto;background:var(--bg)}
.mdh{padding:14px 22px;background:var(--sf);border-bottom:1px solid var(--ln)}
.mdh b{display:block;font-size:16px}.mdh span{font-size:12px;color:var(--mu);display:inline-flex;gap:5px;align-items:center}
.mdb{padding:16px 22px 24px;display:flex;flex-direction:column;gap:12px;max-width:820px}
.orig{background:var(--sf);border:1px solid var(--ln);border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.85}
.orig p{margin:0 0 4px}
.judge{background:var(--sf);border:1px solid var(--ln);border-radius:8px;padding:4px 16px 8px}
.jh{font-size:12px;font-weight:700;color:var(--mu);padding:8px 0;border-bottom:1px solid var(--ln2)}
.jr{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:start;padding:9px 0;font-size:12.5px}
.jr+.jr{border-top:1px solid var(--ln2)}
.jr>span{color:var(--mu);padding-top:2px}
.catsel{display:flex;gap:5px;flex-wrap:wrap}
.catsel .cat{background:none;border-color:var(--ln);color:var(--mu);cursor:pointer}
.catsel .cat i{background:var(--cc);opacity:.5}
.catsel .cat.on{background:color-mix(in srgb,var(--cc) 9%,#fff);border-color:var(--cc);color:var(--cc)}.catsel .cat.on i{opacity:1}
.cfb{display:flex;align-items:center;gap:10px}.cfb .meter{max-width:160px}
.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}
.facts dt{color:var(--mu)}.facts dd{margin:0;font-weight:600}
.rep{background:var(--sf);border:1px solid var(--ln);border-radius:8px;overflow:hidden}
.rh{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--ln2);background:var(--sub);font-size:12px;flex-wrap:wrap}
.rh b{display:inline-flex;gap:6px;align-items:center;font-size:13px}
.rb{padding:12px 16px;font-size:14px;line-height:1.85;border-left:3px solid var(--ac);margin:12px 16px;background:#fffdf8}
.rb p{margin:0 0 4px}
.rb.fl{animation:fl .5s}
@keyframes fl{50%{background:var(--ac-bg)}}
.ra{display:flex;gap:8px;align-items:center;padding:0 16px 14px;flex-wrap:wrap}
.norep{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ok);background:var(--ok-bg);border-radius:8px;padding:12px 16px}
/* ルール */
.rg{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.acc{display:inline-flex;align-items:center;gap:8px;width:120px}.acc .meter b{background:var(--ink2)}
.mx{display:grid;grid-template-columns:44px repeat(5,minmax(0,1fr));gap:3px}
.mh{font-size:11.5px;color:var(--mu);text-align:center;padding:2px 0}.mh.rl{text-align:left;display:flex;align-items:center}
.mc{height:40px;border-radius:4px;display:grid;place-items:center;font:600 13px var(--num);background:var(--sub);color:var(--fa)}
.mc.d{background:#e8e2d3;color:var(--ink)}.mc.o{background:var(--warn-bg);color:var(--warn)}.mc.o2{background:#f5d9b6}
.mxn{font-size:12px;color:var(--mu);margin:10px 0 0}
/* 集計 */
.sg{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
svg.plot .b0{fill:#2f5d9a}svg.plot .b1{fill:#8a5a00}svg.plot .b2{fill:#c9c2b3}
.c-m i{background:#2f5d9a}.c-l i{background:#8a5a00}.c-f i{background:#c9c2b3}
.rtl{display:grid;grid-template-columns:120px 1fr 48px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--ln2)}
.rtl>b{text-align:right;font-size:13px}
.rtb{height:10px;background:var(--ln2);border-radius:2px;position:relative}.rtb b{display:block;height:100%;border-radius:2px;background:var(--ink2)}
.rtb em{display:none}
.rtn{font-size:12px;color:var(--mu);margin:10px 0 0}
@media (max-width:1240px){.boxwrap{grid-template-columns:360px minmax(0,1fr)}.fl{display:none}}
@media (max-width:900px){.boxwrap{grid-template-columns:minmax(0,1fr);height:auto}.ml{max-height:none;border-right:0}.md{border-top:1px solid var(--ln)}.rg,.sg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .top-in{flex-wrap:wrap;height:auto;padding:10px 12px 0;row-gap:4px}
  .tabs{order:3;width:100%;margin:0;height:40px}.tabs button{flex:1;justify-content:center;padding:0 6px;font-size:12px}.tabs button svg.i{display:none}
  .mdb{padding:12px}.mdh{padding:12px 14px}
  .jr{grid-template-columns:1fr;gap:6px}
  .rb{margin:10px 12px}.ra{padding:0 12px 12px}
  .mi{padding:10px 14px 10px 18px}
  .rtl{grid-template-columns:104px 1fr 44px}
  .acc{width:84px}
}
.try{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.tsam{display:flex;flex-direction:column;gap:6px}
.tsam button{text-align:left;border:1px solid var(--ln);background:var(--sf);border-radius:6px;padding:8px 11px;font-size:12.5px;color:var(--ink2)}
.tsam button.on{border-color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac);color:var(--ink)}
.tres{border:1px solid var(--ln2);border-radius:8px;padding:12px 14px;background:var(--sub)}
.tq{font-size:14px;line-height:1.8}.tq mark{background:var(--ac-bg);color:var(--ac);font-weight:700;padding:0 2px;border-radius:2px}
.tr{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12.5px}.tr .meter{max-width:140px}.tr .meter b{background:var(--ink2)}
@media (max-width:640px){.try{grid-template-columns:minmax(0,1fr)}}

/* /services/ に iframe で埋め込んだとき（is-embedded）は vh を使わない */
.is-embedded .boxwrap{height:780px;min-height:0}