/* Shared styles for Service Area pages (Corona, Riverside, etc.) */
.area-page{font-family:'Open Sans',sans-serif;color:#1a1a2e;max-width:900px;margin:0 auto;padding:40px 20px 60px;}
.area-page h1{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(1.6rem,4vw,2.4rem);color:#1c2b5c;margin-bottom:12px;letter-spacing:-0.02em;line-height:1.2;}
.area-page h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.25rem;color:#1c2b5c;margin:32px 0 10px;}
.area-page h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1rem;color:#1c2b5c;margin:20px 0 6px;}
.area-page p{font-size:0.95rem;line-height:1.8;color:#374151;margin-bottom:14px;}
.area-page strong{color:#1c2b5c;}
.area-page a{color:#1c2b5c;font-weight:600;}

.co-hero{background:linear-gradient(135deg,#141f44,#1c2b5c);border-radius:16px;padding:36px 32px;margin-bottom:36px;color:white;}
.co-hero h1{color:white;margin-bottom:8px;}
.co-hero h1 span{color:#c9a84c;}
.co-hero p{color:rgba(255,255,255,0.75);font-size:1rem;margin-bottom:20px;}
.co-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.co-badge{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:100px;padding:5px 14px;font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.85);font-family:'Montserrat',sans-serif;}
.co-cta{display:inline-block;background:#c9a84c;color:#141f44;font-family:'Montserrat',sans-serif;font-weight:800;font-size:0.95rem;padding:14px 28px;border-radius:10px;text-decoration:none;}
.co-cta:hover{background:#e8c96a;}

.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0 32px;}
.why-card{background:#f7f8fc;border-radius:12px;padding:20px;border-top:3px solid #c9a84c;}
.why-card .wi{font-size:1.6rem;margin-bottom:8px;}
.why-card h3{margin:0 0 6px;font-size:0.9rem;}
.why-card p{font-size:0.82rem;margin:0;color:#6b7280;}

.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0 28px;}
.svc-card{background:#1c2b5c;border-radius:10px;padding:16px 18px;}
.svc-card h3{color:#c9a84c;font-size:0.88rem;margin:0 0 4px;}
.svc-card p{color:rgba(255,255,255,0.65);font-size:0.78rem;margin:0;line-height:1.5;}

.faq-item{border-bottom:1px solid #e5e7eb;padding:16px 0;}
.faq-item:last-child{border-bottom:none;}
.faq-item h3{font-size:0.95rem;margin:0 0 6px;color:#1c2b5c;}
.faq-item p{font-size:0.88rem;margin:0;color:#374151;line-height:1.7;}

.hood-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 28px;}
.hood-pill{background:#eef2ff;border:1px solid #c7d2fe;border-radius:100px;padding:5px 14px;font-size:0.78rem;font-weight:600;color:#1c2b5c;font-family:'Montserrat',sans-serif;}

.co-bottom-cta{background:linear-gradient(135deg,#141f44,#243370);border-radius:16px;padding:32px;text-align:center;margin-top:40px;}
.co-bottom-cta h2{color:white;font-size:1.4rem;margin-bottom:8px;}
.co-bottom-cta p{color:rgba(255,255,255,0.65);margin-bottom:20px;font-size:0.9rem;}
.co-bottom-cta .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.co-bottom-cta a.gold{background:#c9a84c;color:#141f44;font-family:'Montserrat',sans-serif;font-weight:800;padding:13px 24px;border-radius:10px;text-decoration:none;font-size:0.9rem;}
.co-bottom-cta a.outline{background:transparent;color:white;border:2px solid rgba(255,255,255,0.3);font-family:'Montserrat',sans-serif;font-weight:700;padding:13px 24px;border-radius:10px;text-decoration:none;font-size:0.9rem;}

/* Sticky in-page quick nav (service-area pages) */
.area-page { padding-top: 24px; }
.area-jump { position: sticky; top: 64px; z-index: 40; display: flex; gap: 8px; overflow-x: auto; padding: 11px 4px; margin: 4px -4px 22px; background: #f7f8fc; scrollbar-width: none; }
.area-jump::-webkit-scrollbar { display: none; }
.area-jump a { flex: 0 0 auto; background: #fff; border: 1px solid #e5e7eb; border-radius: 100px; padding: 8px 15px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.8rem; color: #1c2b5c; text-decoration: none; white-space: nowrap; transition: all .15s; }
.area-jump a:hover { background: #1c2b5c; color: #fff; border-color: #1c2b5c; }
.area-page h2 { scroll-margin-top: 122px; }
@media (max-width: 600px) { .co-hero { padding: 24px 20px; } }
.why-card .wi { color: #c9a84c; }
.co-badge .ic { color: #e8c96a; }