/* Shared layout for the simple pages (policy pages, SEO landing pages, follow, contact).
   Colours and fonts come from /css/brand.css, load that first. */

*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--font-body)}
.w{max-width:960px;margin:auto;padding:0 16px}header{border-bottom:2px solid var(--acc);background:linear-gradient(90deg,#3a0d08,var(--bg))}header .w{display:flex;align-items:center;gap:12px;padding:12px 16px}header img{width:48px;height:48px;border-radius:50%;border:2px solid var(--acc)}header b{font:italic 700 20px var(--font-head);color:var(--acc)}
.hero{text-align:center;padding:56px 0 36px}.hero img{width:150px;height:150px;border-radius:50%;border:3px solid var(--acc);box-shadow:0 0 36px rgba(246,194,91,.45)}
h1{font:italic 700 clamp(28px,6vw,46px)/1.2 var(--font-head);color:var(--acc);margin:18px 0 8px}.sub{color:var(--mut);max-width:620px;margin:0 auto 24px}
.btn{display:inline-block;padding:14px 28px;border-radius:10px;background:linear-gradient(90deg,var(--acc2),#e0452a);color:var(--bg);font-weight:700;text-decoration:none}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:30px 0}.c{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.c h3{margin:0 0 6px;color:var(--acc);font-size:17px}.c p{margin:0;color:var(--mut);font-size:14px}
footer{border-top:1px solid var(--line);padding:22px 0;color:var(--mut);font-size:13px;text-align:center;margin-top:30px}footer a{color:var(--acc)}
main h2{color:var(--acc);margin-top:26px}main li{margin:6px 0}main a{color:var(--acc)}