/* 税号静态页样式。与 SPA 的 app.css 分开：这些页面不加载 app.js，
   也不该被 SPA 的视图切换样式影响。 */
:root{
  --bg:#f6f7f8; --card:#fff; --ink:#15191c; --ink-2:#4a5560; --ink-3:#7b8794;
  --line:#e3e7ea; --brand:#0f766e; --brand-ink:#0b5c56;
  --green:#128a4a; --green-bg:#e7f6ec; --yellow:#a26a00; --yellow-bg:#fdf3df;
  --radius:12px; --shadow:0 1px 2px rgba(16,24,32,.06),0 1px 8px rgba(16,24,32,.04);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--ink); font-size:16px; line-height:1.65;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased; padding-bottom:32px;
}
.wrap{width:100%; max-width:760px; margin:0 auto; padding:0 16px}
a{color:var(--brand-ink)}

.topbar{background:var(--brand); color:#fff; padding:13px 0}
.topbar .brand{color:#fff; text-decoration:none; font-size:15px; font-weight:600}
.logo{
  display:inline-block; width:22px; height:22px; line-height:22px; text-align:center;
  background:rgba(255,255,255,.2); border-radius:6px; font-size:13px; margin-right:4px;
  vertical-align:-3px;
}

.crumb{font-size:12.5px; color:var(--ink-3); margin:16px 0 4px}
.crumb a{color:var(--ink-3)}
h1{font-size:23px; margin:6px 0 4px; letter-spacing:.3px}
.lead{color:var(--ink-2); margin:0 0 18px; font-size:14.5px}

.card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  padding:14px 16px; margin-bottom:14px; box-shadow:var(--shadow);
}
.card h2{font-size:15px; margin:0 0 10px; color:var(--brand-ink)}

.kv{margin:0; display:grid; grid-template-columns:76px 1fr; gap:5px 10px}
.kv dt{color:var(--ink-3); font-size:13px}
.kv dd{margin:0; font-size:14px; word-break:break-word}

.path{margin-top:12px; font-size:13px; color:var(--ink-2)}
.path b{display:block; color:var(--ink-3); font-size:12.5px; font-weight:500; margin-bottom:4px}
.path ol{margin:0; padding-left:20px}
.path li{margin:2px 0}

.t{width:100%; border-collapse:collapse; font-size:14px}
.t th{text-align:left; font-weight:500; color:var(--ink-2); padding:7px 0; vertical-align:top}
.t td{padding:7px 0; vertical-align:top}
.t tr+tr th,.t tr+tr td{border-top:1px solid var(--line)}
.t .n{width:110px; text-align:right; font-variant-numeric:tabular-nums; font-weight:600; white-space:nowrap}
.t .reg{padding-left:12px; font-size:12px; color:var(--ink-3); word-break:break-word}
.t th .sub{display:block; font-size:11.5px; color:var(--ink-3); font-weight:400}

.note{font-size:12.5px; color:var(--ink-3); margin:10px 0 0}
.ok{background:var(--green-bg); color:var(--green); padding:9px 11px; border-radius:8px; font-size:13.5px; margin:0}
.warn{background:var(--yellow-bg); color:var(--yellow); padding:9px 11px; border-radius:8px; font-size:13.5px; margin:0 0 10px}

.izin{border-left:3px solid var(--yellow); padding:2px 0 2px 10px; margin:10px 0}
.izin-t{font-size:14px; font-weight:600}
.izin-t .tag{font-size:11px; font-weight:400; color:var(--ink-3); margin-left:4px}
.izin-r{font-size:12.5px; color:var(--ink-2); margin-top:2px}
.izin-n{font-size:12.5px; color:var(--yellow); margin-top:2px}

.sib{list-style:none; margin:0; padding:0; font-size:13.5px}
.sib li{padding:5px 0; border-bottom:1px solid var(--line)}
.sib li:last-child{border-bottom:0}
.sib a{font-variant-numeric:tabular-nums; font-weight:600; text-decoration:none}
.sib span{color:var(--ink-3); margin-left:8px; font-size:12.5px}

.cta{
  background:var(--brand); color:#fff; border-radius:var(--radius);
  padding:18px 16px; margin:18px 0 14px;
}
.cta h2{font-size:16px; margin:0 0 6px; color:#fff}
.cta p{font-size:13.5px; margin:0 0 12px; color:rgba(255,255,255,.9)}
.cta .btn{
  display:inline-block; background:#fff; color:var(--brand-ink); text-decoration:none;
  padding:9px 16px; border-radius:8px; font-weight:600; font-size:14px;
}

.src{font-size:12px; color:var(--ink-3); margin:14px 0 0}
.site-foot{border-top:1px solid var(--line); margin-top:24px; padding:16px 0; font-size:12.5px; color:var(--ink-3)}
.site-foot p{margin:4px 0}

@media (max-width:420px){
  h1{font-size:20px}
  .kv{grid-template-columns:64px 1fr}
  .t .n{width:88px}
}
.kv dd .mt-note{
  display:block; font-size:11px; color:var(--ink-3); margin-top:2px; letter-spacing:.2px;
}