/* PACESET — 規約・ポリシーページ共通スタイル（デザイン A「計器」・2026-10-26） */
:root{
  --bg:#141413; --surface:#1f1f1d; --border:#353530; --border-2:#4a4a43;
  --text:#f6f3ec; --text-2:#cfcbc2; --muted:#a29e94; --dim:#959188; --accent:#ef5e26; --accent-hi:#f37949;
  --font-jp:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic UI",system-ui,sans-serif;
  --font-num:"Space Mono",ui-monospace,Menlo,Consolas,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{background:var(--bg)}
body{margin:0;font-family:var(--font-jp);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.85}
.topbar{position:sticky;top:0;z-index:10;height:64px;padding:0 24px;display:flex;align-items:center;gap:12px;
  background:var(--bg);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand .mark{width:30px;height:30px;flex:none}
.brand h1{margin:0;font-family:var(--font-num);font-size:17px;font-weight:700;letter-spacing:.08em}
.back{margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;
  background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:700;text-decoration:none}
.back:hover{border-color:var(--border-2);color:var(--text)}
.back svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
main{max-width:760px;margin:0 auto;padding:40px 24px 80px}
.eyebrow{font-family:var(--font-num);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-hi)}
h2.title{font-size:30px;font-weight:900;margin:10px 0 6px;letter-spacing:-.01em;line-height:1.3}
.updated{color:var(--dim);font-size:13px;margin:0 0 34px}
.lead{color:var(--text-2);font-size:15px;background:var(--surface);border:1px solid var(--border);padding:18px 20px;margin:0 0 34px}
h3{font-size:18px;font-weight:800;margin:34px 0 10px;padding-top:22px;border-top:1px solid var(--border)}
h3:first-of-type{border-top:none;padding-top:0}
p{margin:0 0 12px;color:var(--text-2);font-size:15px}
ul{margin:0 0 12px;padding-left:1.3em;color:var(--text-2);font-size:15px}
li{margin-bottom:7px}
strong{color:var(--text);font-weight:700}
a{color:var(--accent-hi)}
.callout{background:rgba(239,94,38,.08);border:1px solid var(--accent);padding:16px 18px;margin:16px 0}
.callout p{margin:0;color:var(--text)}
table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:14px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:top}
th{color:var(--text);font-weight:700;white-space:nowrap}
footer{border-top:1px solid var(--border);margin-top:44px;padding-top:22px;color:var(--dim);font-size:13px;display:flex;gap:16px;flex-wrap:wrap}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--text)}
@media(max-width:600px){
  .topbar{height:56px;padding:0 16px}
  main{padding:28px 18px 60px}
  h2.title{font-size:24px}
}
