/* 勝負ラボ 法務・情報ページ共通スタイル（アプリのフェルト意匠に整合） */
:root{
  --felt:#123a2e; --felt-2:#0d2c22;
  --ink:#eae5d6; --ink-dim:#a7b3a4;
  --gold:#cba24c; --gold-dim:#8f7a3c;
  --panel:#16473833; --border:#ffffff1f;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; color:var(--ink); font-family:var(--ui); line-height:1.9;
  background:radial-gradient(120% 90% at 50% -10%, #1a5241 0%, var(--felt) 42%, var(--felt-2) 100%);
  min-height:100vh; padding:22px 16px 64px; -webkit-text-size-adjust:100%;
}
.doc{max-width:720px; margin:0 auto}
.crumb{display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--ink-dim); margin-bottom:20px; flex-wrap:wrap}
.crumb a{color:var(--gold); text-decoration:none}
.crumb a:hover{text-decoration:underline}
.crumb .sep{opacity:.4}
.brand{font-family:var(--serif); font-size:15px; color:#f6f1e2; letter-spacing:.02em}
.brand small{font-family:var(--ui); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); display:block; margin-top:1px}
.card{background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:30px 28px}
h1{font-family:var(--serif); font-weight:600; font-size:clamp(24px,5vw,30px); color:#f6f1e2; margin:0 0 6px; letter-spacing:.3px; text-wrap:balance}
.updated{font-size:12px; color:var(--ink-dim); margin:0 0 26px; letter-spacing:.04em}
h2{font-family:var(--serif); font-weight:600; font-size:18.5px; color:var(--gold); margin:30px 0 10px; padding-top:18px; border-top:1px solid var(--border)}
h2:first-of-type{border-top:0; padding-top:0}
h3{font-size:15px; color:#f2ecdc; margin:18px 0 6px}
p{margin:0 0 12px; font-size:14.5px; color:var(--ink)}
ul,ol{margin:0 0 14px; padding-left:22px}
li{font-size:14.5px; margin-bottom:7px}
a{color:var(--gold)}
b,strong{color:#f2ecdc}
.lead{font-size:15px; color:var(--ink); background:#cba24c12; border-left:3px solid var(--gold); border-radius:0 8px 8px 0; padding:12px 15px; margin:0 0 22px}
.note{font-size:13px; color:var(--ink-dim); background:#00000030; border:1px solid var(--border); border-radius:10px; padding:12px 14px; margin:16px 0}
table.info{width:100%; border-collapse:collapse; margin:8px 0 16px; font-size:14px}
table.info th,table.info td{border:1px solid var(--border); padding:9px 12px; text-align:left; vertical-align:top}
table.info th{background:#00000030; color:var(--ink-dim); white-space:nowrap; width:34%; font-weight:600}
.btn{display:inline-block; margin-top:8px; background:var(--gold); color:#241f10; font-weight:800; font-size:14px; text-decoration:none; padding:11px 22px; border-radius:10px}
.pagefoot{margin-top:28px; display:flex; gap:14px 20px; flex-wrap:wrap; justify-content:center; font-size:12.5px}
.pagefoot a{color:var(--ink-dim); text-decoration:none}
.pagefoot a:hover{color:var(--gold)}
.pagefoot .cw{width:100%; text-align:center; color:var(--ink-dim); opacity:.7; margin-top:6px; font-size:11px; letter-spacing:.04em}
@media (max-width:560px){
  body{padding:14px 12px 48px}
  .card{padding:22px 18px}
  table.info th{width:40%}
}