/* 3分ウォーミングアップ（フォルダ名 rikai-check）。色と書体は社内向けの入口（torix-shanai/public/style.css）にそろえた。
   薄い色の面のカードを作らない。罫と余白で区切る（muhaieigyo-top/DECISIONS.md §5） */
[hidden]{display:none !important}
:root{
  --navy:#00469E; --paper:#fff; --ink:#12161F; --ink-2:#555E6D; --ink-3:#8B939F;
  --line:#E2E5EB; --gold:#D8A537; --gold-line:#B4862B; --on-gold:#12161F;
  --ok:#1E7B46; --error:#B3261E;
  --f-g:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{color-scheme:light; -webkit-text-size-adjust:100%}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--f-g); font-size:16px; line-height:1.85}
.wrap{max-width:720px; margin:0 auto; padding:0 16px 80px}
.bar{background:var(--navy); color:#fff; padding:14px 0}
.bar .wrap{padding-bottom:0}
.brand{font-weight:700; letter-spacing:.06em}
.tool{margin:28px 0 0; font-size:14px; font-weight:700; color:var(--navy); letter-spacing:.04em}
.tool + h1{margin-top:4px}
.catch{margin:4px 0 0; color:var(--ink-2); font-size:15px}
h1{font-size:24px; line-height:1.5; margin:36px 0 0}
h2{font-size:19px; line-height:1.5; margin:40px 0 0; color:var(--navy)}
h2::before{content:""; display:block; width:34px; height:3px; border-radius:999px; background:var(--gold); margin-bottom:12px}
.lead{margin:10px 0 0; color:var(--ink-2)}
.note{color:var(--ink-2); font-size:14px}
a{color:var(--navy)}
label.f{display:block; margin:20px 0 6px; font-weight:700}
input[type=text],input[type=url],input[type=password]{width:100%; font:inherit; padding:10px 12px; border:1px solid var(--line); border-radius:8px}
input[type=file]{font:inherit}
.btn{display:inline-block; font:inherit; font-weight:700; border:1px solid var(--gold-line); background:var(--gold); color:var(--on-gold);
  padding:12px 22px; border-radius:999px; cursor:pointer; margin-top:24px; text-decoration:none}
.btn:disabled{opacity:.5; cursor:default}
.btn.sub{background:#fff; border-color:var(--line); color:var(--ink)}
.err{color:var(--error); margin-top:12px}
.list{margin:14px 0 0; border-top:1px solid var(--line); padding:0; list-style:none}
.list li{border-bottom:1px solid var(--line); padding:14px 0}
.terms{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px}
.term{font:inherit; border:1px solid var(--line); background:#fff; border-radius:999px; padding:8px 16px; cursor:pointer; line-height:1.5}
.term[aria-pressed=true]{background:var(--navy); border-color:var(--navy); color:#fff}
.count{font-size:15px; color:var(--ink-2); margin-top:16px}
.count b{font-size:22px; color:var(--ink)}
.stem{margin-top:14px; font-weight:700}
.choices{list-style:none; padding:0; margin:14px 0 0; border-top:1px solid var(--line)}
.choice{display:block; width:100%; text-align:left; font:inherit; background:#fff; border:0; border-bottom:1px solid var(--line); padding:14px 4px; cursor:pointer; line-height:1.7}
.choice:disabled{cursor:default; color:var(--ink)}
.choice.ok{color:var(--ok); font-weight:700}
.choice.ok::before{content:"○ "}
.choice.ng{color:var(--error)}
.choice.ng::before{content:"× "}
.why{margin-top:16px; color:var(--ink-2)}
.level{font-size:14px; color:var(--ink-3); margin-top:24px}
table{border-collapse:collapse; width:100%; margin-top:14px; font-size:14px}
th,td{border-bottom:1px solid var(--line); padding:8px 6px; text-align:left; vertical-align:top}
.scroll{overflow-x:auto}
.summary{width:100%; min-height:300px; font:inherit; font-size:14px; line-height:1.7; padding:12px; border:1px solid var(--line); border-radius:8px; margin-top:12px; color:var(--ink); background:#fff}
.row{display:flex; flex-wrap:wrap; gap:12px}
.row .btn{margin-top:16px}
.picks{display:grid; gap:12px; margin-top:16px}
.pick{display:block; text-align:left; font:inherit; background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px 18px; cursor:pointer; line-height:1.6}
.pick b{display:block; font-size:17px; color:var(--navy)}
.pick span{display:block; color:var(--ink-2); font-size:14px; margin-top:4px}
.pick:hover{border-color:var(--navy)}
.link{font:inherit; background:none; border:0; color:var(--navy); text-decoration:underline; cursor:pointer; padding:0; margin-top:20px}
.codebig{font-size:34px; font-weight:700; letter-spacing:.2em; font-family:ui-monospace,Menlo,monospace; margin:8px 0 0}
#code{font-family:ui-monospace,Menlo,monospace; font-size:20px; letter-spacing:.15em; max-width:220px}
.mono{font-family:ui-monospace,Menlo,monospace; letter-spacing:.1em}
.mini{font:inherit; font-size:13px; font-weight:700; border:1px solid var(--gold-line); background:var(--gold); color:var(--on-gold); padding:4px 12px; border-radius:999px; cursor:pointer; margin:0 10px 0 8px}
.nowrap{white-space:nowrap; display:inline-block}
.promise{margin-top:16px; font-size:14px; color:var(--ink-2); border-top:1px solid var(--line); padding-top:12px}
.src{margin-top:28px}
.src .btn{margin-top:0}
.ask{width:100%; font:inherit; padding:10px 12px; border:1px solid var(--line); border-radius:8px; margin-top:12px; resize:vertical}
.askrow{display:flex; justify-content:space-between; align-items:center; gap:12px}
.askrow .btn{margin-top:12px}
.qa{border-top:1px solid var(--line); padding:14px 0}
.qa-q{font-weight:700; margin:0}
.qa-a{margin:8px 0 0; white-space:pre-wrap}
.btn.wide{display:block; width:100%; margin-top:36px}
.mini.del{background:#fff; border-color:var(--error); color:var(--error)}
/* 戻る（DECISIONS §6.6：画面の下、操作の並びのあと。「前の画面に戻る」を先に） */
.nav-bottom{display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:32px; padding-top:14px; border-top:1px solid var(--line)}
.nav-bottom .link{margin-top:0; font-size:15px}