.doc{max-width:820px;padding:56px 0 90px}
.doc h1{font-size:clamp(30px,4vw,40px);letter-spacing:-.03em;margin-bottom:8px}
.doc-lead{color:var(--muted);font-size:17px;margin-bottom:34px}
.doc-body h2{font-size:19px;letter-spacing:-.01em;margin:34px 0 10px}
.doc-body p,.doc-body li{color:#b9c0cf;font-size:15.5px;line-height:1.7}
.doc-body ul{padding-left:20px;display:grid;gap:6px;margin:8px 0}
.doc-body a{color:var(--accent2)}
.doc-body a:hover{text-decoration:underline}
.doc-body b{color:var(--text)}
.stamp{display:inline-block;padding:6px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--dim)!important;font-size:13px!important;margin-bottom:6px}
.faq{display:grid;gap:12px}
.contacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.contact{display:grid;gap:6px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:.18s}
.contact:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none!important}
.contact b{font-size:17px}
.contact span{color:var(--muted);font-size:14px}
.doc-note{color:var(--dim)}

.store-plans{margin-bottom:40px}
.doc-body .plans{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.doc-body h2#where{margin-top:10px}
.store-note{margin:0 0 16px;color:#b9c0cf}
.steps{padding-left:22px;display:grid;gap:8px;margin:10px 0 24px;color:#b9c0cf}
.steps li{line-height:1.6}

/* buttons inside text pages keep their own colours */
.doc-body a.btn{color:#fff;text-decoration:none}
.doc-body a.btn.ghost{color:var(--text)}
.doc-body a.btn:hover{text-decoration:none}