.xp-ca-cities{--ink:#222;--ink-2:#4a4a4a;--muted:#6e6e6e;--page:#fff6f2;--paper:#fff;--line:#f0e2da;--rule:#f7dccf;--margin:#f26b3a;--hi:#f26b3a;--hi-ink:#fff;--brand:#f26b3a;--brand-dark:#d9551f;--wa:#25d366;--c-parents:#1e8e5a;--c-parents-bg:#e4f5ec;--c-naplan:#c93a3a;--c-naplan-bg:#fce6e4;--c-study:#6a4bc4;--c-study-bg:#eee9fb;--c-inside:#e0592a;--c-inside-bg:#ffeadf;--band:#1f1f1f;--band-ink:#fff;--focus:#f26b3a;--ff-d:"Poppins",system-ui,sans-serif;--ff-b:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;box-sizing:border-box}.xp-ca-cities *,.xp-ca-cities :before,.xp-ca-cities :after{box-sizing:inherit}.xp-ca-cities{background:var(--page);color:var(--ink);font:400 16px/1.65 var(--ff-b);-webkit-font-smoothing:antialiased;margin:0}.xp-ca-cities img{max-width:100%;display:block}.xp-ca-cities a{color:inherit}.xp-ca-cities :focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.xp-ca-cities .wrap{max-width:1200px;margin:0 auto;padding:0 20px}.xp-ca-cities h1,.xp-ca-cities h2,.xp-ca-cities h3{font-family:var(--ff-d);letter-spacing:-.01em;margin:0;line-height:1.12}.xp-ca-cities .btn{font:600 15px/1 var(--ff-b);cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 20px;text-decoration:none;display:inline-flex}.xp-ca-cities .btn-hi{background:var(--hi);color:var(--hi-ink)}.xp-ca-cities .btn-hi:hover{filter:brightness(.95)}.xp-ca-cities .search{background:var(--paper);border:2px solid var(--ink);border-radius:14px;align-items:center;gap:10px;max-width:560px;padding:6px 6px 6px 16px;display:flex}.xp-ca-cities .search svg{color:var(--muted);flex:none}.xp-ca-cities .search input{font:500 17px/1.2 var(--ff-b);color:var(--ink);background:0 0;border:0;flex:1;min-width:0;padding:10px 0}.xp-ca-cities .search input:focus{outline:none}.xp-ca-cities .search:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus)30%,transparent)}.xp-ca-cities .final{padding:40px 0 72px}.xp-ca-cities .final-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.xp-ca-cities .final-img{background:var(--c-inside-bg);min-height:320px}.xp-ca-cities .final-img img{object-fit:cover;width:100%;height:100%}.xp-ca-cities .final-txt{padding:44px}.xp-ca-cities .final-txt h2{margin-bottom:14px;font-size:clamp(28px,3.4vw,40px);font-weight:600}.xp-ca-cities .final-txt p{color:var(--ink-2);max-width:46ch;margin:0 0 24px}.xp-ca-cities .final-actions{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:820px){.xp-ca-cities .final-card{grid-template-columns:1fr}.xp-ca-cities .final-img{min-height:220px}.xp-ca-cities .final-txt{padding:28px}}.xp-ca-cities .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.xp-ca-cities .btn-hi{background:var(--brand);color:#fff;border-radius:8px}.xp-ca-cities .btn-hi:hover{background:var(--brand-dark);filter:none}.xp-ca-cities .search{border-color:#222;border-radius:10px}.xp-ca-cities .bb-line{pointer-events:none;position:absolute}.xp-ca-cities .bb-line--left{width:180px;top:60px;left:-10px}.xp-ca-cities .bb-line--right{width:190px;top:40px;right:0}@media (max-width:760px){.xp-ca-cities .bb-line{opacity:.5}.xp-ca-cities .bb-line--left,.xp-ca-cities .bb-line--right{width:110px}}.xp-ca-cities,.xp-ca-cities button,.xp-ca-cities input,.xp-ca-cities select,.xp-ca-cities textarea{font-family:Poppins,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.xp-ca-cities h1,.xp-ca-cities h2,.xp-ca-cities h3,.xp-ca-cities h4{letter-spacing:-.005em;font-family:Poppins,system-ui,sans-serif}.xp-ca-cities .final-card{border-radius:26px;box-shadow:0 30px 60px -40px #f26b3a80}.xp-ca-cities .final-img{background:radial-gradient(circle at 30% 30%,#ffd9c4,#0000 55%),linear-gradient(135deg,#ffe7db,#ffd1c2);min-height:360px;position:relative}.xp-ca-cities .final-img img{z-index:1;position:relative}.xp-ca-cities .final-art{position:absolute;inset:0}.xp-ca-cities .fa-spark{width:46px;position:absolute;top:14%;left:12%}.xp-ca-cities .fa-stat{background:#fff;border-radius:16px;flex-direction:column;padding:14px 18px;display:flex;position:absolute;box-shadow:0 18px 36px -20px #0000004d}.xp-ca-cities .fa-stat b{background:linear-gradient(90deg,#ff7a45,#ff2d4f);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:600;line-height:1.1}.xp-ca-cities .fa-stat span{color:#4a4a4a;font-size:13px}.xp-ca-cities .fa-stat--1{top:34%;left:14%}.xp-ca-cities .fa-stat--2{top:18%;right:10%}.xp-ca-cities .fa-stat--3{bottom:14%;right:18%}.xp-ca-cities .final-txt .btn{border-radius:999px}.xp-ca-cities .final-txt{flex-direction:column;justify-content:center;display:flex}.xp-ca-cities .btn-hi{border-radius:999px}.xp-ca-cities .fa-stat--3 b{font-size:18px}@media (max-width:640px){.xp-ca-cities .final-img{min-height:260px}}.xp-ca-cities .hero-stats{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:30px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.xp-ca-cities .hero-stats li{align-items:center;gap:9px;display:flex}.xp-ca-cities .hero-stats b{color:var(--ink);font-weight:600}.xp-ca-cities .hs-ic{width:30px;height:30px;color:var(--brand);background:#fff;border-radius:9px;place-items:center;display:grid;box-shadow:0 6px 14px -8px #f26b3a99}.xp-ca-cities .hs-ic svg{width:16px;height:16px}.xp-ca-cities .btn-wa{color:#fff;background:#25d366;border-radius:999px}.xp-ca-cities .btn-wa:hover{filter:brightness(.95)}.xp-ca-cities .hub-hero{text-align:center;background:linear-gradient(180deg,#ffefe7 0%,#fff8f4 60%,var(--page));padding:120px 0 56px;position:relative;overflow-x:clip}.xp-ca-cities .hub-hero-in{z-index:1;flex-direction:column;align-items:center;max-width:900px;display:flex;position:relative}.xp-ca-cities .crumbs{color:var(--muted);gap:8px;margin-bottom:18px;font-size:13px;display:flex}.xp-ca-cities .crumbs a{color:var(--muted);text-decoration:none}.xp-ca-cities .crumbs a:hover{color:var(--brand)}.xp-ca-cities .crumbs [aria-current]{color:var(--ink);font-weight:500}.xp-ca-cities .eyebrow{color:#b8461c;background:#fff;border:1px solid #f7d3c1;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.xp-ca-cities .eyebrow svg{width:16px;height:16px;color:var(--brand)}.xp-ca-cities .hub-title{font:500 clamp(34px,5.4vw,62px)/1.1 var(--ff-d);letter-spacing:-.02em;color:#222;margin:18px 0 14px}.xp-ca-cities .grad{background:linear-gradient(90deg,#ff7a45,#ff6a3d 55%,#ff2d4f);color:#0000;-webkit-background-clip:text;background-clip:text}.xp-ca-cities .hub-sub{color:#4a4a4a;max-width:64ch;margin:0 0 26px;font-size:clamp(15px,1.4vw,18px);line-height:1.6}.xp-ca-cities .hub-search{text-align:left;background:#fff;border:1.5px solid #e7d6cc;border-radius:999px;width:100%;max-width:480px;box-shadow:0 10px 30px -18px #f26b3a73}.xp-ca-cities .hub-search svg{width:20px;height:20px;color:var(--muted);flex:none}.xp-ca-cities .sec{padding:64px 0}.xp-ca-cities .sec--tint{background:#fff3ec}.xp-ca-cities .sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.xp-ca-cities .sec-head h2{font-size:clamp(26px,2.8vw,34px);font-weight:600}.xp-ca-cities .muted{color:var(--muted);margin:6px 0 0;font-size:15px}.xp-ca-cities .atabs{flex-wrap:wrap;gap:8px;display:flex}.xp-ca-cities .atab{font:500 14px/1 var(--ff-b);border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:10px 15px}.xp-ca-cities .atab[aria-pressed=true]{color:#fff;background:linear-gradient(90deg,#f26b3a,#e0592a);border-color:#e0592a}.xp-ca-cities .cities{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.xp-ca-cities .city{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:20px;flex-direction:column;gap:8px;padding:22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.xp-ca-cities a.city:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 22px 40px -28px #f26b3acc}.xp-ca-cities .city[hidden]{display:none}.xp-ca-cities .city-top{justify-content:space-between;align-items:center;display:flex}.xp-ca-cities .city-pin{width:44px;height:44px;color:var(--brand);background:#ffeadf;border-radius:12px;place-items:center;display:grid}.xp-ca-cities .city-pin svg{width:22px;height:22px}.xp-ca-cities .city-pin--solid{background:var(--brand);color:#fff}.xp-ca-cities .city-area{background:var(--page);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.xp-ca-cities .city-name{margin-top:4px;font-size:22px;font-weight:600}.xp-ca-cities .city-desc{color:var(--muted);font-size:14px;line-height:1.5}.xp-ca-cities .city-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.xp-ca-cities .city-time{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.xp-ca-cities .city-time svg{width:16px;height:16px;color:var(--brand)}.xp-ca-cities .city-go{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s;display:grid}.xp-ca-cities a.city:hover .city-go{background:var(--brand);border-color:var(--brand);color:#fff}.xp-ca-cities .city--any{background:linear-gradient(#ffeee5,#fff 70%);border-style:dashed;border-color:#f4b79a}.xp-ca-cities .city--any .btn{justify-content:center;margin-top:auto}.xp-ca-cities .empty-msg{color:var(--muted);margin-top:16px}.xp-ca-cities .empty-msg a{color:var(--brand);font-weight:600}.xp-ca-cities .tiles4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.xp-ca-cities .tile4{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.xp-ca-cities .tile4 b{margin:12px 0 6px;font-size:17px;display:block}.xp-ca-cities .tile4 p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.55}.xp-ca-cities .tile-ic{width:42px;height:42px;color:var(--brand);background:#ffeadf;border-radius:12px;place-items:center;display:grid}.xp-ca-cities .tile-ic svg{width:22px;height:22px}.xp-ca-cities .faq-wrap{grid-template-columns:1fr 1.6fr;align-items:start;gap:48px;display:grid}.xp-ca-cities .faq-wrap h2{font-size:clamp(26px,2.8vw,34px);font-weight:600}.xp-ca-cities .faq-wrap .btn{margin-top:20px}.xp-ca-cities .faqs{gap:12px;display:grid}.xp-ca-cities .faq{border:1px solid var(--line);background:#fff;border-radius:16px;padding:0 20px}.xp-ca-cities .faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:16px;font-weight:600;list-style:none;display:flex}.xp-ca-cities .faq summary::-webkit-details-marker{display:none}.xp-ca-cities .faq-ic{background:#ffeadf;border-radius:50%;flex:none;width:28px;height:28px;position:relative}.xp-ca-cities .faq-ic:before,.xp-ca-cities .faq-ic:after{content:"";background:var(--brand);width:12px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xp-ca-cities .faq-ic:after{transition:transform .2s;transform:translate(-50%,-50%)rotate(90deg)}.xp-ca-cities .faq[open] .faq-ic:after{transform:translate(-50%,-50%)rotate(0)}.xp-ca-cities .faq[open]{border-color:#f4cdb9}.xp-ca-cities .faq p{color:var(--ink-2);margin:0 0 18px;line-height:1.65}@media (max-width:980px){.xp-ca-cities .cities,.xp-ca-cities .tiles4{grid-template-columns:1fr 1fr}.xp-ca-cities .faq-wrap{grid-template-columns:1fr;gap:24px}}@media (max-width:620px){.xp-ca-cities .cities,.xp-ca-cities .tiles4{grid-template-columns:1fr}.xp-ca-cities .sec{padding:48px 0}.xp-ca-cities .atabs{flex-wrap:nowrap;max-width:100%;padding-bottom:4px;overflow-x:auto}.xp-ca-cities .atab{flex:none}}@media (prefers-reduced-motion:reduce){.xp-ca-cities .city{transition:none}}
