/* Shared styles for AutopartUploader legal pages — matches the landing. */
:root{
  --bg:#0b0b0d; --bg-panel:#141417; --line:#2a2a30; --line-soft:#1f1f24;
  --txt:#f4f4f2; --txt-dim:#a1a1aa; --txt-faint:#6b6b73;
  --amber:#ff8a00; --amber-soft:#ffb24d;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg); color:var(--txt);
  font-family:"Bricolage Grotesque", sans-serif; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--amber); color:#0b0b0d;}
.mono{font-family:"Spline Sans Mono", monospace;}
a{color:var(--amber-soft); text-decoration:none;}
a:hover{text-decoration:underline;}

header{position:sticky; top:0; z-index:50; backdrop-filter:blur(12px);
  background:rgba(11,11,13,.72); border-bottom:1px solid var(--line-soft);}
nav{max-width:920px; margin:0 auto; padding:0 24px; height:64px;
  display:flex; align-items:center; justify-content:space-between;}
.logo{display:flex; align-items:center; gap:9px; font-weight:800; font-size:18px;
  letter-spacing:-.02em; color:var(--txt); text-decoration:none;}
.logo:hover{text-decoration:none;}
.logo .mk{width:28px; height:28px; display:grid; place-items:center; background:var(--amber);
  color:#0b0b0d; border-radius:3px; font-size:17px; font-weight:800;}
.logo .amber{color:var(--amber);}
nav .back{color:var(--txt-dim); font-size:14px;}

main{max-width:920px; margin:0 auto; padding:56px 24px 90px;}

.doc-head{border-bottom:1px solid var(--line); padding-bottom:28px; margin-bottom:40px;}
.doc-head .tag{font-family:"Spline Sans Mono", monospace; font-size:11px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--amber-soft); display:flex; align-items:center; gap:8px;}
.doc-head .tag::before{content:""; width:18px; height:1px; background:var(--amber);}
.doc-head h1{font-size:clamp(30px,5vw,46px); font-weight:800; letter-spacing:-.03em; margin:14px 0 10px;}
.doc-head .meta{color:var(--txt-faint); font-size:13px; font-family:"Spline Sans Mono", monospace;}

.notice{background:rgba(255,138,0,.08); border:1px solid rgba(255,138,0,.35);
  border-radius:6px; padding:16px 18px; margin-bottom:40px; font-size:14px; color:var(--amber-soft);}
.notice strong{color:var(--amber);}

.doc h2{font-size:21px; font-weight:700; letter-spacing:-.02em; margin:40px 0 14px; color:var(--txt);}
.doc h2 .n{font-family:"Spline Sans Mono", monospace; color:var(--amber); font-size:15px; margin-right:10px;}
.doc h3{font-size:16px; font-weight:700; margin:24px 0 8px; color:var(--txt);}
.doc p{color:var(--txt-dim); margin-bottom:14px; font-size:15.5px;}
.doc ul{color:var(--txt-dim); margin:0 0 16px 22px; font-size:15.5px;}
.doc li{margin-bottom:8px;}
.doc .ph{color:var(--amber-soft); background:rgba(255,138,0,.1); padding:1px 6px;
  border-radius:3px; font-family:"Spline Sans Mono", monospace; font-size:13px;}
.doc table{width:100%; border-collapse:collapse; margin:8px 0 20px; font-size:14px;}
.doc th,.doc td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line-soft); color:var(--txt-dim);}
.doc th{color:var(--txt-faint); font-family:"Spline Sans Mono", monospace; font-size:12px;
  letter-spacing:.05em; text-transform:uppercase; font-weight:500;}

footer{border-top:1px solid var(--line-soft); padding:34px 0; color:var(--txt-faint); font-size:13px;}
footer .wrap{max-width:920px; margin:0 auto; padding:0 24px; display:flex;
  justify-content:space-between; gap:16px; flex-wrap:wrap;}
footer a{color:var(--txt-dim);}
footer .links{display:flex; gap:18px; flex-wrap:wrap;}