/* Snipz — shared sub-page styling (layers on home.css) */
.page-main{padding:calc(var(--nav-h) + 70px) 0 90px;min-height:70vh}
.page-head{max-width:760px}
.page-head h1{font-size:clamp(2.1rem,4.6vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin-bottom:18px}
.page-head h1 em{font-style:normal;background:linear-gradient(100deg,var(--purple-deep),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.page-lede{color:var(--muted);font-size:1.08rem;max-width:62ch}
.page-body{max-width:760px;margin-top:34px}
.page-body h2{font-size:1.4rem;font-weight:750;letter-spacing:-.03em;margin:34px 0 12px}
.page-body p{color:var(--muted);margin-bottom:14px}
.page-body ul{display:grid;gap:10px;margin:0 0 18px}
.page-body ul li{position:relative;padding-left:24px;color:var(--muted)}
.page-body ul li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--purple)}
.page-body a{color:var(--purple-deep);font-weight:560}
.page-body a:hover{text-decoration:underline}
.note-card{margin-top:30px;padding:24px 26px;border-radius:var(--r-lg);background:var(--purple-wash);border:1px solid var(--purple-line)}
.note-card b{display:block;margin-bottom:6px;letter-spacing:-.02em}
.note-card p{color:var(--muted);font-size:.95rem;margin:0}
.back-home{display:inline-flex;align-items:center;gap:8px;margin-top:34px;font-weight:600;color:var(--purple-deep)}
.back-home:hover{text-decoration:underline}
.thanks-wrap{text-align:center;max-width:620px;margin-inline:auto}
.thanks-ic{width:82px;height:82px;margin:0 auto 26px;border-radius:50%;display:grid;place-items:center;font-size:2.4rem;
  background:linear-gradient(140deg,var(--purple-wash),#fff);border:1px solid var(--purple-line)}
.thanks-wrap .page-lede{margin-inline:auto}
.thanks-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;margin-top:32px}