/* ─── Shared styles for Radio Mirror Park SEO landing pages ─── */
.page-wrap{max-width:920px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}

/* Hero */
.seo-hero{padding:clamp(56px,9vw,96px) 24px clamp(24px,4vw,40px);text-align:center;position:relative;isolation:isolate}
.seo-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0%,rgba(232,88,32,.16) 0%,transparent 62%);pointer-events:none}
.seo-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}
.seo-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:seo-pulse 1.4s ease-in-out infinite}
@keyframes seo-pulse{0%,100%{opacity:1}50%{opacity:.3}}
.seo-h1{font-family:'Fredoka',sans-serif;font-size:clamp(38px,8vw,68px);font-weight:700;color:var(--text);line-height:1;margin-bottom:16px}
.seo-h1 span{color:var(--orange)}
.seo-lead{font-size:clamp(16px,2.6vw,20px);color:var(--muted);max-width:640px;margin:0 auto 26px;line-height:1.55}
.listen-btn{display:inline-flex;align-items:center;gap:12px;background:var(--orange);color:#fff;border:none;border-radius:999px;font-family:'Nunito',sans-serif;font-size:clamp(15px,2.5vw,18px);font-weight:800;padding:15px 34px;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s,box-shadow .2s;box-shadow:0 8px 30px rgba(232,88,32,.35)}
.listen-btn:hover{background:var(--orange-hi);transform:translateY(-2px)}
.listen-btn svg{width:18px;height:18px;fill:currentColor}

/* Prose */
.seo-prose{padding:clamp(20px,4vw,40px) 0 clamp(40px,6vw,72px)}
.seo-prose h2{font-family:'Fredoka',sans-serif;font-size:clamp(24px,4.5vw,34px);font-weight:700;color:var(--text);margin:clamp(30px,5vw,50px) 0 14px;line-height:1.2}
.seo-prose h2 span{color:var(--orange)}
.seo-prose h3{font-family:'Fredoka',sans-serif;font-size:clamp(18px,3vw,22px);font-weight:600;color:var(--text);margin:24px 0 8px}
.seo-prose p{font-size:clamp(15px,2.2vw,17px);color:var(--muted);line-height:1.75;margin-bottom:16px}
.seo-prose p strong{color:var(--text)}
.seo-prose a{color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(232,88,32,.35)}
.seo-prose a:hover{border-color:var(--orange)}
.seo-prose ul{margin:0 0 18px;padding-left:0;list-style:none}
.seo-prose li{position:relative;padding-left:26px;margin-bottom:9px;color:var(--muted);font-size:clamp(15px,2.2vw,17px);line-height:1.6}
.seo-prose li::before{content:'▹';position:absolute;left:4px;color:var(--orange);font-weight:700}

/* Chips + cards */
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:6px 0 22px}
.chip{display:inline-block;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(232,88,32,.1);border:1px solid var(--border);color:var(--orange)}
.card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:8px 0 24px}
.mini-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}
.mini-card .mc-t{font-family:'Fredoka',sans-serif;font-weight:600;color:var(--text);font-size:17px;margin-bottom:6px}
.mini-card .mc-d{font-size:14px;color:var(--muted);line-height:1.6}

/* FAQ */
.faq-item{border-top:1px solid var(--border);padding:18px 0}
.faq-item h3{font-family:'Fredoka',sans-serif;font-size:clamp(16px,2.6vw,19px);font-weight:600;color:var(--text);margin-bottom:8px}
.faq-item p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}

/* Cross-links */
.xlinks{margin-top:clamp(36px,5vw,56px);padding:clamp(22px,3vw,30px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
.xlinks .xl-t{font-family:'Fredoka',sans-serif;font-size:18px;font-weight:600;color:var(--text);margin-bottom:14px}
.xlinks .xl-grid{display:flex;flex-wrap:wrap;gap:10px}
.xlinks a{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;background:rgba(232,88,32,.08);border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:14px;font-weight:700;transition:border-color .15s,background .15s}
.xlinks a:hover{border-color:var(--orange);background:rgba(232,88,32,.14)}