/* TrustedQuotes coastal theme. Presentation only; existing page markup and scripts stay active. */
:root {
  --coastal-navy: #0b2b48;
  --coastal-ink: #17334b;
  --coastal-teal: #087d85;
  --coastal-mint: #b9fff4;
  --navy: #092943;
  --blue: #165273;
  --sky: #087d85;
  --accent: #b8f7ec;
  --green: #087d85;
  --light: #edf7fa;
  --border: #d8e9ee;
  --dark: #102d43;
}

body { background: #f3f9fb; color: #183247; }
body[data-coastal-page="contact"] > .bar { display:none !important; }

/* The same shared navigation as the design preview, with working live links. */
body > nav:not(.coastal-nav):not(.related-cluster), body > header { display:none !important; }
body > nav.coastal-nav {
  position:sticky !important; top:0 !important; z-index:9998 !important;
  display:flex !important; align-items:center; justify-content:space-between;
  gap:18px; width:100%; height:auto !important; min-height:68px;
  padding:14px max(24px, calc((100vw - 1200px) / 2)) !important;
  background:#fff !important; border-bottom:1px solid #dce9f2 !important;
  box-shadow:0 6px 25px rgba(23,57,91,.05) !important;
  font:600 14px/1.3 Inter,Arial,sans-serif;
}
/* ~150 older templates (state dental/vision/marketplace/life pages) have no border-box reset and
   style a bare `nav a{margin-left:16px}`; without these two rules the bar is 80px+ wider than the screen. */
body > nav.coastal-nav, body > nav.coastal-nav * { box-sizing:border-box; }
body > nav.coastal-nav a { margin:0; text-decoration:none; color:#263f5a !important; white-space:nowrap; }
/* Same older templates on phones: their one-column grid (1fr) grew to the widest table, so the
   whole page scrolled sideways. Let the column shrink and let wide tables scroll inside it. */
@media (max-width:760px) {
  .wrap > *, .container > *, .main-wrap > * { min-width:0; }
  .wrap > .main table, .container > article table, .main-wrap > article table, .section table {
    display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;
  }
}
body > nav.coastal-nav .coastal-brand {
  flex-shrink:0; font-size:21px; font-weight:850; letter-spacing:-.05em;
  color:#10263e !important;
}
body > nav.coastal-nav .coastal-brand span { color:#087d85 !important; }
.coastal-links { display:flex; align-items:center; gap:22px; }
.coastal-more { position:relative; }
.coastal-more summary { list-style:none; cursor:pointer; color:#263f5a; white-space:nowrap; }
.coastal-more summary::-webkit-details-marker { display:none; }
.coastal-more summary::after { content:'⌄'; padding-left:5px; color:#087d85; }
.coastal-more-menu {
  position:absolute; top:calc(100% + 17px); right:0; z-index:9999;
  display:grid; gap:2px; min-width:230px; padding:10px;
  background:#fff; border:1px solid #d8e9ee; border-radius:14px;
  box-shadow:0 18px 40px rgba(9,41,67,.15);
}
.coastal-more:not([open]) .coastal-more-menu { display:none; }
.coastal-more-menu a { display:block; padding:10px 12px; border-radius:8px; }
body > nav.coastal-nav a:not(.coastal-nav-cta):hover,
.coastal-more summary:hover { color:#087d85 !important; }
.coastal-more-menu a:hover { background:#edf7fa !important; }
body > nav.coastal-nav a.coastal-nav-cta {
  background:#087d85 !important; color:#fff !important; border-radius:11px;
  padding:12px 18px; box-shadow:0 5px 14px rgba(8,125,133,.16);
}
body > nav.coastal-nav a.coastal-nav-cta:hover { background:#065e65 !important; color:#fff !important; }
body > nav.coastal-nav :focus-visible { outline:3px solid #087d85; outline-offset:3px; }
@media (max-width: 1050px) {
  body > nav.coastal-nav { flex-wrap:wrap; gap:10px 18px; padding:13px 22px !important; }
  .coastal-links { gap:12px 18px; flex-wrap:wrap; }
}
@media (max-width: 600px) {
  body > nav.coastal-nav { position:relative !important; align-items:flex-start; padding:13px 18px !important; }
  body > nav.coastal-nav .coastal-brand { font-size:20px; }
  .coastal-links { width:100%; gap:9px 15px; font-size:13px; }
  body > nav.coastal-nav a.coastal-nav-cta { padding:8px 11px; }
  .coastal-more-menu { left:0; right:auto; top:calc(100% + 8px); }
}

body > nav:not(.related-cluster), body > header.hdr, body > header.header, body > header:not([class]) {
  background: #fff;
  border-color: #dce9ef;
  box-shadow: 0 6px 25px rgba(23, 57, 91, .08);
}
body > nav .nav-brand-name, body > nav .nav-phone, body > nav .nav-pill,
body > nav .logo-text, body > nav .nav-brand-tag, body > nav a,
body > header.hdr .logo, body > header.header .logo,
body > header.hdr nav a, body > header.header nav a,
body > header:not([class]) .logo, body > header:not([class]) nav a { color: #19394e !important; }
body > nav .nav-pill[style] { color: #087d85 !important; }
body > nav .nav-pill:hover, body > nav a:hover { background: #edf7fa; color: #087d85 !important; }
body > nav .nav-brand-name span, body > nav .logo-text span,
body > header .logo span { color: #087d85 !important; }
body > nav .nav-cta, body > header .nav-cta {
  background: var(--coastal-teal) !important; color: #fff !important;
  border-radius: 10px; box-shadow: 0 5px 16px rgba(0, 42, 54, .15);
}
body > nav .nav-cta:hover, body > header .nav-cta:hover { background: #06646c !important; color: #fff !important; }

/* A photograph and dense navy overlay keep all white headings readable. */
.hero {
  background-image: linear-gradient(90deg, rgba(5,30,58,.94) 0%, rgba(8,42,72,.85) 43%, rgba(5,37,65,.68) 100%), url('/coastal-water.jpg') !important;
  background-color: var(--coastal-navy);
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  color: #fff;
}
.hero::before { background: none !important; }
.hero .orb, .hero .form-wrap::before { display: none !important; }
.hero h1 { color: #fff !important; letter-spacing: -.035em; line-height: 1.12; text-shadow: 0 2px 18px rgba(0,23,45,.24); }
.hero h1 span, .hero h1 .line-2 { color: var(--coastal-mint) !important; background: none !important; -webkit-text-fill-color: var(--coastal-mint) !important; }
.hero > p, .hero .hero-sub, .hero .hero-desc, .hero .meta,
.hero .hero-left > p, .hero .hstat-lbl { color: #f2fbff !important; opacity: 1 !important; }
.hero .hero-cta { background: var(--coastal-mint); color: #073044; }
.hero .hero-cta:hover { background: #e0fff9; }
.hero .hero-tag, .hero .hero-eyebrow { color: #e7fffa; }
.hero .wrap > p { color:#f0fbff !important; opacity:1 !important; }
.hero .meta, .hero .hero-tag { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.35); border-radius: 100px; opacity: 1 !important; }
.hero .hstat-num { color: #fff !important; }

/* Quote form: retain every field, ID, event handler, and consent disclosure. */
.hero .form-card { border: 1px solid #d7eaf2; border-radius: 20px; box-shadow: 0 24px 70px rgba(2,27,48,.43); }
.hero .form-card-header { background: #fff; border-bottom: 1px solid #e6f1f5; }
.hero .form-card-header::before, .hero .form-card-header::after { display: none !important; }
.hero .form-card-header h2 { color: #102b43; }
.hero .form-card p, .hero .form-card-header p { color: #435d6e; }
.hero .form-card-header p strong { color: #173c55; }
.hero .form-card .sep-urgency { color: #74410d !important; background: #fff4df !important; border-color: #f4d18d !important; font-weight: 700; }
.hero .form-eyebrow { color: var(--coastal-teal); }
.hero .progress-fill { background: linear-gradient(90deg, #087d85, #35bdb3); }
.hero .btn-next, .hero .btn-next[style] { background: linear-gradient(135deg, #087d85, #0da99d) !important; color: #fff; }
.hero .form-card a { color: #075d70; }
.hero .form-card .form-call { color: #183b52; }
.hero .form-card .field-err { color: #a61f2a; }
.coastal-benefits { display:flex; flex-wrap:wrap; gap:20px; margin:7px 0 29px; color:#fff; }
.coastal-benefit { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:700; line-height:1.35; color:#fff; }
.coastal-benefit span { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(210,255,240,.66); background:rgba(255,255,255,.16); border-radius:50%; font-size:17px; color:#b9fff4; box-shadow:0 5px 15px rgba(3,40,65,.2); }

/* Sitewide article, blog, and card legibility. */
.sidebar-cta p, .sidebar-cta small, .sidebar-cta li,
.scta p, .cta-box p, .cta p { color: #f8fcff !important; opacity: 1 !important; }
.sidebar-cta p, .scta p, .cta-box p { font-size: .95rem !important; line-height: 1.55 !important; }
.sidebar-cta a, .scta a, .cta-box a { text-underline-offset: 3px; }
.card, .section, .post, .faq { border-color: #ddebf1; }
article h1, article h2, main h1, main h2 { letter-spacing: -.02em; }
article p, main p { line-height: 1.75; }
article a, main a { overflow-wrap: anywhere; }
.card, .post, .faq, .related, .val, .team-card, .trust-item { background:#fff; border-color:#d9e9ed; border-radius:18px; box-shadow:0 8px 28px rgba(11,54,84,.08); }
.card h2, .card h3, .cat-title, .post h3, .h2, .related h3, .faq summary { color:#103c55; }
.card p, .card li, .post p, .val p, .trust-item p, .faq p, .related p { color:#294457; }
.post .tag, .post .arrow, .bc a, .related a, .card a, .content a:not(.post) { color:#066b77; }
.post:hover { border-color:#0a8290; box-shadow:0 16px 38px rgba(9,84,108,.13); }
.cat-pill.active, .cat-pill:hover { background:#087d85 !important; border-color:#087d85 !important; color:#fff !important; }
.cat-badge, .badge { color:#075967; background:#dff5f3; border-color:#c5eae6; }
.sc, .mstat { background:#eef8f9; }
.sc .n, .mstat strong { color:#0a6170; }
.tip { background:#e9f8f6; border-left-color:#0a9a91; }
.cta, .cta-sec, .cta-box, .sidebar-cta, .scta {
  background:linear-gradient(115deg,rgba(9,41,67,.93),rgba(11,76,105,.86)),url('/coastal-water.jpg') center/cover !important;
  color:#fff;
}
.cta h2, .cta-sec h2, .cta-box h2, .sidebar-cta h3, .scta h3,
.cta p, .cta-sec p, .cta-box p, .sidebar-cta p, .scta p { color:#f5fcff !important; opacity:1 !important; }
.cbtn, .btn-p, .hero-cta { background:#b9fff4 !important; color:#073044 !important; border-color:transparent !important; }
.cbtn:hover, .btn-p:hover, .hero-cta:hover { background:#92f0e4 !important; color:#073044 !important; }
.footer, footer { background:#092943 !important; color:#e2f0f5 !important; }
.footer p, footer p, .footer a, footer a { color:#e2f0f5 !important; }
.reviewed-byline { color:#4d6475; }
.reviewed-byline strong { color:#153c54; }
input, select, textarea { max-width:100%; }
:focus-visible { outline:3px solid #0d8c95 !important; outline-offset:3px; }

/* Coverage, carrier logos, and the homepage's photo gallery share the water palette. */
.trust-bar { background:linear-gradient(180deg,#eaf7f9,#f5fbfc) !important; border-color:#d6e9ed !important; padding:26px 24px !important; }
.trust-bar .carrier { border-color:#cfe5e9 !important; border-radius:14px; box-shadow:0 5px 18px rgba(16,68,92,.05); }
.ticker { background:linear-gradient(90deg,#08263d,#10465b,#08263d) !important; }
.ticker::before { background:linear-gradient(90deg,#08263d,transparent) !important; }
.ticker::after { background:linear-gradient(270deg,#08263d,transparent) !important; }
.ticker .ti::before { background:#78e8d7 !important; box-shadow:0 0 0 3px rgba(120,232,215,.17) !important; }
.ticker .ti em { color:#a4f3e4 !important; }
#ins-types { padding:64px 24px 76px !important; background:linear-gradient(180deg,rgba(5,35,57,.88),rgba(7,57,79,.79) 45%,rgba(225,244,248,.95)),url('/coastal-water.jpg') center/cover !important; }
#ins-types .sec-h { color:#fff !important; text-shadow:0 2px 12px rgba(8,38,61,.26); }
#ins-types .sec-sub { color:#f4fcff !important; }
#ins-types .sec-tag { background:#b9fff4 !important; color:#073044 !important; }
#ins-types .ins-grid { margin-top:38px !important; }
#ins-types .ins-card { border-color:#cfe5e9 !important; box-shadow:0 15px 44px rgba(8,42,67,.31); }
#ins-types .ins-card-health { --ic-accent:#175b80; }
#ins-types .ins-card-life { --ic-accent:#087880; }
#ins-types .ins-card-dental { --ic-accent:#137c85; }
#ins-types .ins-card-vision { --ic-accent:#0a6d79; }
#ins-types .ic-features li::before { content:'✓'; display:inline-flex; align-items:center; justify-content:center; color:#087780; background-image:none !important; font-size:11px; font-weight:900; }
.ben-purple { --ben-accent:#087880; }
.ben-amber { --ben-accent:#147a89; }
.stats-sec { background:linear-gradient(125deg,#092943,#0e5067) !important; }
.stats-sec::before { background:radial-gradient(ellipse at 15% 0%,rgba(82,213,205,.18),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(82,187,219,.16),transparent 60%) !important; }
.stats-title em { background:none !important; color:#b9fff4 !important; -webkit-text-fill-color:#b9fff4 !important; }
.stat-icon-wrap, .award-icon { background:rgba(134,230,219,.13) !important; border-color:rgba(167,240,232,.33) !important; }

.fam-sec { padding:72px 24px 78px !important; background:linear-gradient(180deg,rgba(232,248,250,.94),rgba(246,252,253,.98)),url('/coastal-water.jpg') center/cover !important; }
.fam-sec::before, .fam-sec::after { display:none !important; }
.fam-sec .fam-head { margin-bottom:38px !important; }
.fam-sec .fam-head .sec-h { color:#123c53 !important; }
.fam-sec .fam-head .sec-h em { background:none !important; color:#0b7077 !important; -webkit-text-fill-color:#0b7077 !important; }
.fam-sec .fam-head .sec-sub { color:#47677a !important; margin-inline:auto; text-align:center; }
.fam-sec .fam-card { border:1px solid #c8e5e8 !important; aspect-ratio:3/4; background:#b5dce5; box-shadow:0 12px 34px rgba(11,54,84,.16); }
.fam-sec .fam-card img { display:none !important; }
.fam-sec .fam-card::before { content:''; position:absolute; inset:0; background-image:url('/coastal-community-gallery.webp'); background-size:400% 200%; background-repeat:no-repeat; transition:transform .5s ease; }
.fam-sec .fam-card:nth-child(1)::before { background-position:0% 0%; }
.fam-sec .fam-card:nth-child(2)::before { background-position:33.333% 0%; }
.fam-sec .fam-card:nth-child(3)::before { background-position:66.667% 0%; }
.fam-sec .fam-card:nth-child(4)::before { background-position:100% 0%; }
.fam-sec .fam-card:nth-child(5)::before { background-position:0% 100%; }
.fam-sec .fam-card:nth-child(6)::before { background-position:33.333% 100%; }
.fam-sec .fam-card:nth-child(7)::before { background-position:66.667% 100%; }
.fam-sec .fam-card:nth-child(8)::before { background-position:100% 100%; }
.fam-sec .fam-card:hover::before { transform:scale(1.04); }
.fam-sec .fam-card::after { background:linear-gradient(180deg,rgba(5,46,65,.02),rgba(5,56,73,.07) 46%,rgba(4,28,46,.94) 100%) !important; }
.fam-sec .fam-save { background:#d5faf1 !important; color:#07515b !important; border:1px solid #a7e4d9; box-shadow:none !important; max-width:100%; white-space:normal; }
.fam-sec .fam-name { color:#fff !important; text-shadow:0 1px 8px rgba(7,31,51,.66); }
.fam-sec .fam-loc { color:#e8f8fb !important; text-shadow:0 1px 8px rgba(7,31,51,.66); }
.fam-sec .fam-cta-row { margin-top:38px !important; }
.fam-sec .fam-cta-row .cta-btn, .cta-main { background:#b9fff4 !important; color:#073044 !important; box-shadow:0 8px 22px rgba(4,29,60,.18) !important; }

/* The comparison table is a single full-width card, including its body rows. */
.dark-sec { background:#092943 !important; }
.dark-sec .compare-wrap { border:1px solid #c9e4e8; border-radius:18px; background:#f9fcfd; box-shadow:0 20px 42px rgba(4,27,48,.38); }
.dark-sec .compare-wrap table { display:table !important; width:100% !important; max-width:none !important; table-layout:fixed; margin:0; min-width:650px; }
.dark-sec .compare-wrap th:first-child { width:38%; }
.dark-sec .compare-wrap th { background:#dff3f3 !important; color:#163e52 !important; border-bottom:2px solid #bbdedf; font-weight:800; }
.dark-sec .compare-wrap th.hl { color:#0a626b !important; }
.dark-sec .compare-wrap td { background:#f9fcfd !important; color:#294457 !important; border-bottom:1px solid #dbe9ee; }
.dark-sec .compare-wrap tr:nth-child(even) td { background:#f0f8fa !important; }
.dark-sec .compare-wrap td:first-child { font-weight:650; }
.dark-sec .compare-wrap td.hl-col { color:#0a6771 !important; font-weight:800; }
.dark-sec .compare-wrap tbody tr:hover td { background:#e6f5f6 !important; }

/* Featured calculators and every guide card use the same sea-glass treatment. */
#popular-guides { background:linear-gradient(180deg,rgba(6,33,52,.96),rgba(8,54,70,.91)),url('/coastal-water.jpg') center/cover !important; }
#popular-guides > div > div:first-child > span { background:rgba(185,255,244,.15) !important; border-color:rgba(185,255,244,.48) !important; color:#b9fff4 !important; }
#popular-guides h2 span { color:#a7f3e6 !important; }
#popular-guides > div > div:first-child > p { color:#e4f3f6 !important; }
#popular-guides a:is([href="/aca-subsidy-calculator.html"],[href="/life-insurance-calculator.html"]) { background:linear-gradient(115deg,#e1f4f6,#f8fdfd) !important; border:1px solid #b9e0e4 !important; border-radius:20px !important; box-shadow:0 12px 32px rgba(3,29,46,.32) !important; color:#12384f !important; }
#popular-guides a:is([href="/aca-subsidy-calculator.html"],[href="/life-insurance-calculator.html"]):hover { background:linear-gradient(115deg,#d4f0f1,#eefbfb) !important; border-color:#73c7cb !important; }
#popular-guides a:is([href="/aca-subsidy-calculator.html"],[href="/life-insurance-calculator.html"]) > div > span:first-child { display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; flex-shrink:0; border:1px solid #b7dde0; border-radius:14px; background:#caeceb; color:#0a6471; font-size:0 !important; }
#popular-guides a[href="/aca-subsidy-calculator.html"] > div > span:first-child::before { content:'▦'; font-size:31px; font-weight:700; line-height:1; }
#popular-guides a[href="/life-insurance-calculator.html"] > div > span:first-child::before { content:'◇'; font-size:36px; font-weight:700; line-height:1; }
#popular-guides a:is([href="/aca-subsidy-calculator.html"],[href="/life-insurance-calculator.html"]) > div > div:nth-child(2) > div:first-child { color:#0b6f79 !important; }
#popular-guides a:is([href="/aca-subsidy-calculator.html"],[href="/life-insurance-calculator.html"]) > div > div:nth-child(2) > div:nth-child(2) { color:#12384f !important; }
#popular-guides a:is([href="/aca-subsidy-calculator.html"],[href="/life-insurance-calculator.html"]) > div > div:nth-child(2) > div:nth-child(3) { color:#3e6071 !important; }
#popular-guides a:is([href="/aca-subsidy-calculator.html"],[href="/life-insurance-calculator.html"]) > div > div:last-child { background:#087d85 !important; color:#fff !important; box-shadow:0 6px 16px rgba(8,125,133,.19); }
#popular-guides .gcard { --gcc:#0b707b; --gc1:#0e8791; --gc2:#63d7c9; --gcb:#70c9ce; --gcs:rgba(12,101,131,.31); --gci:#d8f3f0; background:#f7fcfd !important; border-color:#badde2 !important; box-shadow:0 8px 22px rgba(3,29,46,.19) !important; color:#12384f !important; }
#popular-guides .gcard:hover { background:#edf9f9 !important; border-color:#72c8c9 !important; }
#popular-guides .gcard h3 { color:#12384f !important; }
#popular-guides .gcard p { color:#476777 !important; }
#popular-guides .gcard-cat, #popular-guides .gcard-link { color:#0b707b !important; }
#popular-guides > div > div:nth-child(2) > a[href="/blog.html"] { background:linear-gradient(115deg,#e1f4f6,#f8fdfd) !important; border-color:#b9e0e4 !important; color:#12384f !important; }
#popular-guides a[href="/blog.html"] > div { color:#12384f !important; }
#popular-guides a[href="/blog.html"] > div:last-child { background:#087d85 !important; color:#fff !important; }

/* Keep the ACA calculator readable on its deliberately dark page. */
/* Older state guides were authored with white headings on a dark page. */
body:has(.stats .stat-val):has(.link-card) { background:#102c40 !important; color:#e6f3f7 !important; }
body:has(.stats .stat-val):has(.link-card) > header { background:#fff !important; border-color:#dce9ef !important; box-shadow:0 6px 25px rgba(23,57,91,.08); }
body:has(.stats .stat-val):has(.link-card) > header .logo,
body:has(.stats .stat-val):has(.link-card) > header nav a { color:#19394e !important; }
body:has(.stats .stat-val):has(.link-card) > header .logo span { color:#087d85 !important; }
body:has(.stats .stat-val):has(.link-card) .stat { background:#173e54 !important; border-color:#547a87 !important; }
body:has(.stats .stat-val):has(.link-card) .stat-val { color:#aaf1e5 !important; }
body:has(.stats .stat-val):has(.link-card) .stat-lbl { color:#d6e9ee !important; }
body:has(.stats .stat-val):has(.link-card) .hero .btn { background:#b9fff4 !important; color:#073044 !important; }
body:has(.stats .stat-val):has(.link-card) .card h3 { color:#086775 !important; }
body:has(.stats .stat-val):has(.link-card) .link-card,
body:has(.stats .stat-val):has(.link-card) .faq-item { background:#f8fcfd !important; border-color:#cce4e7 !important; border-radius:14px; }
body:has(.stats .stat-val):has(.link-card) .link-card { color:#066b77 !important; }
body:has(.stats .stat-val):has(.link-card) .link-card span,
body:has(.stats .stat-val):has(.link-card) .faq-item p,
body:has(.stats .stat-val):has(.link-card) .trust-item { color:#375568 !important; }
body:has(.stats .stat-val):has(.link-card) .faq-item h3 { color:#0c6170 !important; }

body:has(.fpl-table) { background:#102c40 !important; color:#e8f5fa !important; }
body:has(.fpl-table) > header { background:#fff !important; border-color:#dce9ef !important; box-shadow:0 6px 25px rgba(23,57,91,.08); }
body:has(.fpl-table) > header .logo, body:has(.fpl-table) > header nav a { color:#19394e !important; }
body:has(.fpl-table) > header .logo span { color:#087d85 !important; }
body:has(.fpl-table) .calc-card { background:linear-gradient(145deg,#12344c,#10283b) !important; border-color:#467285 !important; }
body:has(.fpl-table) .field label, body:has(.fpl-table) .step-tab,
body:has(.fpl-table) .info-card p, body:has(.fpl-table) .faq-item p,
body:has(.fpl-table) .explainer p, body:has(.fpl-table) .trust-pill,
body:has(.fpl-table) .income-hint, body:has(.fpl-table) .slider-labels,
body:has(.fpl-table) .result-cta p { color:#d7e9ef !important; }
body:has(.fpl-table) .field input, body:has(.fpl-table) .field select { color:#fff !important; border-color:#7398a6 !important; }
body:has(.fpl-table) .field input::placeholder { color:#b8d0d9 !important; }
body:has(.fpl-table) .result-cta { background:linear-gradient(110deg,#123f58,#087d85) !important; }
body:has(.fpl-table) .fpl-table td { color:#d7e9ef !important; }
body:has(.fpl-table) .fpl-table th { background:#19485e !important; color:#fff !important; }
body:has(.fpl-table) .next-btn, body:has(.fpl-table) .cta-btn { background:#087d85 !important; color:#fff !important; }

/* Content must stay visible if a third-party script or observer fails to load. */
.reveal, .reveal-l, .reveal-r { opacity: 1 !important; visibility: visible !important; transform: none !important; }
@media (max-width: 800px) {
  .hero {
    background-position: 61% center !important;
    background-image: linear-gradient(90deg, rgba(5,30,58,.95), rgba(5,38,69,.80)), url('/coastal-water.jpg') !important;
  }
  .coastal-benefits { gap:11px 18px; margin:7px 0 16px; }
}
@media (max-width: 530px) {
  #ins-types { padding:48px 18px 58px !important; background-image:linear-gradient(180deg,rgba(5,35,57,.91),rgba(7,57,79,.83) 39%,rgba(225,244,248,.96)),url('/coastal-water.jpg') !important; }
  #popular-guides > div > div:nth-child(2) { grid-template-columns:minmax(0,1fr) !important; }
}