@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap');

:root{
  --bg:#ffffff; --ink:#0a0a0a; --ink-soft:#55555b; --ink-faint:#9a9aa2;
  --mist:#f5f5f7; --line:#e7e7ea; --line-strong:#d8d8dd;
  --radius-lg:20px; --radius-pill:999px;
  --font-display:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body);
  font-size:15.5px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
a{color:var(--ink);}
.wrap{max-width:760px; margin:0 auto; padding:0 24px;}

header{
  border-bottom:1px solid var(--line); padding:22px 0; margin-bottom:56px;
}
header .wrap{display:flex; align-items:center; justify-content:space-between;}
.brand{font-family:var(--font-display); font-weight:800; font-size:19px; text-decoration:none; color:var(--ink);}
.back-link{font-size:13.5px; color:var(--ink-soft); text-decoration:none;}
.back-link:hover{color:var(--ink);}

main{padding-bottom:90px;}
.doc-eyebrow{
  font-family:var(--font-mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ink-faint); margin-bottom:10px;
}
h1{
  font-family:var(--font-display); font-size:clamp(26px,4vw,36px); font-weight:800;
  letter-spacing:-0.02em; margin:0 0 8px;
}
.doc-updated{color:var(--ink-faint); font-size:13px; font-family:var(--font-mono); margin-bottom:40px;}

.notice{
  background:var(--mist); border-radius:14px; padding:16px 20px; font-size:13.5px;
  color:var(--ink-soft); margin-bottom:44px; line-height:1.65;
}
.notice b{color:var(--ink);}

h2{
  font-family:var(--font-display); font-size:19px; font-weight:700; letter-spacing:-0.01em;
  margin:44px 0 14px; padding-top:20px; border-top:1px solid var(--line);
}
h2:first-of-type{border-top:none; padding-top:0; margin-top:0;}
p{margin:0 0 14px; color:var(--ink-soft);}
ul,ol{margin:0 0 14px; padding-left:22px; color:var(--ink-soft);}
li{margin-bottom:6px;}
strong{color:var(--ink); font-weight:600;}

.fill{
  background:#fff3cd; color:#7a5c00; padding:1px 6px; border-radius:5px;
  font-family:var(--font-mono); font-size:13.5px; font-weight:500;
}

.contact-box{
  border:1px solid var(--line); border-radius:var(--radius-lg); padding:24px 26px; margin-top:20px;
}
.contact-box div{display:flex; justify-content:space-between; padding:7px 0; font-size:14px; border-bottom:1px solid var(--line);}
.contact-box div:last-child{border-bottom:none;}
.contact-box span:first-child{color:var(--ink-soft);}
.contact-box span:last-child{font-weight:600;}

footer{border-top:1px solid var(--line); padding:26px 0; text-align:center;}
footer p{font-size:12.5px; color:var(--ink-faint); margin:0; font-family:var(--font-mono);}