/* Docs article chrome — tokens #1A1A1A / #C9972C. */
:root { --black:#1A1A1A; --gold:#C9972C; --white:#fff; --light:#F5F5F5; --gray:#666; --rule:#E5E5E5; }
body{margin:0;font-family:system-ui,sans-serif;color:var(--black);background:var(--white);line-height:1.55}
a{color:var(--black)}
a:hover{color:var(--gold)}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}
.wrap-narrow{max-width:40rem;margin:0 auto;padding:0 1.25rem}
.page-hero,.band{padding:1.5rem 0}
.band-tight{padding:1.1rem 0}
.micro{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;margin-bottom:.45rem}
h1{font-size:1.7rem;margin:.2rem 0 .6rem;line-height:1.25}
h2{font-size:1.2rem;margin:1.4rem 0 .5rem}
h3{font-size:1.02rem;margin:.2rem 0 .35rem}
.lead{font-size:1.05rem;max-width:42rem}
.muted{color:var(--gray);font-size:.9rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}
@media(max-width:640px){.grid-2{grid-template-columns:1fr}}
.service-card{background:var(--light);border-radius:8px;padding:.95rem 1.05rem}
.service-card p{margin:.25rem 0 0}
.source{font-size:.85rem;color:var(--gray);border-left:3px solid var(--gold);padding:.2rem 0 .2rem .8rem;margin:1rem 0}
.sku{background:#FFF8E8;border:1px solid #E6D19A;border-radius:8px;padding:.9rem 1.05rem;margin:1.1rem 0}
.top{background:var(--black);color:var(--white);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.top a{color:var(--white);text-decoration:none}
.top a:hover{color:var(--gold)}
footer.guide-foot{margin:2rem 0 1rem;color:var(--gray);font-size:.85rem}
footer.guide-foot a{color:var(--black);text-decoration:none}
footer.guide-foot a:hover{color:var(--gold)}
.btn-row{display:flex;flex-wrap:wrap;gap:.5rem}
ul,ol{padding-left:1.2rem}
code{font-size:.92em}