/* Weather the Storm 1.3: logos, header, footer, buttons and diagrams.
   Colours and fonts come from Appearance > Editor > Styles. */

/* ---------- Logo in the header ---------- */
.brand-logo{margin:0;flex-shrink:0;line-height:0}
.brand-logo a{display:block}
.brand-logo img{height:46px;width:auto;max-width:none;display:block}
.home .wts-header:not(.is-scrolled) .brand-logo img{filter:brightness(0) invert(1)}
@media(max-width:900px){.brand-logo img{height:38px}}

/* ---------- The page you are on ---------- */
.wts-navigation a[aria-current="page"],.wts-navigation .current-menu-item>a,
.wts-navigation .current-menu-item>.wp-block-navigation-item__content{color:var(--blue)!important;font-weight:700;text-decoration:underline;text-decoration-color:var(--sky);text-decoration-thickness:3px;text-underline-offset:9px}
.wts-navigation .wp-block-navigation-item:not(.wts-nav-cta)>a:hover{color:var(--blue);text-decoration:underline;text-decoration-color:var(--sky);text-decoration-thickness:2px;text-underline-offset:9px}

/* ---------- Buttons: no underlines, clear hover ---------- */
.wp-block-button__link,.wp-block-button__link:visited,
.article-section .wp-block-button__link,.wts-navigation .wts-nav-cta>a{text-decoration:none!important}
.wp-block-button__link{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.wp-block-button:not(.wts-replay) .wp-block-button__link:hover,.wp-block-button:not(.wts-replay) .wp-block-button__link:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px -12px #0b265980}
.wp-block-button__link.has-navy-background-color:hover{background-color:var(--sky)!important;color:var(--navy)!important}
.wp-block-button__link.has-sky-background-color:hover{background-color:#fff!important;color:var(--navy)!important}
.wp-block-button__link.has-white-background-color:hover{background-color:var(--sky)!important;color:var(--navy)!important}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background-color:#fff!important;color:var(--navy)!important;border-color:#fff!important}
.section:not(.dark) .wp-block-button.is-style-outline>.wp-block-button__link:hover,.article-section .wp-block-button.is-style-outline>.wp-block-button__link:hover{background-color:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}
.wts-navigation .wts-nav-cta>a{transition:background-color .2s,color .2s}
.wts-navigation .wts-nav-cta>a:hover{background:var(--sky)!important;color:var(--navy)!important}
.wts-replay .wp-block-button__link:hover{opacity:.75}
.wp-block-buttons{gap:12px}
.wp-block-buttons>.wp-block-button{margin:0}

/* ---------- Cards: buttons sit at the bottom, all the same size ---------- */
.explainer,.graph-card,.photo-card{display:flex;flex-direction:column}
.photo-card>.card-body{display:flex;flex-direction:column;flex:1}
.card-actions{margin-top:auto!important;padding-top:24px}
.card-actions .wp-block-button__link{min-width:190px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:700}
.photo-card .card-actions .wp-block-button__link{min-width:160px}
.explainer .wts-replay{order:0;margin-top:12px}
.explainer>.card-actions{order:1}
.grid3,.story-grid,.explainers,.grid2{align-items:stretch}

/* ---------- Breadcrumb: small, one line ---------- */
.breadcrumb{display:flex;flex-wrap:nowrap;gap:6px;align-items:baseline;font-size:12px!important;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:28px}
.breadcrumb p{margin:0!important;font-size:12px!important;color:var(--muted)}
.breadcrumb a{text-decoration:underline;text-underline-offset:3px;color:var(--muted)}

/* ---------- Home hero: equal space top and sides, lighter, less zoom ---------- */
.home .wp-block-post-content>.hero:first-child,.home .hero{margin-top:16px!important;margin-left:16px;margin-right:16px}
.home .wts-header{top:16px}
.hero .hero-media:after{background:linear-gradient(90deg,#05152bb3 0%,#0b265966 55%,#071a3014 100%)!important}
.hero .hero-media img,.hero-media img{animation:wts-drift 30s ease-in-out infinite alternate!important;transform-origin:50% 45%;object-position:50% 45%}
@keyframes wts-drift{from{transform:scale(1)}to{transform:scale(1.04)}}
@media(max-width:900px){.home .wp-block-post-content>.hero:first-child,.home .hero{margin:10px 10px 0!important}.home .wts-header{top:10px}}

/* ---------- Home Check embeds ---------- */
.wts-tool-frame{margin:0!important}
.wts-tool-frame.is-mini{height:760px;border-radius:24px;overflow:hidden;margin-top:36px!important;background:#10367D}
.wts-tool-frame.is-full{height:calc(100svh - 86px);min-height:640px}
.wts-tool-frame iframe{display:block;border:0;width:100%;height:100%}
.home-check-section .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.home-check-section .section-head>p{max-width:420px;margin:0}
@media(max-width:900px){.wts-tool-frame.is-mini{height:820px;margin-left:-12px!important;margin-right:-12px!important;border-radius:18px}}

/* ---------- How damage starts ---------- */
.damage-intro{max-width:640px}
.wts-damage{margin-top:32px}
.wts-damage-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:stretch}
.wts-damage-figure{position:relative;margin:0;background:#10367D;border:1px solid #ffffff1a;border-radius:24px;padding:24px 24px 56px;display:flex;align-items:center}
.wts-damage-figure svg{display:block;width:100%;height:auto}
.wts-damage-figure .d-label{fill:#A9D1EC;font:700 13px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.wts-damage-figure .d-small{font-weight:400;letter-spacing:.02em;text-transform:none;font-size:13px}
.wts-damage-figure .d-flow{stroke-dasharray:14 12;animation:wts-flow 1.1s linear infinite}
.wts-damage-grid[data-step="0"] .d-flow{animation-play-state:paused}
@keyframes wts-flow{to{stroke-dashoffset:-26}}
.wts-damage-figure .d-crack,.wts-damage-figure .d-push,.wts-damage-figure .d-lift,.wts-damage-figure .d-uplift{opacity:0;transition:opacity .6s ease}
.wts-damage-figure .d-inside{transition:opacity .6s ease}
.wts-damage-figure .d-win-left{transition:fill .4s ease}
.wts-damage-figure .d-roof{transition:transform 1.1s cubic-bezier(.3,.7,.2,1);transform-box:view-box;transform-origin:320px 200px}
.wts-damage-grid:not([data-step="0"]) .d-crack{opacity:1}
.wts-damage-grid:not([data-step="0"]) .d-win-left{fill:#75B3DA}
.wts-damage-grid[data-step="2"] .d-push,.wts-damage-grid[data-step="3"] .d-push{opacity:1}
.wts-damage-grid[data-step="2"] .d-inside,.wts-damage-grid[data-step="3"] .d-inside{opacity:.22}
.wts-damage-grid[data-step="3"] .d-roof{transform:translateY(-30px)}
.wts-damage-grid[data-step="3"] .d-lift,.wts-damage-grid[data-step="3"] .d-uplift{opacity:1;transition-delay:.35s}
.d-replay{position:absolute;left:28px;bottom:20px;background:none;border:0;border-bottom:1px solid currentColor;color:#fff;font:400 12px Inter,Arial,sans-serif;padding:6px 0;cursor:pointer}
.d-replay:hover{color:var(--sky)}
.wts-damage-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wts-damage-steps li{margin:0}
.wts-damage-steps button{width:100%;height:100%;display:flex;gap:16px;align-items:flex-start;text-align:left;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;padding:22px;color:#fff;font:inherit;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.wts-damage-steps button:hover{border-color:var(--sky)}
.wts-damage-steps .d-num{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;font-weight:700;font-size:14px;transition:background .3s,color .3s}
.wts-damage-steps .d-copy{display:flex;flex-direction:column;gap:6px}
.wts-damage-steps strong{font-size:19px;letter-spacing:-.02em}
.wts-damage-steps .d-copy span{font-size:14px;line-height:1.5;color:#c0d0e5}
.wts-damage-steps button.is-active{background:#fff;color:var(--navy);border-color:#fff}
.wts-damage-steps button.is-active .d-copy span{color:var(--muted)}
.wts-damage-steps button.is-active .d-num{background:var(--navy);color:#fff}
.wts-damage-steps button.is-done .d-num{background:var(--sky);color:var(--navy)}
@media(max-width:900px){.wts-damage-grid{grid-template-columns:1fr}.wts-damage-figure{padding:18px 18px 56px}}
@media(prefers-reduced-motion:reduce){.wts-damage-figure *{animation:none!important;transition:none!important}}

/* ---------- Footer: call to action and footer as one block, same on every page ---------- */
.footer-cta{background:var(--blue);color:#fff;border-radius:30px 30px 0 0;padding:64px 0}
.footer-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.footer-cta h2{color:#fff;margin:0}
.footer-cta p{color:#c9d8ee;margin:10px 0 0}
.footer-cta .wp-block-buttons{margin:0}
.site-footer{margin:96px 16px 16px;color:#fff}
.footer-main{background:var(--navy);border-radius:0 0 30px 30px;padding:56px 0 28px}
.footer-main .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.footer-logo{margin:0 0 18px}
.footer-logo img{height:52px;width:auto;display:block}
.site-footer h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;color:var(--light)}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:9px 0;font-size:14px;color:#c0d0e5}
.site-footer p{font-size:14px;color:#c0d0e5;max-width:340px}
.site-footer a:not(.wp-block-button__link){color:#fff;text-decoration:none}
.site-footer a:not(.wp-block-button__link):hover{color:var(--sky);text-decoration:underline;text-underline-offset:4px}
.site-footer .partners{margin:44px 0 0;padding:28px 0 0;border-top:1px solid #ffffff1f;display:block}
.collab-logos{margin:0}
.collab-logos img{width:100%;max-width:520px;height:auto;display:block;opacity:.9}
.acknowledgement{margin-top:32px;max-width:760px}
.acknowledgement h4{margin-bottom:10px}
.acknowledgement p{max-width:none!important;font-size:13px;line-height:1.6}
.site-footer .footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #ffffff1f;margin-top:32px;padding-top:20px}
.site-footer .footer-bottom p{font-size:12px;margin:0;color:#a9bcd6}
@media(max-width:900px){
 .site-footer{margin:64px 10px 10px}
 .footer-cta{padding:44px 0;border-radius:24px 24px 0 0}
 .footer-cta .wp-block-buttons{flex-direction:column;align-items:stretch;width:100%}
 .footer-main{border-radius:0 0 24px 24px;padding:40px 0 24px}
 .footer-main .footer-top{grid-template-columns:1fr 1fr;gap:26px}
 .footer-main .footer-top>div:first-child{grid-column:1/-1}
 .collab-logos img{max-width:100%}
}

/* ---------- Your risk: the two dark explainer cards ---------- */
.graph-card.explainer{padding:32px;border-radius:24px}
.graph-card.explainer h3{margin:4px 0 10px}
.graph-card.explainer>p{margin-top:0}
.connection-list{margin-top:18px}
.pressure-compare{margin-top:auto;padding-top:24px}

/* ---------- Editor only ---------- */
.editor-styles-wrapper .brand-logo img{filter:none!important}
.site-footer .partners img,.site-footer .collab-logos img{width:100%!important;max-width:460px!important;max-height:none!important;height:auto!important;padding:0!important;background:none!important}
@media(max-width:900px){.site-footer .partners img,.site-footer .collab-logos img{max-width:100%!important}}
.site-footer .partners>.wp-block-image,.site-footer .partners>figure{max-width:460px!important;width:100%!important;display:block!important}
.contents:not(:has(a)){visibility:hidden}
@media(max-width:900px){.site-footer li,.site-footer li a{font-size:14px!important;line-height:1.5}.site-footer p,.acknowledgement p{font-size:13px!important}.site-footer h4{font-size:11px!important}.footer-cta h2{font-size:34px}}

/* =================== 1.4 =================== */
/* Logos never get rounded corners (they were clipping the "m") */
.brand-logo img,.footer-logo img,.collab-logos img,.partner-logo img{border-radius:0!important}

/* Header: full width, always dark blue, never changes when you scroll */
.wts-header,.home .wts-header,.home .wts-header.is-floating,.home .wts-header.is-scrolled,.hero>.wts-header,.site-header{
  position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;
  margin:0!important;border-radius:0!important;background:var(--navy)!important;color:#fff!important;box-shadow:0 1px 0 #ffffff14!important;backdrop-filter:none!important;
  z-index:100;min-height:84px;padding:14px max(24px,calc((100vw - 1296px)/2))!important;display:flex;align-items:center;justify-content:space-between;gap:28px}
body.admin-bar .wts-header{top:32px!important}
@media(max-width:782px){body.admin-bar .wts-header{top:46px!important}}
.brand-logo img,.home .wts-header:not(.is-scrolled) .brand-logo img{filter:none!important;height:48px;width:auto}
.wts-navigation,.wts-navigation a{color:#fff!important}
.wts-navigation .wp-block-navigation__container{gap:28px!important;align-items:center}
.wts-navigation .wp-block-navigation-item__content{font-size:15px;white-space:nowrap;padding:6px 0}
.wts-navigation .wp-block-navigation-item:not(.wts-nav-cta)>a:hover{color:var(--sky)!important;text-decoration:underline;text-decoration-color:var(--sky);text-decoration-thickness:2px;text-underline-offset:9px}
.wts-navigation a[aria-current="page"],.wts-navigation .current-menu-item>a{color:var(--sky)!important;font-weight:700;text-decoration:underline!important;text-decoration-color:var(--sky)!important;text-decoration-thickness:3px!important;text-underline-offset:9px}
.home .hero,.home .wp-block-post-content>.hero:first-child{margin-top:16px!important;padding-top:0!important}
.hero .hero-content{padding-top:96px!important}
/* the Home Check call to action in the menu */
.wts-navigation .wts-nav-cta>a,.home .wts-header:not(.is-scrolled) .wts-nav-cta>a{background:var(--sky)!important;color:var(--navy)!important;border-radius:99px;padding:0 24px!important;min-height:48px;display:inline-flex!important;align-items:center;font-weight:700;text-decoration:none!important}
.wts-navigation .wts-nav-cta>a:hover{background:#fff!important;color:var(--navy)!important}
/* phone menu */
.wts-navigation .wp-block-navigation__responsive-container-open,.wts-navigation .wp-block-navigation__responsive-container-close{color:#fff!important}
.wts-navigation .wp-block-navigation__responsive-container-open svg{width:30px;height:30px}
.wts-navigation .wp-block-navigation__responsive-container.is-menu-open{background:var(--navy)!important;color:#fff!important;padding:28px 24px!important}
.wts-navigation .is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start!important;padding-top:64px!important}
.wts-navigation .is-menu-open .wp-block-navigation__container{align-items:flex-start!important;gap:6px!important;width:100%}
.wts-navigation .is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid #ffffff1f}
.wts-navigation .is-menu-open .wp-block-navigation-item__content{font-size:24px!important;font-weight:700;padding:14px 0!important;letter-spacing:-.02em}
.wts-navigation .is-menu-open .wts-nav-cta{border-bottom:0;margin-top:18px}
.wts-navigation .is-menu-open .wts-nav-cta>a{font-size:17px!important;padding:0 28px!important}
.wts-navigation .is-menu-open .wp-block-navigation__responsive-container-close{top:22px!important;right:22px!important}
@media(max-width:900px){.wts-header{min-height:72px;padding:12px 18px!important}.brand-logo img{height:40px!important}}

/* Footer: partner logos sit under the intro */
.footer-top .collab-logos{margin:22px 0 0!important;max-width:380px}
.footer-top .collab-logos img{width:100%!important;max-width:380px!important;height:auto!important;opacity:.9}
.acknowledgement{margin-top:36px;padding-top:28px;border-top:1px solid #ffffff1f;max-width:none}
.acknowledgement p{max-width:820px!important}

/* ---------- Every button looks and behaves the same ---------- */
.wp-block-button__link,.wp-block-search__button,.wts-damage-steps .d-replay-x{
  font-family:Inter,Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;
  min-height:50px!important;padding:14px 28px!important;border-radius:99px!important;border:2px solid transparent!important;
  display:inline-flex!important;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease!important}
/* on light backgrounds: dark blue, turns light blue */
.wp-block-button__link,.wp-block-search__button{background-color:var(--navy)!important;color:#fff!important}
/* on dark backgrounds: light blue, turns white */
.dark .wp-block-button__link,.hero .wp-block-button__link,.footer-cta .wp-block-button__link,.graph-card .wp-block-button__link,.home-check-section .wp-block-button__link,[class*="dark"] .card-actions .wp-block-button__link{background-color:var(--sky)!important;color:var(--navy)!important}
/* second buttons: outlined, same size */
.wp-block-button.is-style-outline>.wp-block-button__link{background-color:transparent!important;color:var(--navy)!important;border-color:var(--navy)!important}
.dark .wp-block-button.is-style-outline>.wp-block-button__link,.hero .wp-block-button.is-style-outline>.wp-block-button__link,.footer-cta .wp-block-button.is-style-outline>.wp-block-button__link{color:#fff!important;border-color:#ffffffb3!important}
/* hover: the same everywhere */
.wp-block-button:not(.wts-replay)>.wp-block-button__link:hover,.wp-block-button:not(.wts-replay)>.wp-block-button__link:focus-visible,.wp-block-search__button:hover{background-color:var(--sky)!important;color:var(--navy)!important;border-color:var(--sky)!important;transform:translateY(-2px);box-shadow:0 12px 24px -14px #0b2659aa}
.dark .wp-block-button:not(.wts-replay)>.wp-block-button__link:hover,.hero .wp-block-button:not(.wts-replay)>.wp-block-button__link:hover,.footer-cta .wp-block-button:not(.wts-replay)>.wp-block-button__link:hover,.graph-card .wp-block-button:not(.wts-replay)>.wp-block-button__link:hover,.home-check-section .wp-block-button:not(.wts-replay)>.wp-block-button__link:hover{background-color:#fff!important;color:var(--navy)!important;border-color:#fff!important}
/* "Play again" stays a small text link */
.wts-replay>.wp-block-button__link{min-height:0!important;padding:6px 0!important;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:12px!important;font-weight:400!important;box-shadow:none!important;transform:none!important}
.card-actions .wp-block-button__link{min-width:180px}
/* Region buttons on Your risk keep their selected state */
.region-selector .wp-block-button__link{min-height:46px!important;padding:10px 12px!important;font-size:14px!important}
.region-selector .active .wp-block-button__link{background:var(--sky)!important;color:var(--navy)!important}

/* ---------- Search box: always visible ---------- */
.wts-simple{padding:72px 0 24px;min-height:40vh}
.wts-simple h1{margin:6px 0 14px}
.wp-block-search{margin:28px 0 30px!important;max-width:720px}
.wp-block-search__label{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:10px}
.wp-block-search__inside-wrapper{display:flex;gap:10px;border:0!important;padding:0!important;background:none!important}
.wp-block-search__input{flex:1;min-height:52px;background:#fff!important;border:2px solid #c9d2df!important;border-radius:99px!important;padding:0 22px!important;font:400 16px Inter,Arial,sans-serif!important;color:var(--ink)!important}
.wp-block-search__input::placeholder{color:#7c889d}
.wp-block-search__input:focus{outline:none;border-color:var(--blue)!important;box-shadow:0 0 0 4px #75b3da55}
.search-results{margin-top:20px}
.search-result{background:#fff;border-radius:20px;padding:24px 28px;margin:0 0 12px}
.search-result h2{font-size:22px;margin:0 0 6px}
.search-result h2 a{color:var(--navy);text-decoration:none}
.search-result h2 a:hover{text-decoration:underline;text-decoration-color:var(--sky)}
.editor-styles-wrapper .wts-header{background:var(--navy)!important;color:#fff!important;position:relative!important}
.wts-navigation .current-menu-item>.wp-block-navigation-item__content,.wts-navigation .current-menu-item>a[aria-current="page"]{color:var(--sky)!important}
.wts-navigation .wp-block-navigation__responsive-container.is-menu-open{--navigation-layout-justification-setting:flex-start;--navigation-layout-justify:flex-start;--navigation-layout-align:flex-start}
.wts-navigation .is-menu-open .wp-block-navigation__responsive-container-content,.wts-navigation .is-menu-open .wp-block-navigation__container,.wts-navigation .is-menu-open .wp-block-navigation-item{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}

/* =================== 1.5 =================== */
/* Home: header is clear over the hero, then fades to dark blue. It never moves. */
.home .wp-site-blocks>header.wp-block-template-part{position:fixed!important;top:0;left:0;right:0;height:auto!important;z-index:100;margin:0!important}
body.admin-bar.home .wp-site-blocks>header.wp-block-template-part{top:32px}
@media(max-width:782px){body.admin-bar.home .wp-site-blocks>header.wp-block-template-part{top:46px}}
.home .wts-header,.home.admin-bar .wts-header{position:relative!important;top:0!important}

/* Home Check button in the menu keeps its look on its own page */
.wts-navigation .wts-nav-cta.current-menu-item>a,.wts-navigation .wts-nav-cta>a[aria-current="page"]{background:var(--sky)!important;color:var(--navy)!important;text-decoration:none!important}
.wts-navigation .wts-nav-cta.current-menu-item>a:hover{background:#fff!important}

/* Drop-down menus */
.wts-navigation .current-menu-ancestor>.wp-block-navigation-item__content{color:var(--sky)!important;font-weight:700;text-decoration:underline!important;text-decoration-color:var(--sky)!important;text-decoration-thickness:3px!important;text-underline-offset:9px}
.wts-navigation .wp-block-navigation-submenu__toggle{color:inherit!important;padding:0 0 0 4px}
.wts-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;width:10px;height:10px}
.wts-navigation:not(.is-menu-open) .wp-block-navigation__submenu-container{background:var(--navy)!important;border:1px solid #ffffff24!important;border-radius:16px!important;padding:8px!important;min-width:230px!important;margin-top:10px;box-shadow:0 18px 40px -18px #000c!important;left:-14px!important}
.wts-navigation .wp-block-navigation__submenu-container:before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
.wts-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{display:block;padding:10px 14px!important;border-radius:10px;font-size:14px!important;font-weight:500;color:#fff!important;text-decoration:none!important}
.wts-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:#ffffff14;color:var(--sky)!important}
.wts-navigation .wp-block-navigation__submenu-container .current-menu-item>.wp-block-navigation-item__content{color:var(--sky)!important;font-weight:700;background:#ffffff0d}
.wts-navigation .is-menu-open .wp-block-navigation__submenu-container{background:transparent!important;border:0!important;padding:0 0 10px 14px!important;box-shadow:none!important}
.wts-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{border-bottom:0!important}
.wts-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:17px!important;font-weight:500!important;padding:8px 0!important;color:#c9dbee!important}
.wts-navigation .is-menu-open .wp-block-navigation-submenu__toggle,.wts-navigation .is-menu-open .wp-block-navigation__submenu-icon{display:none!important}

/* Your risk: region buttons and bars */
.region-selector{gap:8px!important;flex-wrap:nowrap!important;margin:18px 0!important}
.region-selector .wp-block-button{flex:1 1 0!important;margin:0!important;min-width:0}
.dark .region-selector .wp-block-button>.wp-block-button__link,.region-selector .wp-block-button>.wp-block-button__link{width:100%;background:transparent!important;color:#fff!important;border:2px solid #ffffff4d!important;min-height:46px!important;padding:10px 6px!important;font-size:14px!important;box-shadow:none!important;transform:none!important;white-space:nowrap}
.dark .region-selector .wp-block-button:not(.active)>.wp-block-button__link:hover{background:#ffffff14!important;color:#fff!important;border-color:#ffffff99!important}
.dark .region-selector .wp-block-button.active>.wp-block-button__link,.region-selector .wp-block-button.active>.wp-block-button__link{background:var(--sky)!important;color:var(--navy)!important;border-color:var(--sky)!important}
.region-bars{display:flex!important;gap:8px!important;align-items:flex-end!important;height:210px!important;margin:24px 0 20px!important;border-bottom:1px solid #ffffff33;padding:0!important}
.region-bars>.region-bar{flex:1 1 0!important;margin:0!important;min-width:0;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:12px 6px 0!important;background:#ffffff1a!important;color:#c2d4e8!important;border-radius:10px 10px 0 0;text-align:center;transition:background-color .35s ease,color .35s ease}
.region-bars>.wts-region-bar-A{height:34%!important}.region-bars>.wts-region-bar-B{height:55%!important}.region-bars>.wts-region-bar-C{height:78%!important}.region-bars>.wts-region-bar-D{height:100%!important}
.region-bars>.region-bar.is-active{background:var(--sky)!important;color:var(--navy)!important}
.region-bar .rb-l{order:1;font-size:18px;font-weight:700;line-height:1}
.region-bar .rb-n{order:2;font-size:12px;font-weight:700;line-height:1.2;max-height:0;opacity:0;overflow:hidden;transition:opacity .35s ease,max-height .35s ease}
.region-bar.is-active .rb-n{max-height:40px;opacity:1}
#region-message{min-height:3em}
@media(max-width:600px){.region-selector{gap:6px!important}.region-selector .wp-block-button>.wp-block-button__link{font-size:12px!important;padding:8px 2px!important;letter-spacing:-.01em}.region-bar .rb-n{font-size:10.5px}}

/* Pressure graphs: no numbers on the bars */
.pressure-bar p:empty{display:none}

/* Home insurance card: tick list */
.tick-list{list-style:none;padding:0!important;margin:18px 0 6px!important;display:grid;gap:12px}
.tick-list li{position:relative;padding-left:30px;font-size:15px;line-height:1.5;color:var(--muted)}
.tick-list li strong{color:var(--navy)}
.tick-list li:before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b2659' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
/* Buttons on dark blue cards */
.pool-card .wp-block-button:not(.is-style-outline)>.wp-block-button__link{background-color:var(--sky)!important;color:var(--navy)!important;border-color:var(--sky)!important}
.pool-card .wp-block-button>.wp-block-button__link:hover{background-color:#fff!important;color:var(--navy)!important;border-color:#fff!important}
.pool-card .card-actions{margin-top:8px}
.card-body .tick-list+.wp-block-buttons{margin-top:22px}
.card-body p+.tick-list{margin-top:4px!important}
/* Home header sits a little lower inside the hero */
/* Pressure graphs: bar heights (numbers removed) */
.pressure-case:first-child .pressure-bar{height:46%!important}
.pressure-case:last-child .pressure-bar{height:100%!important}
.pressure-bar{padding-top:0!important}

/* =================== 1.6 =================== */
/* Home hero: edge to edge, under the header */
.home .wp-block-post-content>.hero:first-child,.home .hero{margin:0!important;border-radius:0!important;min-height:min(900px,100svh)}
.home .hero .hero-media,.home .hero .hero-media:after,.home .hero-photo img{border-radius:0!important}
.home .hero .hero-content{padding-top:clamp(150px,20vh,210px)!important;padding-bottom:120px!important}
.home .hero p{max-width:600px}
/* Header over the hero: frosted glass that fills in to dark blue by the end of the hero */
.home .wts-header,.home .wts-header.is-scrolled,.home .wts-header.is-floating{
  background:rgba(11,38,89,calc(.14 + .86*var(--hp,0)))!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;backdrop-filter:blur(16px) saturate(1.15)!important;
  box-shadow:0 1px 0 rgba(255,255,255,calc(.14 - .06*var(--hp,0)))!important;transition:box-shadow .3s ease!important}
.home .wts-header.wts-solid{background:var(--navy)!important;box-shadow:0 1px 0 #ffffff14,0 10px 30px -18px #06172d99!important}
/* Home Check button: white over the hero, light blue once the header is solid */
.home .wts-header:not(.wts-solid) .wts-nav-cta>a{background:#fff!important;color:var(--navy)!important}
.home .wts-header:not(.wts-solid) .wts-nav-cta>a:hover{background:var(--sky)!important}
.wts-navigation .wts-nav-cta>a{transition:background-color .35s ease,color .35s ease!important}

/* Home: insurance section, three compact cards ending level */
.insurance-grid{align-items:stretch!important}
.insurance-main>.photo-card{height:100%}
.insurance-main .photo{flex:1 1 auto!important;height:auto!important;min-height:220px!important}
.insurance-main .card-body{padding:28px 30px 30px!important;flex:0 0 auto!important}
.insurance-main .card-body .wp-block-buttons{margin-top:18px}
.insurance-side{gap:20px}
.insurance-side .pool-card{flex:0 0 auto!important;padding:32px 36px!important}
.insurance-side .pool-numbers{margin:22px 0 24px!important}
.insurance-side .pool-card .card-actions{margin-top:0}
.insurance-side .flow-wrap{flex:1 1 auto;display:flex;align-items:center;padding:26px 28px!important}
.insurance-side .flow-wrap>.flow{width:100%}

/* Contact: less space above the details */
.contact-layout.section{margin-top:28px!important}

/* ---------- Phones and tablets ---------- */
@media(max-width:1100px){
  .wts-navigation .wp-block-navigation__container{gap:20px!important}
  .wts-navigation .wp-block-navigation-item__content{font-size:14px}
}
@media(max-width:900px){
  .home .hero .hero-content{padding-top:160px!important;padding-bottom:210px!important}
  .home .hero{min-height:0}
  .insurance-main .photo{min-height:220px!important;flex:none!important;height:220px!important}
  .insurance-side .pool-card{padding:26px 24px!important}
  .insurance-side .flow-wrap{padding:22px 16px!important}
  .section-head{gap:12px}
  .graph-card,.pool-card,.article-section{overflow-wrap:anywhere}
  .wp-block-buttons.buttons,.card-actions{gap:10px!important}
  .contact-layout.section{margin-top:12px!important}
}
@media(max-width:600px){
  h1,.page-hero h1{font-size:clamp(36px,11vw,48px)!important;overflow-wrap:break-word}
  h2{font-size:clamp(30px,8.6vw,40px)!important}
  .wrap{padding-left:18px!important;padding-right:18px!important}
  .hero .wp-block-buttons,.footer-cta .wp-block-buttons{flex-direction:column;align-items:stretch}
  .hero .wp-block-button,.footer-cta .wp-block-button{width:100%}
  .hero .wp-block-button__link,.footer-cta .wp-block-button__link{width:100%}
  .card-actions .wp-block-button__link{min-width:0}
  .pool-numbers{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .pool-numbers .number{font-size:clamp(24px,8vw,32px)!important}
  .glass{left:18px!important;right:18px!important;max-width:none!important}
  .table-scroll,.wp-block-table{-webkit-overflow-scrolling:touch}
  img,svg,video,iframe{max-width:100%}
}
html,body{overflow-x:clip}
/* Menu button (burger) from tablet size down */
@media(max-width:999px){
  .wts-navigation .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
  .wts-navigation .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none!important}
  .wts-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{display:flex!important}
  .wts-header{min-height:72px}
}
/* The frosted header must not trap the full-screen menu */
.has-modal-open .wts-header,.wts-header:has(.is-menu-open){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--navy)!important}
.insurance-main .card-body>p:last-of-type{margin-bottom:0!important}
.insurance-main .card-body .wp-block-buttons{margin-top:22px!important}
.insurance-side .pool-numbers>div>p:last-child{margin-bottom:0!important}
@media(max-width:600px){.card-body h3 br,.pool-card h3 br,.graph-card h3 br{display:none}}
.contents:not(:has(a)){display:none!important}
.contact-layout{display:block!important}
.contact-layout>.wp-block-group{max-width:860px}
.page-hero:has(+ .contact-layout){padding-bottom:28px!important}

/* =================== 1.6.1 =================== */
/* Home hero: text a little lower; the 3.2m box ends level with the buttons */
.home .hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:min(820px,100svh)!important;padding-top:190px!important}
.home .hero .hero-media{grid-area:auto!important;position:absolute!important;inset:0!important}
.home .hero .hero-content{grid-column:1;grid-row:1;margin:0!important;max-width:none!important;padding:0 0 110px max(32px,calc((100vw - 1296px)/2 + 32px))!important}
.home .hero .hero-content>.wp-block-buttons{margin-bottom:0!important}
.home .hero .glass{grid-column:2;grid-row:1;position:relative!important;inset:auto!important;align-self:end;margin:0 max(24px,calc((100vw - 1296px)/2)) 110px 32px!important}
@media(max-width:900px){
  .home .hero{min-height:0!important}
  .home .hero .hero-content{padding:0 0 64px 22px!important}
  .home .hero .glass{margin:0 22px 64px 20px!important;max-width:210px!important;display:block!important}
}
@media(max-width:600px){
  .home .hero{grid-template-columns:1fr}
  .home .hero .hero-content{padding:0 18px 24px!important}
  .home .hero .glass{grid-column:1;grid-row:2;margin:0 18px 32px!important;max-width:none!important;display:flex!important}
}
.home .hero .glass{z-index:2}
.home .wp-block-post-content>.hero:first-child{padding-top:190px!important}
@media(max-width:900px){.home .wp-block-post-content>.hero:first-child{padding-top:150px!important}}
@media(max-width:600px){.home .wp-block-post-content>.hero:first-child{padding-top:136px!important}}

/* =================== 1.6.2 =================== */
/* Home hero fills the screen; content sits centred in the space under the header (equal space above and below) */
.home .hero,.home .wp-block-post-content>.hero:first-child{min-height:100vh!important;min-height:100svh!important;align-content:center!important;padding-top:calc(var(--wts-hh,84px) + 56px)!important;padding-bottom:56px!important}
.home .hero .hero-content{padding-bottom:0!important}
.home .hero .glass{margin-bottom:0!important}
@media(max-width:900px){.home .hero,.home .wp-block-post-content>.hero:first-child{padding-top:calc(var(--wts-hh,72px) + 40px)!important;padding-bottom:40px!important}}
@media(max-width:600px){.home .hero,.home .wp-block-post-content>.hero:first-child{padding-top:calc(var(--wts-hh,72px) + 28px)!important;padding-bottom:28px!important;row-gap:24px}}
/* Storm photo: keep the lightning in view */
.home .hero .hero-media img,.home .hero-photo img{object-position:60% 20%!important;transform-origin:40% 20%}
.home .hero .hero-media:after{background:linear-gradient(90deg,#05152bcc 0%,#0b265980 45%,#0b265914 100%)!important}
@media(max-width:600px){.home .hero .hero-media img,.home .hero-photo img{object-position:30% 15%!important}}

/* =================== 1.8: easier pages, animated graphics =================== */
/* Numbered steps (cards in a row, or a vertical timeline) */
.wts-steps{counter-reset:wst;display:grid;gap:14px;margin:22px 0 10px;position:relative}
.wts-steps.wts-cols{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.wts-step{position:relative;background:#f4f7fb;border:1px solid var(--line);border-radius:18px;padding:56px 20px 20px;margin:0!important;opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.wts-step:before{counter-increment:wst;content:counter(wst);position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font:700 13px/30px Inter,Arial,sans-serif;text-align:center;z-index:1;transition:background-color .4s,color .4s,box-shadow .4s}
.wts-step-when{font-size:11px!important;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)!important;font-weight:700;margin:0 0 6px!important;line-height:1.3!important}
.wts-step h4{font-size:18px;margin:0 0 6px!important;color:var(--navy);letter-spacing:-.02em;line-height:1.2}
.wts-step p:not(.wts-step-when){font-size:14.5px!important;margin:0!important;line-height:1.55;color:var(--muted)}
.wts-anim.is-on .wts-step{opacity:1;transform:none}
.wts-anim.is-on .wts-step:before{background:var(--sky);color:var(--navy);box-shadow:0 0 0 6px #75b3da33}
.wts-steps .wts-step:nth-child(2),.wts-steps .wts-step:nth-child(2):before{transition-delay:.15s}
.wts-steps .wts-step:nth-child(3),.wts-steps .wts-step:nth-child(3):before{transition-delay:.3s}
.wts-steps .wts-step:nth-child(4),.wts-steps .wts-step:nth-child(4):before{transition-delay:.45s}
.wts-steps .wts-step:nth-child(5),.wts-steps .wts-step:nth-child(5):before{transition-delay:.6s}
/* vertical timeline */
.wts-timeline{gap:0}
.wts-timeline .wts-step{background:none;border:0;border-radius:0;padding:2px 0 24px 52px}
.wts-timeline .wts-step:before{left:0;top:0}
.wts-timeline:before,.wts-timeline:after{content:'';position:absolute;left:14px;top:8px;bottom:28px;width:2px;background:var(--line)}
.wts-timeline:after{background:var(--sky);transform:scaleY(0);transform-origin:top;transition:transform 1.4s ease .1s}
.wts-timeline.is-on:after{transform:scaleY(1)}

/* Checklists tick in one by one */
.tick-list.wts-anim li{opacity:0;transform:translateX(-10px);transition:opacity .45s ease,transform .45s ease}
.tick-list.wts-anim.is-on li{opacity:1;transform:none}
.tick-list.wts-anim li:nth-child(2){transition-delay:.08s}.tick-list.wts-anim li:nth-child(3){transition-delay:.16s}.tick-list.wts-anim li:nth-child(4){transition-delay:.24s}.tick-list.wts-anim li:nth-child(5){transition-delay:.32s}.tick-list.wts-anim li:nth-child(6){transition-delay:.4s}.tick-list.wts-anim li:nth-child(7){transition-delay:.48s}
.article-section .tick-list{padding-left:0!important;margin:18px 0!important}
.article-section .tick-list li{padding:5px 0 5px 32px!important}
.article-section .tick-list li:before{top:8px}

/* Cost staircase */
.cost-intro{max-width:560px}
.cost-stairs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end;margin-top:32px}
.cost-step{background:#12366a;border:1px solid #ffffff22;border-radius:22px 22px 8px 8px;padding:24px;margin:0!important;transform:scaleY(.04);transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.cost-step:nth-child(1){min-height:210px}.cost-step:nth-child(2){min-height:280px;transition-delay:.2s}.cost-step:nth-child(3){min-height:350px;transition-delay:.4s;background:#1b4a85}
.cost-step>*{opacity:0;transition:opacity .4s ease .7s}
.cost-step:nth-child(2)>*{transition-delay:.9s}.cost-step:nth-child(3)>*{transition-delay:1.1s}
.cost-stairs.is-on .cost-step{transform:none}.cost-stairs.is-on .cost-step>*{opacity:1}
.cost-tag{display:inline-block;background:var(--sky);color:var(--navy)!important;font-weight:700;border-radius:99px;padding:5px 14px;font-size:13px!important;margin:0 0 16px!important;line-height:1.3!important}
.cost-step h4{color:#fff;font-size:21px;margin:0 0 8px!important;letter-spacing:-.02em}
.cost-step p:not(.cost-tag){color:#c0d0e5;font-size:14.5px;margin:0!important;line-height:1.55}
@media(max-width:760px){.cost-stairs{grid-template-columns:1fr}.cost-step{min-height:0!important;border-radius:20px}}

/* Next step card at the end of each page */
.wts-next-wrap{margin-top:64px!important}
.wts-next{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px 34px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:24px;row-gap:6px;transition:border-color .25s,box-shadow .25s,transform .25s}
.wts-next:hover{border-color:var(--sky);box-shadow:0 18px 40px -24px #0b265966;transform:translateY(-2px)}
.wts-next>*{grid-column:1}
.wts-next-step{font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)!important;margin:0!important;font-weight:700}
.wts-next h3{margin:0!important;font-size:clamp(24px,3vw,32px)}
.wts-next h3 a{color:var(--navy);text-decoration:none}
.wts-next h3 a:after{content:'';position:absolute;inset:0;border-radius:26px}
.wts-next p:last-child{margin:0!important;font-size:15px}
.wts-next:after{content:'';grid-column:2;grid-row:1/span 3;width:58px;height:58px;border-radius:50%;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat;transition:background-color .25s,transform .25s}
.wts-next:hover:after{background-color:var(--sky);transform:translateX(4px)}
@media(max-width:600px){.wts-next{padding:24px 22px}.wts-next:after{width:46px;height:46px}}

/* Wind region bars grow when you reach them */
.region-bars>.region-bar{transform:scaleY(.02);transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.8,.2,1),background-color .35s ease,color .35s ease}
.in-view .region-bars>.region-bar{transform:scaleY(1)}
.region-bars>.region-bar:nth-child(2){transition-delay:.12s,0s,0s}.region-bars>.region-bar:nth-child(3){transition-delay:.24s,0s,0s}.region-bars>.region-bar:nth-child(4){transition-delay:.36s,0s,0s}

/* Back to top */
.wts-top{position:fixed;right:20px;bottom:20px;z-index:90;width:48px;height:48px;border-radius:50%;border:0;background:var(--navy);color:#fff;box-shadow:0 10px 26px -12px #0b2659aa;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s,background-color .2s}
.wts-top.on{opacity:1;transform:none;pointer-events:auto}
.wts-top:hover{background:var(--sky);color:var(--navy)}
.wts-top svg{width:20px;height:20px}
@media(prefers-reduced-motion:reduce){.wts-step,.tick-list.wts-anim li,.cost-step,.cost-step>*,.region-bars>.region-bar{transition:none!important;opacity:1!important;transform:none!important}.wts-timeline:after{transform:none}}
.editor-styles-wrapper .wts-step,.editor-styles-wrapper .tick-list li,.editor-styles-wrapper .cost-step,.editor-styles-wrapper .cost-step>*,.editor-styles-wrapper .region-bar{opacity:1!important;transform:none!important}

/* 1.9 before/after slider */
.wts-ba{position:relative;aspect-ratio:16/9;max-width:880px;margin-left:auto!important;margin-right:auto!important;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(10,30,60,.12);touch-action:pan-y;user-select:none;--pos:50%}
.wts-ba>figure{position:absolute!important;inset:0;margin:0!important;width:100%;height:100%}
.wts-ba>figure img{width:100%!important;height:100%!important;display:block;border-radius:0!important}
.wts-ba .wts-ba-before img{object-fit:cover}
.wts-ba .wts-ba-after{background:#fff;clip-path:inset(0 0 0 var(--pos))}
.wts-ba .wts-ba-after img{object-fit:contain;padding:12px;box-sizing:border-box}
.wts-ba>figure::after{position:absolute;top:12px;padding:5px 12px;border-radius:99px;font:600 13px/1.2 Arial,sans-serif;color:#fff;pointer-events:none}
.wts-ba .wts-ba-before::after{content:"Damage";left:12px;background:#b3261e}
.wts-ba .wts-ba-after::after{content:"The fix";right:12px;background:#0b3a6e}
.wts-ba-bar{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);pointer-events:none;z-index:2}
.wts-ba-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.25);display:grid;place-items:center;color:#0b3a6e;font:700 18px/1 Arial,sans-serif}
.wts-ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3;margin:0}
.wts-ba:has(.wts-ba-range:focus-visible) .wts-ba-knob{outline:3px solid #4fb3ff;outline-offset:2px}
.wts-ba-hint{font-size:14px;color:#5a6b7d;text-align:center;margin-top:10px!important}
@media (max-width:600px){.wts-ba{aspect-ratio:4/3}}

/* 1.9.1 compact layout: no side contents, card grids, tighter spacing */
.content-layout{display:block!important;max-width:1000px;margin-left:auto!important;margin-right:auto!important}
.content-layout>.wp-block-group{min-width:0}
.page-hero{padding-bottom:36px!important}
.page-hero h1{font-size:clamp(40px,4.6vw,66px)!important;margin-bottom:14px}
.section{margin-top:72px}
.article-section{padding:32px!important;margin-bottom:16px!important}
.article-section h2{font-size:30px!important;margin:0 0 10px!important}
.article-section>p:first-of-type{margin-top:0}
.wts-card-grid{display:grid;gap:16px;margin:18px 0 6px}
.wts-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wts-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wts-mini-card{background:var(--bg,#f4f5f7);border-radius:18px;padding:12px 12px 16px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.wts-mini-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,38,89,.08)}
.wts-mini-card>figure{order:-1;margin:0 0 12px!important;min-height:0!important;height:180px;flex:none;border-radius:12px!important;background:#fff}
.wts-mini-card img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:12px!important;display:block}
.wts-mini-card .diagram img,.wts-mini-card .technical-diagram img{object-fit:contain;background:#fff;padding:8px;box-sizing:border-box}
.wts-mini-card figcaption{display:none}
.wts-mini-card h3{font-size:18px!important;margin:2px 4px 6px!important;line-height:1.25}
.wts-mini-card p{font-size:15px!important;line-height:1.5;margin:0 4px 6px!important;color:var(--muted,#5e6b82);max-width:none!important}
.wts-mini-card p strong{color:var(--ink,#0e1b33)}
.wts-mini-card ul{margin:4px 0 0!important;font-size:15px}
@media(max-width:900px){.wts-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wts-cols-2,.wts-cols-3{grid-template-columns:1fr}.wts-mini-card>figure{height:200px}.article-section{padding:22px!important}.article-section h2{font-size:26px!important}}
@media(min-width:601px){.wts-cols-2>.wts-mini-card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:600px){.article-section{padding:18px!important}}
.article-section ul.wp-block-list:has(>li:nth-child(6)){columns:2;column-gap:32px}
.article-section ul.wp-block-list:has(>li:nth-child(6))>li{break-inside:avoid}
@media(max-width:600px){.article-section ul.wp-block-list:has(>li:nth-child(6)){columns:1}}
@media(min-width:801px){.single-post .content-layout>.wp-block-group{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.single-post .content-layout .article-section{margin:0!important}}
@media(max-width:600px){
  .wts-card-grid{gap:10px}
  .wts-mini-card:has(>figure){display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:12px;align-content:start;padding:10px}
  .wts-mini-card:has(>figure)>figure{grid-column:1;grid-row:1/span 6;height:96px!important;margin:0!important}
  .wts-mini-card:has(>figure)>*:not(figure){grid-column:2}
  .wts-mini-card:has(>figure) h3{margin-top:2px!important;font-size:17px!important}
  .wts-mini-card:has(>figure) p{font-size:14px!important}
}

/* 1.9.2 partner logos: hero and footer */
.wts-logos{display:flex!important;flex-wrap:wrap;align-items:center;gap:18px 30px;margin:0}
.wts-logos>figure{margin:0!important;min-height:0!important;background:none!important;border-radius:0!important;flex:none}
.wts-logos img{height:44px!important;width:auto!important;max-width:none!important;display:block;object-fit:contain;border-radius:0!important;position:static!important}
.hero-logos{margin-top:34px!important;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);max-width:640px}
.footer-logos{margin-top:22px!important}
.footer-logos img{height:40px!important}
@media(max-width:600px){.wts-logos{gap:14px 20px}.wts-logos img{height:32px!important}.hero-logos{margin-top:24px!important;padding-top:16px}}
.footer-logos{gap:14px 18px!important;flex-wrap:nowrap!important}
.footer-logos img{height:30px!important}
@media(max-width:600px){.hero-logos{flex-wrap:nowrap!important;gap:12px!important}.hero-logos img{height:26px!important}.footer-logos img{height:26px!important}.footer-logos{gap:12px!important}}
/* supplied partner lockup */
.hero-logos{display:block!important;max-width:620px}
.hero-logos .collab-logos,.footer-partners .collab-logos{margin:0!important;min-height:0!important;background:none!important}
.hero-logos .collab-logos img{width:100%!important;max-width:620px!important;height:auto!important;position:static!important;opacity:.95}
.footer-partners{margin:36px 0 0;padding:28px 0 0;border-top:1px solid #ffffff1f}
.footer-partners .collab-logos img{width:100%!important;max-width:760px!important;height:auto!important;position:static!important;opacity:1!important}
@media(max-width:600px){.hero-logos .collab-logos img{max-width:100%!important}}
/* hero logos at the top, no divider */
.hero-logos{border-top:0!important;padding-top:0!important;margin:0 0 34px!important;max-width:560px}
.hero-logos .collab-logos img{max-width:560px!important}
@media(max-width:600px){.hero-logos{margin:0 0 22px!important}}
/* footer partner logos 2x2 under intro */
.footer-logos-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;max-width:360px;margin:26px 0 0!important;align-items:center}
.footer-logos-grid>figure{margin:0!important;min-height:0!important;background:none!important;height:44px;display:flex!important;align-items:center}
.footer-logos-grid img{max-height:44px!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain;position:static!important;border-radius:0!important}
/* hero photo: show more of the trees */
html body.home .hero .hero-media img,html body .hero-photo img{object-position:50% 100%!important;transform-origin:50% 100%!important}

/* ===== 1.9.3 ===== */
/* Header Home Check button: always white, sky blue on hover */
html body .wts-navigation .wts-nav-cta>a,html body .home .wts-header .wts-nav-cta>a,html body .wts-navigation .wts-nav-cta.current-menu-item>a,html body .wts-navigation .wts-nav-cta>a[aria-current="page"]{background:#fff!important;color:var(--navy)!important}
html body .wts-navigation .wts-nav-cta>a:hover,html body .home .wts-header .wts-nav-cta>a:hover,html body .wts-navigation .wts-nav-cta.current-menu-item>a:hover{background:var(--sky)!important;color:var(--navy)!important}
html body .wp-block-navigation__responsive-container.is-menu-open .wts-nav-cta>a{background:#fff!important;color:var(--navy)!important;box-shadow:inset 0 0 0 2px var(--navy)}

/* Partner logos: equal height, one line */
.wts-partners{display:flex!important;flex-wrap:nowrap;align-items:center;gap:30px;margin:0}
.wts-partners>figure{margin:0!important;min-height:0!important;background:none!important;border-radius:0!important;flex:none}
.wts-partners img{height:40px!important;width:auto!important;max-width:none!important;display:block;position:static!important;border-radius:0!important}
.hero-partners{margin:0 0 34px!important}
.hero-partners>figure{opacity:0;transform:translateY(16px);animation:wtsLogoUp .45s cubic-bezier(.2,.7,.2,1) forwards}
.hero-partners>figure:nth-child(2){animation-delay:.07s}.hero-partners>figure:nth-child(3){animation-delay:.14s}.hero-partners>figure:nth-child(4){animation-delay:.21s}
@keyframes wtsLogoUp{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hero-partners>figure{animation:none;opacity:1;transform:none}}
.footer-partners-row{margin:34px 0 0!important;padding-top:28px;border-top:1px solid #ffffff1f;gap:40px}
.footer-partners-row img{height:44px!important}
@media(max-width:900px){.wts-partners{gap:22px}.wts-partners img{height:32px!important}.footer-partners-row{flex-wrap:wrap}}
@media(max-width:600px){.wts-partners{gap:12px;justify-content:space-between}.wts-partners img{height:20px!important}.footer-partners-row{flex-wrap:nowrap}.footer-partners-row img{height:20px!important}.hero-partners{margin:0 0 22px!important}}

/* Photo tiles (Act now) */
.wts-showcase-head p{max-width:680px}
.wts-tiles{display:grid;gap:14px;margin:20px 0 0}
.wts-bento{grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:repeat(2,minmax(210px,auto))}
.wts-bento>.wts-tile:first-child{grid-row:1/span 2}
.wts-row4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wts-row4>.wts-tile{min-height:270px}
.wts-tile{position:relative;overflow:hidden;border-radius:18px;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 18px 16px;isolation:isolate;background:#0b2659}
.wts-tile>figure{position:absolute!important;inset:0;margin:0!important;min-height:0!important;border-radius:0!important;z-index:-2;background:none!important}
.wts-tile>figure img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;transition:transform .6s ease}
.wts-tile:hover>figure img{transform:scale(1.05)}
.wts-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,38,89,0) 30%,rgba(11,38,89,.55) 58%,rgba(11,38,89,.94) 100%)}
.wts-tile h3{color:#fff!important;font-size:19px!important;margin:0 0 4px!important;line-height:1.2}
.wts-tile p{color:#dbe9f6!important;font-size:14.5px!important;line-height:1.45;margin:0!important;max-width:none!important}
.wts-bento>.wts-tile:first-child h3{font-size:23px!important}
.wts-yearly{margin:16px 0 0;background:var(--bg,#f4f5f7);border-radius:18px;padding:20px 22px}
.wts-yearly h3{font-size:17px!important;margin:0 0 10px!important}
.wts-yearly .tick-list{columns:2;column-gap:28px;margin:0!important}
.wts-yearly .tick-list li{break-inside:avoid;font-size:15px}
.wts-yearly .wts-note{margin:10px 0 0!important;font-size:14px;color:var(--muted,#5e6b82)}
.wts-yearly-split{display:grid;grid-template-columns:1.3fr 1fr;gap:26px}
.wts-yearly-split .tick-list{columns:1}
@media(max-width:900px){.wts-bento{grid-template-columns:1fr 1fr;grid-template-rows:none}.wts-bento>.wts-tile:first-child{grid-row:auto;grid-column:1/-1;min-height:260px}.wts-row4{grid-template-columns:1fr 1fr}.wts-row4>.wts-tile{min-height:220px}}
@media(max-width:600px){.wts-bento,.wts-row4{grid-template-columns:1fr}.wts-tile,.wts-row4>.wts-tile{min-height:200px}.wts-yearly .tick-list{columns:1}.wts-yearly-split{grid-template-columns:1fr;gap:12px}}

/* Insurance: premiums split */
.wts-split{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;margin:8px 0 18px;align-items:start}
.wts-lead{font-size:20px!important;line-height:1.45!important;color:var(--navy,#0b2659)!important;font-weight:600}
.wts-split-main p{max-width:none!important}
.wts-split-card{background:var(--bg,#f4f5f7);border-radius:18px;padding:20px 22px}
.wts-split-card h3{font-size:17px!important;margin:0 0 10px!important}
.wts-split-card .tick-list{margin:0!important}
.wts-split-card .tick-list li{font-size:15px}
.wts-split-card .wts-note{margin:10px 0 0!important;font-size:14px;color:var(--muted,#5e6b82)}
.wts-premiums .buttons{margin-top:4px}
@media(max-width:800px){.wts-split{grid-template-columns:1fr}}

/* Pool: fact cards */
.wts-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 0}
.wts-fact{background:var(--bg,#f4f5f7);border-radius:16px;padding:16px 18px}
.wts-fact p{margin:0!important;font-size:15px;max-width:none!important}
.wts-fact .wts-fact-num{font-size:22px!important;font-weight:700;color:var(--navy,#0b2659)!important;margin-bottom:4px!important}
@media(max-width:600px){.wts-facts{grid-template-columns:1fr}}

/* Link pills (approvals, useful links, find out more) */
.article-section ul.wts-link-grid{list-style:none;padding:0!important;margin:14px 0 0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;columns:auto!important}
.article-section ul.wts-link-grid li{padding:0!important}
.article-section ul.wts-link-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-radius:12px;background:var(--bg,#f4f5f7);color:var(--navy,#0b2659)!important;font-weight:600;font-size:15px;text-decoration:none!important;transition:background .2s,color .2s}
.article-section ul.wts-link-grid a::after{content:"\2197";font-weight:700;color:var(--sky,#75b3da)}
.article-section ul.wts-link-grid a:hover{background:var(--navy,#0b2659);color:#fff!important}

/* Videos 2x2 with thumbnails */
.wts-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0 0}
.wts-video{margin:0!important;min-height:0!important;background:none!important}
.wts-video a{display:block;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#0b2659}
.wts-video img{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:0!important;transition:transform .5s}
.wts-video a::after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(11,38,89,.85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/30px no-repeat;transition:transform .2s,background-color .2s}
.wts-video a:hover::after{transform:scale(1.08);background-color:#75b3da}
.wts-video a:hover img{transform:scale(1.04)}
.wts-video figcaption{margin:10px 2px 0!important;font-weight:600;color:var(--navy,#0b2659);font-size:15px;text-align:left}
@media(max-width:600px){.wts-video-grid{grid-template-columns:1fr}}

/* Before/after: both photos fill the same frame so they line up */
.wts-ba{aspect-ratio:3/2!important}
.wts-ba .wts-ba-after img,.wts-ba .wts-ba-before img{object-fit:cover!important;object-position:center!important;padding:0!important}
.wts-ba .wts-ba-after{background:#000}
.wts-ba .wts-ba-before::after{content:"Before"}
.wts-ba .wts-ba-after::after{content:"After"}
@media(max-width:600px){.wts-ba{aspect-ratio:3/2!important}}

/* ===== 1.9.4 ===== */
/* Header logo: on hover the rounded wind lines draw in left to right, bottom, then middle, then top */
.brand-logo .brand-svg{height:40px;width:auto;display:block;overflow:visible}
.brand-svg .wind{stroke-dasharray:1 1;stroke-dashoffset:0}
.brand-logo a:hover .brand-svg .wind,.brand-logo a:focus-visible .brand-svg .wind{animation:wtsDraw .75s cubic-bezier(.65,0,.35,1) both}
.brand-logo a:hover .brand-svg .wind-m,.brand-logo a:focus-visible .brand-svg .wind-m{animation-delay:.18s}
.brand-logo a:hover .brand-svg .wind-t,.brand-logo a:focus-visible .brand-svg .wind-t{animation-delay:.36s}
@keyframes wtsDraw{0%{stroke-dashoffset:1;opacity:0}8%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@media(max-width:900px){.brand-logo .brand-svg{height:38px}}
@media (prefers-reduced-motion:reduce){.brand-logo a:hover .brand-svg .wind{animation:none}}

/* Header lines up with the hero text */
@media(min-width:901px){html body .wts-header.wts-header.site-header{padding-left:max(32px,calc((100vw - 1296px)/2 + 32px))!important;padding-right:max(32px,calc((100vw - 1296px)/2 + 32px))!important}}

/* Partner logos: optically matched sizes */
.wts-partners img[src*="logo-cts-white"]{height:30px!important}
.wts-partners img[src*="logo-jcu-white"]{height:44px!important}
.wts-partners img[src*="logo-arpc-white"]{height:34px!important}
.wts-partners img[src*="logo-nhra-white"]{height:41px!important}
.hero-partners{gap:34px!important}
.hero-partners>figure{animation-duration:.85s!important}
.hero-partners>figure:nth-child(2){animation-delay:.14s!important}.hero-partners>figure:nth-child(3){animation-delay:.28s!important}.hero-partners>figure:nth-child(4){animation-delay:.42s!important}
.footer-partners-row{margin:24px 0 0!important;padding-top:0!important;border-top:0!important;gap:16px!important;flex-wrap:nowrap!important;width:max-content;max-width:none}
.footer-partners-row img[src*="logo-cts-white"]{height:21px!important}
.footer-partners-row img[src*="logo-jcu-white"]{height:30px!important}
.footer-partners-row img[src*="logo-arpc-white"]{height:24px!important}
.footer-partners-row img[src*="logo-nhra-white"]{height:27px!important}
@media(max-width:600px){.hero-partners{gap:12px!important}
 .hero-partners img[src*="logo-cts-white"]{height:17px!important}.hero-partners img[src*="logo-jcu-white"]{height:22px!important}.hero-partners img[src*="logo-arpc-white"]{height:19px!important}.hero-partners img[src*="logo-nhra-white"]{height:22px!important}
 .footer-partners-row{width:auto}
 .footer-partners-row img[src*="logo-cts-white"]{height:17px!important}.footer-partners-row img[src*="logo-jcu-white"]{height:22px!important}.footer-partners-row img[src*="logo-arpc-white"]{height:19px!important}.footer-partners-row img[src*="logo-nhra-white"]{height:22px!important}}

/* Weakest link photo shown in full */
.article-section figure:has(img[src*="photo-weakest-link"]){min-height:0!important;height:auto!important;background:none!important}
.article-section img[src*="photo-weakest-link"]{position:static!important;width:100%!important;height:auto!important;object-fit:contain!important}

/* Photo cards: taller photos, more space before the text */
.wts-mini-card>figure{height:220px!important;margin:0 0 16px!important}
.wts-mini-card h3{margin-top:0!important}
.wts-photo-cards .wts-mini-card>figure{height:220px!important}
@media(max-width:600px){.wts-mini-card:has(>figure)>figure{height:110px!important;margin:0!important}}

/* Two column tick lists in the boxes */
.wts-yearly .tick-list{columns:2!important;column-gap:30px}
@media(max-width:600px){.wts-yearly .tick-list{columns:1!important}}

/* Numbered steps: small number with the title beside it */
.wts-step{padding:18px 20px 18px!important}
.wts-step:before{position:static!important;display:inline-block;width:24px!important;height:24px!important;font-size:12px!important;line-height:24px!important;vertical-align:top;margin:0 10px 0 0}
.wts-step h4{display:inline-block;vertical-align:top;width:calc(100% - 38px);margin:1px 0 8px!important;font-size:17px!important}
.wts-anim.is-on .wts-step:before{box-shadow:0 0 0 4px #75b3da33!important}
.wts-timeline .wts-step{padding:2px 0 20px 0!important}

/* Insurance premiums: heading in the left column, level with the box */
.wts-premiums .wts-split{margin-top:0!important}
.wts-premiums .wts-split-main h2{margin:0 0 18px!important}
.wts-premiums .wts-split-main .wts-lead{margin:0 0 18px!important}
.wts-premiums .wts-split-main p{margin:0 0 14px!important}
.wts-premiums .buttons{margin-top:6px!important}

/* Common questions: compact, two columns */
.wts-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:6px}
.wts-faq-grid details{padding:13px 0!important}
.wts-faq-grid summary{font-size:15.5px!important;line-height:1.35}
.wts-faq-grid details p{font-size:14.5px!important;margin:8px 0 2px!important}
@media(max-width:760px){.wts-faq-grid{grid-template-columns:1fr}}
/* two column tick lists (grid so it always applies) */
.wts-yearly ul.tick-list{display:grid!important;grid-template-columns:1fr 1fr;column-gap:30px;columns:auto!important}
@media(max-width:600px){.wts-yearly ul.tick-list{grid-template-columns:1fr}}
/* calendar timeline keeps its vertical line layout */
.wts-timeline .wts-step{padding:2px 0 22px 46px!important}
.wts-timeline .wts-step:before{position:absolute!important;left:0;top:0;margin:0}
.wts-timeline .wts-step h4{display:block;width:auto;margin:2px 0 4px!important}
/* partner logos sit on a shared bottom line */
.wts-partners{align-items:flex-end!important}
.wts-partners>figure{display:flex!important;align-items:flex-end}
/* logo draws in on every page load too */
.brand-logo.is-drawing .brand-svg .wind{animation:wtsDraw .75s cubic-bezier(.65,0,.35,1) .15s both}
.brand-logo.is-drawing .brand-svg .wind-m{animation-delay:.33s}
.brand-logo.is-drawing .brand-svg .wind-t{animation-delay:.51s}
.wts-logo-wait .brand-logo img,.wts-logo-wait .footer-logo img{visibility:hidden}
.footer-logo a{display:inline-block}
.footer-logo .brand-svg{height:52px;width:auto;display:block;overflow:visible}
.footer-logo a:hover .brand-svg .wind,.footer-logo a:focus-visible .brand-svg .wind,.footer-logo.is-drawing .brand-svg .wind{animation:wtsDraw .75s cubic-bezier(.65,0,.35,1) both}
.footer-logo a:hover .brand-svg .wind-m,.footer-logo a:focus-visible .brand-svg .wind-m,.footer-logo.is-drawing .brand-svg .wind-m{animation-delay:.18s}
.footer-logo a:hover .brand-svg .wind-t,.footer-logo a:focus-visible .brand-svg .wind-t,.footer-logo.is-drawing .brand-svg .wind-t{animation-delay:.36s}
@media(max-width:600px){.footer-logo .brand-svg{height:44px}}
