/* 古物査定の窓口 — 法務ページ共通スタイル（LPと同じトークン） */
:root, :root[data-theme="dark"], :root[data-theme="light"]{
  --paper:#FBF8F2; --paper-2:#F3EEE3; --card:#FFFFFF;
  --ink:#141D27; --ink-soft:#3D4954; --ink-mute:#6B737B; --rule:#D9D0BF;
  --navy:#1C3A5E; --navy-deep:#122740; --brick:#A5432B; --gold:#A2823E;
  color-scheme:light;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--paper); color:var(--ink);
  font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
  font-size:16px; line-height:1.9; -webkit-text-size-adjust:100%;
}
.wrap{max-width:820px; margin:0 auto; padding:0 24px}

/* ヘッダー */
.hd{border-bottom:1px solid var(--rule); background:var(--paper); padding:18px 0}
.hd .wrap{display:flex; align-items:center; gap:14px}
.hd svg{width:26px; height:26px; stroke:var(--navy); stroke-width:1.8; fill:none; flex:none}
.hd .wrap{align-items:flex-start}
.hd .logo-img{height:66px;width:auto;display:block}
.hd .brand{display:flex;flex-direction:column;gap:5px}
.hd .sub{white-space:nowrap;padding-left:2px}
@media (max-width:560px){.hd .logo-img{height:44px}.hd .sub{display:none}}
.hd .nm{font-weight:800; font-size:17px; color:var(--navy); letter-spacing:-.01em}
.hd .sub{font-size:12px; color:var(--ink-mute); font-weight:700}
.hd a.back{margin-left:auto; font-size:14px; color:var(--navy); font-weight:700; text-decoration:none}
.hd a.back:hover{text-decoration:underline}

/* 本文 */
main{padding:52px 0 72px}
.eyebrow{display:flex; align-items:center; gap:13px; margin-bottom:16px}
.eyebrow i{width:44px; height:6px; background:var(--brick); border-radius:3px; display:block}
.eyebrow span{font-size:15px; font-weight:800; color:var(--brick); letter-spacing:.05em}
h1{font-size:clamp(27px,4.6vw,38px); font-weight:800; letter-spacing:-.02em; line-height:1.35; text-wrap:balance}
.lead{margin-top:16px; color:var(--ink-soft); font-size:15.5px}
.updated{margin-top:28px; font-size:13.5px; color:var(--ink-mute)}

h2{font-size:20px; font-weight:800; margin:44px 0 14px; padding-left:14px; border-left:5px solid var(--navy); line-height:1.5}
h3{font-size:16.5px; font-weight:800; margin:26px 0 8px; color:var(--navy)}
p{margin:12px 0}
ul,ol{margin:12px 0 12px 1.4em}
li{margin:6px 0}
a{color:var(--navy)}

/* 表 */
.tbl-wrap{overflow-x:auto; margin:18px 0; border:1px solid var(--rule); border-radius:10px; background:var(--card)}
table{border-collapse:collapse; width:100%; min-width:520px; font-size:15px}
th,td{padding:14px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--rule)}
tr:last-child th, tr:last-child td{border-bottom:none}
th{width:31%; background:var(--paper-2); font-weight:800; color:var(--navy); white-space:nowrap}

/* 要記入マーカー（公開前に必ず消すこと） */
.fill{background:#FFF3C4; border-bottom:2px solid #E0A800; padding:1px 6px; border-radius:3px; font-weight:800; color:#6B4E00}

/* 注記 */
.note{background:var(--paper-2); border:1px solid var(--rule); border-radius:10px; padding:18px 20px; margin:20px 0; font-size:14.5px; color:var(--ink-soft)}
.note b{color:var(--ink)}

/* フッター */
footer{border-top:1px solid var(--rule); padding:30px 0 48px; font-size:13.5px; color:var(--ink-mute)}
footer .wrap{display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center}
footer a{color:var(--ink-mute); text-decoration:none}
footer a:hover{color:var(--navy); text-decoration:underline}
footer .cp{margin-left:auto}
