/* Rescue One Restoration — inner-page template (#63).
 *
 * The .us site's service, location, about/contact, blog and post rules, ported
 * rule for rule. On .us these follow the shared sheet in every inner page's
 * stylesheet; here they load after rescueone.css on every page but home, whose
 * wrapper has no .svc class. The form card moved to rescueone.css (the home
 * page's request dialog needs it). Asset URLs point at /brands/rescueone/.
 */
/* inner pages set the final call's photo inline; the home sheet's own photo must not show through */
#r1 .final .bg{position:absolute;inset:0;background:70% 55%/cover no-repeat;transform:scale(1.05);animation:slowzoom 40s var(--ease-io) infinite alternate;animation-delay:-11s}
/* ---------- service template (new) ---------- */
#r1 .svc-hero{position:relative;overflow:hidden;padding:clamp(124px,15vh,168px) var(--gutter) clamp(92px,10vw,140px);background:var(--brand-deep);
  --text-primary:#F4F7FB;--text-secondary:#CBD8E8;--line:rgba(203,216,232,.22);--line-strong:#9DB0C8;--sea:#A9C6EA;color:var(--text-primary)}
#r1 .svc-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 85% 40%,rgba(24,73,136,.55),transparent 70%)}
#r1 .svc-hero .wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,5vw,84px);align-items:center}
#r1 .crumbs{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:10px;color:var(--text-secondary)}
#r1 .crumbs li+li::before{content:"/";margin-right:10px;color:var(--line-strong)}
#r1 .crumbs a{text-decoration:none}#r1 .crumbs a:hover{color:#fff}
#r1 .svc-hero .kick{color:var(--sea);margin-bottom:16px}
#r1 .svc-hero h1{font-size:clamp(42px,5.4vw,84px);max-width:12ch}
#r1 .svc-hero .sub{margin-top:20px;font:600 clamp(17px,1.45vw,20px)/1.45 var(--body);color:var(--text-secondary);max-width:40ch}
#r1 .svc-hero .btn-row{margin-top:32px}
#r1 .svc-hero .btn-ghost{border-color:rgba(244,247,251,.6);color:#fff}
#r1 .svc-hero .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
#r1 .creds{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--text-secondary)}
#r1 .creds span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px;vertical-align:middle}
#r1 .shot{position:relative;margin:0}
#r1 .shot img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
#r1 .shot::before{content:"";position:absolute;left:-16px;top:-16px;width:42%;height:3px;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ease-io) .3s}
#r1 .shot::after{content:"";position:absolute;left:-16px;top:-16px;width:3px;height:38%;background:var(--accent);transform-origin:top;transform:scaleY(0);transition:transform 1.4s var(--ease-io) .3s}
#r1 .shot.in::before{transform:scaleX(1)}#r1 .shot.in::after{transform:scaleY(1)}
#r1 .shot figcaption{margin-top:14px;color:var(--text-secondary)}
/* phones: the homepage's own static hero, full-bleed photo under the navy fade */
@media (max-width:900px){
  #r1 .svc-hero{min-height:88svh;display:flex;align-items:flex-end;padding-top:120px;padding-bottom:84px}
  #r1 .svc-hero::before{display:none}
  #r1 .svc-hero .wrap{position:static;grid-template-columns:1fr;width:100%}
  #r1 .svc-hero .shot{position:absolute;inset:0;z-index:0}
  #r1 .svc-hero .shot img{height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;object-position:42% center}
  #r1 .svc-hero .shot::before,#r1 .svc-hero .shot figcaption{display:none}
  #r1 .svc-hero .shot::after{left:0;top:0;width:100%;height:100%;transform:none;transition:none;background:linear-gradient(180deg,rgba(11,31,58,.3) 0%,rgba(11,31,58,.8) 42%,#0B1F3A 100%)}
  #r1 .svc-hero .wrap>div:first-child{position:relative;z-index:2;text-shadow:var(--tshadow)}
  #r1 .svc-hero .btn{text-shadow:none}
}

/* the service pages' H2s are long (they carry the keywords): one size step down from the homepage */
#r1.svc .sec-h{font-size:clamp(32px,3.5vw,52px);max-width:19ch}
#r1.svc .why-head .sec-h,#r1.svc .center-head .sec-h{max-width:24ch}
#r1.svc .final h2{font-size:clamp(40px,4.8vw,72px);max-width:14ch}

/* intro (white): the story layout, sticky heading */
#r1 .svc-intro .story-r{font-size:18px}
#r1 .svc-intro .story-r .ex>p:first-child{color:var(--text-primary);font-size:20px;line-height:1.55}

/* process (navy): the homepage steps, ten of them, each with its duration */
#r1 .steps li::before{content:counter(s,decimal-leading-zero)}
#r1 .steps .dur{display:inline-block;margin-top:8px;color:var(--sea)}
#r1 .steps .ex{margin-top:10px;color:var(--text-secondary);max-width:60ch}
#r1 .steps .ex p{margin-top:0}
#r1 .steps .ex p+p,#r1 .steps .ex-inner p{margin-top:12px}
#r1 .note{margin-top:28px;padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text-secondary);max-width:62ch}
#r1 .note strong{color:#fff}
#r1 .now .ex{margin-top:14px;color:#4A5D77}
#r1 .now .ex .ex-btn{color:#184988}
#r1 .now .btn{margin-top:22px}

/* trust (white): the homepage promise cards, three across */
#r1 .why-grid.svc-trust{grid-template-columns:repeat(3,1fr)}
#r1 .svc-trust .ex{margin-top:10px;color:var(--text-secondary);font-size:15.5px}
#r1 .svc-trust .ex p{margin-top:0}
#r1 .svc-trust li:nth-child(n+5){transition-delay:0s}
@media (max-width:1000px){#r1 .why-grid.svc-trust{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#r1 .why-grid.svc-trust{grid-template-columns:1fr}}

/* FAQ answers can run several paragraphs and carry links */
#r1 .qa .a p+p{margin-top:12px}
#r1 .qa .a a,#r1 .svc-closing p a,#r1 .svc-closing li a,#r1 .svc-area p a,#r1 .steps .ex a,#r1 .svc-trust .ex a,#r1 .svc-intro .ex a{color:var(--accent);font-weight:600;text-decoration:none}
#r1 .qa .a a:hover{text-decoration:underline}

/* closing editorial (tint) */
#r1 .svc-closing h3{margin-top:44px;font-size:clamp(24px,2.2vw,30px);color:var(--text-primary)}
#r1 .svc-closing .story-r>h3:first-child{margin-top:0}
#r1 .svc-closing .story-r p{margin-top:14px}
#r1 .ticks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
#r1 .ticks li{position:relative;padding:16px 18px 16px 50px;border-radius:16px;background:#fff;border:1px solid var(--line);font-size:16px}
#r1 .ticks li::before{content:"";position:absolute;left:18px;top:21px;width:16px;height:9px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
#r1 .ticks .t{display:block;color:var(--text-primary);font:700 18px/1.3 var(--display);margin-bottom:4px}
#r1 .ticks strong{color:var(--text-primary)}

/* residential & commercial (white): the homepage condo split */
#r1 .svc-area .split figure{margin:0}
#r1 .svc-area .copy p{margin-top:16px;color:var(--text-secondary);font-size:18px}
@media (max-width:900px){#r1 .split{grid-template-columns:1fr}}

/* hub components (water-damage-restoration) */
#r1 main ul:not([class]),#r1 main ol:not([class]){margin:14px 0 0;padding-left:20px}
/* lists inside a step must not inherit the timeline's numbered circles or advance its counter */
#r1 .steps li li{padding:0;list-style:disc;opacity:1;transform:none}
#r1 .steps li li::before{display:none}
#r1 main ul:not([class]) li+li,#r1 main ol:not([class]) li+li{margin-top:7px}
#r1 .steps .ex ul{color:var(--text-secondary)}
#r1 .steps .jump{margin-top:12px}#r1 .steps .jump a{color:#fff;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
#r1 .now>p:not(.mono){margin-top:14px;color:#4A5D77}
#r1 .routes .route .ex a{color:var(--accent);font-weight:600;text-decoration:none}
#r1 .routes .why-grid li{background:#fff}
#r1 .svc-trust li.cta{background:var(--brand);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
#r1 .svc-trust li.cta::before{display:none}
#r1 .svc-trust li.cta .ex,#r1 .svc-trust li.cta .ex p{color:#fff}#r1 .svc-trust li.cta a:not(.btn){color:#fff;text-decoration:underline}
#r1 .svc-trust li.cta .btn-ghost{border-color:rgba(255,255,255,.6);color:#fff}
#r1 .svc-ins .copy p,#r1 .svc-ins .copy li{color:var(--text-secondary)}
#r1 .svc-area .split figure.pic:not(.split-pic){aspect-ratio:auto}
#r1 .area-notes{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
#r1 .area-notes li{padding:26px;border-radius:20px;background:#F4F7FB;border:1px solid var(--line);border-top:3px solid var(--accent)}
#r1 .area-notes h3{font-size:22px}
#r1 .area-notes p{margin-top:10px;color:var(--text-secondary);font-size:15.5px}
#r1 .area-notes a,#r1 .area-close a{color:var(--accent);font-weight:600;text-decoration:none}
#r1 .area-close{margin-top:28px;color:var(--text-secondary);max-width:70ch}

/* generic layout */
#r1 .svc-area .wrap.solo{max-width:880px}
#r1 .svc-area .copy h3{margin-top:26px;font-size:clamp(21px,1.9vw,26px);color:var(--text-primary)}
#r1 .svc-area .copy p,#r1 .svc-area .copy li{color:var(--text-secondary);font-size:17px}
#r1 .svc-area .copy p+p{margin-top:14px}
#r1 .final .related{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
#r1 .pill-link{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font:600 14px/1 var(--body)}
#r1 .pill-link:hover{background:rgba(255,255,255,.1)}

/* imagery that breaks up the long copy */
#r1 .pic{margin:0;position:relative}
#r1 .pic img{width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow)}
#r1 .pic figcaption{margin-top:10px;color:var(--text-secondary);font-size:11px}
#r1 .svc-intro .pic{margin:26px 0}
#r1 .steps .pic{margin:16px 0 6px;max-width:560px}
#r1 .steps .pic img{border-radius:16px;box-shadow:0 16px 36px rgba(0,0,0,.32)}
#r1 .faq-l .pic{margin-top:28px}
#r1 .faq-l .pic img{box-shadow:0 18px 44px rgba(5,20,45,.32)}
#r1 .faq-l .pic figcaption{color:#DCE6F3}
#r1 .svc-closing .story-l .pic{margin-top:30px}
#r1 .svc-trust .tall{grid-row:span 3;padding:0;background:none;border:0;overflow:visible}
#r1 .svc-trust .tall::before{display:none}
#r1 .svc-trust .tall:hover{background:none;box-shadow:none}
#r1 .svc-trust .tall .pic,#r1 .svc-trust .tall img{height:100%}
#r1 .svc-trust .tall img{object-fit:cover;border-radius:22px}
#r1 .svc-trust .tall figcaption{position:absolute;left:18px;bottom:16px;margin:0;color:#fff;text-shadow:var(--tshadow-small)}
#r1 .svc-area .split figure.split-pic{aspect-ratio:4/3}
#r1 .svc-area .split-pic img{height:100%;object-fit:cover;border-radius:0;box-shadow:none}
#r1 .svc-area .split-pic figcaption{position:absolute;left:18px;bottom:16px;margin:0;color:#fff;text-shadow:var(--tshadow-small)}
@media (max-width:560px){#r1 .svc-trust .tall{grid-row:auto}#r1 .svc-trust .tall img{aspect-ratio:4/5}}

#r1 .final .ex{margin-top:20px;max-width:56ch}
#r1 .final .ex p{color:var(--text-primary)}
/* location pages: full-bleed area photo hero (2026-10-13, Michael: hero different from the service pages) */
#r1 .loc-hero{min-height:min(94svh,900px);display:flex;align-items:flex-end;padding-top:clamp(150px,20vh,220px);padding-bottom:clamp(56px,7vw,96px)}
#r1 .loc-hero::before{display:none}
#r1 .loc-hero .loc-bg{position:absolute;inset:0;margin:0;z-index:0}
#r1 .loc-hero .loc-bg img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}
#r1 .loc-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(11,31,58,.9) 0%,rgba(11,31,58,.62) 42%,rgba(11,31,58,.12) 78%),linear-gradient(180deg,rgba(11,31,58,.35) 0%,rgba(11,31,58,0) 30%,rgba(11,31,58,0) 62%,#0B1F3A 100%)}
#r1 .loc-hero .wrap{display:block;position:relative;z-index:2;width:100%}
#r1 .loc-hero .wrap>div{max-width:760px;text-shadow:var(--tshadow)}
#r1 .loc-hero h1{max-width:15ch}
#r1 .loc-chips{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none;text-shadow:none}
#r1 .loc-chips a{display:inline-block;padding:10px 16px;border:1px solid rgba(244,247,251,.5);border-radius:999px;color:#fff;text-decoration:none;font:600 14px/1 var(--body);background:rgba(11,31,58,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
#r1 .loc-chips a:hover{border-color:#fff;background:rgba(255,255,255,.14)}
#r1 .loc-near{margin-top:22px;color:var(--text-secondary)}
#r1 .loc-near a{color:#fff;text-underline-offset:3px}
#r1 .loc-hero .creds{margin-top:30px}
@media (max-width:900px){
  #r1 .loc-hero{min-height:92svh;padding-top:120px;padding-bottom:64px}
  #r1 .loc-hero::after{background:linear-gradient(180deg,rgba(11,31,58,.25) 0%,rgba(11,31,58,.62) 38%,rgba(11,31,58,.92) 70%,#0B1F3A 100%)}
  #r1 .loc-hero .loc-bg img{object-position:center 40%}
  #r1 .loc-chips a{padding:9px 13px;font-size:13px}
  #r1 .loc-hero .crumbs{display:none}
}

/* ---------- about + contact (new) ---------- */
#r1 .svc-hero .sub p{margin:0 0 12px}#r1 .svc-hero .sub p:last-child{margin:0}
#r1 .svc-hero .sub a{color:#fff}
/* goal: the eight stages */
#r1 .stage-h{margin:30px 0 14px;color:var(--sea)}
#r1 .stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
#r1 .stages li{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:600}
#r1 .stages .num{color:var(--accent);font-size:13px}
/* history */
#r1 .hist-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,84px);align-items:start}
#r1 .hist-grid .copy p{color:var(--text-secondary);margin:0 0 12px}
#r1 .timeline{list-style:none;margin:34px 0 0;padding:0 0 0 22px;border-left:2px solid var(--line)}
#r1 .timeline li{position:relative;padding:0 0 22px}
#r1 .timeline li::before{content:"";position:absolute;left:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(211,32,39,.22)}
#r1 .timeline span{display:block;color:var(--sea);margin-bottom:4px}
#r1 .timeline b{font:700 clamp(18px,1.6vw,22px)/1.3 var(--display)}
#r1 .compare{display:grid;gap:14px;margin-bottom:22px}
#r1 .cmp{border-radius:20px;padding:22px 24px}
#r1 .cmp>p.mono{margin:0 0 12px;color:var(--sea)}
#r1 .cmp p{margin:12px 0 0;color:var(--text-secondary)}
#r1 .cmp.before{border:1px dashed var(--line-strong)}
#r1 .cmp.after{background:var(--accent);--text-secondary:#fff}#r1 .cmp.after>p.mono{color:#fff}#r1 .cmp.after a{color:#fff}
#r1 .trades{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#r1 .trades li{padding:6px 12px;border-radius:999px;border:1px solid var(--line);font-size:14px;color:var(--text-secondary);text-decoration:line-through;text-decoration-color:rgba(211,32,39,.8)}
/* credential cards */
#r1 .co-cards{grid-template-columns:repeat(4,1fr)}
/* request: copy + form */
#r1 .req-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,84px);align-items:start}
#r1 .req-grid .lede p{margin:0 0 14px}#r1 .req-grid .lede a{color:#fff}
#r1 .req-grid .pic{margin-top:26px}
/* author */
#r1 .author{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:start}
#r1 .author img{width:100%;height:auto;border-radius:20px}
#r1 .author .sec-h{font-size:clamp(28px,3vw,42px);margin-bottom:14px}
#r1 .a-contact{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--text-secondary)}
#r1 .a-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#r1 .a-links .pill-link{color:#184988;border-color:#C9D6E6}
#r1 .a-links .pill-link:hover{border-color:#184988}
#r1 .disclaimer{margin:44px auto 0;max-width:70ch;text-align:center;font-size:14px;color:var(--text-secondary)}
/* contact hero: details left, form right */
#r1 .co-hero .wrap{align-items:start}
#r1 .co-hero h1{max-width:none}
#r1 .ways{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
#r1 .ways li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}
#r1 .ico rect{fill:none;stroke:currentColor;stroke-width:1.8}
#r1 .ways .ico *,#r1 .social .ico *,#r1 .dir .ico *{stroke-dashoffset:0}
#r1 .ways .ico{width:34px;height:34px;flex:0 0 34px;color:var(--sea)}
#r1 .ways p{margin:0}#r1 .ways p.mono{color:var(--sea);font-size:12px;margin-bottom:4px}
#r1 .ways .v{font-weight:600;color:#fff;line-height:1.45}#r1 .ways .v a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
#r1 .ways li:first-child .v a{font:700 clamp(20px,1.8vw,24px)/1.2 var(--display);border:0}
/* office */
#r1 .office-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:stretch}
#r1 .office-grid address{font:600 clamp(18px,1.5vw,21px)/1.55 var(--body);font-style:normal;margin:6px 0 18px}
#r1 .office-grid .pic{margin-top:26px}
#r1 .dir{display:inline-flex;align-items:center;gap:8px}#r1 .dir .ico{width:22px;height:22px}
#r1 .map{min-height:420px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#E6EEF8}
#r1 .map iframe{display:block;width:100%;height:100%;min-height:420px;border:0}
/* social */
#r1 .social{list-style:none;margin:44px auto 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1040px}
#r1 .social a{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 12px;border-radius:20px;background:#fff;border:1px solid var(--line);
  text-decoration:none;color:#0E2748;font-weight:700;transition:transform .4s var(--ease-out),border-color .3s}
#r1 .social a:hover{transform:translateY(-4px);border-color:#184988}
#r1 .social .ico{width:40px;height:40px;color:#184988}
@media (max-width:1100px){#r1 .co-cards{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  #r1 .hist-grid,#r1 .req-grid,#r1 .author,#r1 .office-grid{grid-template-columns:1fr}
  #r1 .co-hero{min-height:0;display:block;padding-top:112px;padding-bottom:72px}
  #r1 .co-hero .wrap{gap:34px}
  #r1 .social{grid-template-columns:repeat(3,1fr)}
  #r1 .map,#r1 .map iframe{min-height:320px}
}
@media (max-width:560px){
  #r1 .stages,#r1 .ways{grid-template-columns:1fr}
  #r1 .co-cards{grid-template-columns:1fr}
  #r1 .social{grid-template-columns:1fr 1fr}
}

/* ---------- blog hub (new) ---------- */
#r1 .bl-intro{padding:clamp(128px,14vw,176px) var(--gutter) 0;background:#fff;text-align:center}
#r1 .bl-intro .kicker{margin:0 0 14px}
#r1 .bl-intro h1{margin:0 auto;font-size:clamp(38px,4.6vw,64px);line-height:1.04;color:#0E2748;max-width:18ch}
#r1 .bl-rule{display:block;width:72px;height:3px;margin:24px auto;background:var(--accent);border-radius:2px}
#r1 .bl-desc{max-width:62ch;margin:0 auto}
#r1 .bl-desc p{margin:0;color:#4A5D77;font:400 clamp(17px,1.3vw,19px)/1.6 var(--body)}
#r1 .bl-label{margin:36px 0 12px;font-size:12px;color:#4A5D77}
#r1 .bl-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
#r1 .chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid #C9D6E6;background:#fff;
  color:#0E2748;font:600 15px/1 var(--body);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
#r1 .chip:hover{border-color:#184988}
#r1 .chip[aria-pressed="true"]{background:#0E2748;border-color:#0E2748;color:#fff}
#r1 .chip .n{font:500 12px/1 var(--mono);opacity:.7}
#r1 .chip[hidden]{display:none}
#r1 #articles{padding-top:clamp(40px,4vw,56px)}
/* the Elementor posts widget (cards skin), restyled; #r1 specificity beats the widget's own CSS */
#r1 .bl-grid .elementor-widget-container,#r1 .bl-grid .elementor-element,#r1 .bl-grid .elementor-widget-wrap,#r1 .bl-grid .elementor-column,#r1 .bl-grid .elementor-container,#r1 .bl-grid .elementor-section{padding:0;margin:0;max-width:none;width:100%}
#r1 .bl-grid .elementor-posts-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}
#r1 .bl-grid .elementor-post{margin:0;padding:0;border:0;min-width:0}
#r1 .bl-grid .elementor-post[hidden]{display:none}
#r1 .bl-grid .elementor-post__card{position:relative;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:transform .4s var(--ease-out),border-color .3s}
#r1 .bl-grid .elementor-post__card:hover{transform:translateY(-4px);border-color:#184988}
#r1 .bl-grid .elementor-post__thumbnail__link{display:block;margin:0;width:100%}
#r1 .bl-grid .elementor-post__thumbnail{position:relative;padding:0;aspect-ratio:16/10;overflow:hidden;background:#E6EEF8}
#r1 .bl-grid .elementor-post__thumbnail img{position:static;display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:none;
  transition:transform .8s var(--ease-out)}
#r1 .bl-grid .elementor-post__card:hover .elementor-post__thumbnail img{transform:scale(1.04)}
#r1 .bl-grid .elementor-post__badge{position:absolute;top:16px;left:16px;right:auto;margin:0;padding:7px 12px;border-radius:999px;background:#0B1F3A;
  color:#fff;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
#r1 .bl-grid .elementor-post__avatar,#r1 .bl-grid .elementor-post__meta-data{display:none}
#r1 .bl-grid .elementor-post__text{display:flex;flex-direction:column;flex:1;padding:22px 24px 30px;margin:0}
#r1 .bl-grid .elementor-post__title{margin:0 0 10px;font:700 clamp(19px,1.5vw,22px)/1.25 var(--display);color:#0E2748}
#r1 .bl-grid .elementor-post__title a{font:inherit;color:inherit;text-decoration:none}   /* the Elementor kit sets Roboto on this link */
#r1 .bl-grid .elementor-post__card:hover .elementor-post__title a{color:#184988}
#r1 .bl-grid .elementor-post__excerpt{margin:0}
#r1 .bl-grid .elementor-post__excerpt p{margin:0;color:#4A5D77;font:400 15.5px/1.55 var(--body)}
#r1 .bl-grid .elementor-post__read-more{margin-top:auto;padding-top:18px;color:var(--accent);font:700 15px/1 var(--body);text-decoration:none;text-transform:none}
#r1 .bl-grid .elementor-post__read-more::after{content:" \2192"}
/* the newest post leads, wide, while no filter is on */
#r1 .bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child{grid-column:1/-1}
#r1 .bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
#r1 .bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__thumbnail{aspect-ratio:auto;height:100%;min-height:340px}
#r1 .bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__text{padding:clamp(28px,3.4vw,52px);justify-content:center}
#r1 .bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__title{font-size:clamp(26px,2.6vw,38px);line-height:1.15}
#r1 .bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__read-more{margin-top:10px}
#r1 .bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__badge::before{content:"Latest · "}
/* need help now */
#r1 .bl-help{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#r1 .bl-help a{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:26px 24px;border-radius:22px;background:#fff;border:1px solid var(--line);
  color:#0E2748;text-decoration:none;transition:transform .4s var(--ease-out),border-color .3s}
#r1 .bl-help a:hover{transform:translateY(-4px);border-color:#184988}
#r1 .bl-help .ico{width:40px;height:40px;color:#184988}
#r1 .bl-help h3{margin:18px 0 8px;font:700 20px/1.2 var(--display)}
#r1 .bl-help p{margin:0 0 18px;color:#4A5D77;font-size:15.5px}
#r1 .bl-help .go{margin-top:auto;color:var(--accent);font-weight:700}
#r1 .bl-help .go::after{content:" \2192"}
@media (max-width:1100px){#r1 .bl-grid .elementor-posts-container{grid-template-columns:1fr 1fr}#r1 .bl-help{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  #r1 .bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__card{display:flex}
  #r1 .bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__thumbnail{aspect-ratio:16/10;min-height:0}
}
@media (max-width:640px){
  #r1 .bl-grid .elementor-posts-container,#r1 .bl-help{grid-template-columns:1fr}
  #r1 .chip{min-height:40px;padding:0 14px;font-size:14px}
}

/* ---------- blog post template (new): Elementor's section / column / widget markup, scoped by #r1 ---------- */
#r1 .r1-hide{display:none}
/* the homepage CSS spaces sections with `main section`; this template has no <main>, so the final call gets it here */
#r1 .final{position:relative;padding:clamp(96px,11vw,150px) var(--gutter)}
#r1 .elementor-widget:not(:last-child){margin-block-end:0}
#r1 .elementor-widget-wrap{align-content:flex-start}
#r1 .po-head>.elementor-container,#r1 .po-body>.elementor-container,#r1 .po-more>.elementor-container{max-width:1180px;margin:0 auto}
/* head */
#r1 .po-head{padding:clamp(120px,13vw,160px) var(--gutter) 0;background:#fff}
#r1 .po-crumbs,#r1 .po-title,#r1 .po-meta{max-width:860px}
#r1 .po-crumbs .crumbs{margin:0 0 22px;color:#4A5D77}
#r1 .po-crumbs .crumbs a{color:#184988}
#r1 .po-title .elementor-heading-title{margin:0;font:700 clamp(34px,4.2vw,58px)/1.06 var(--display);color:#0E2748;letter-spacing:-.01em}
#r1 .po-meta{margin-top:22px}
#r1 .po-meta .elementor-post-info{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 0}
#r1 .po-meta .elementor-icon-list-item{margin:0;padding:0;font:500 15px/1.4 var(--body);color:#4A5D77}
#r1 .po-meta .elementor-icon-list-item:not(:first-child)::before{content:"\00b7";margin:0 10px;color:#9DB0C8}
#r1 .po-meta .elementor-icon-list-item::after{display:none}
#r1 .po-meta .elementor-icon-list-icon{display:none}
#r1 .po-meta .elementor-icon-list-text{padding:0;color:inherit}
#r1 .po-meta a{color:inherit;text-decoration:none}
#r1 .po-meta .elementor-post-info__item--type-author{color:#0E2748;font-weight:700}
#r1 .po-meta .elementor-post-info__item-prefix{font-weight:500;color:#4A5D77}
#r1 .po-meta .po-read{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
#r1 .po-hero-img{margin-top:clamp(32px,4vw,48px)}
#r1 .po-hero-img img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:16/8;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
/* body: the post's own content + the side rail */
#r1 .po-body{padding:clamp(48px,6vw,80px) var(--gutter) clamp(80px,9vw,130px)}
#r1 .po-body>.elementor-container{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"article side";gap:clamp(40px,5vw,80px);align-items:start}
#r1 .po-body .po-article{grid-area:article;width:auto;max-width:720px;min-width:0}
#r1 .po-body .po-side{grid-area:side;width:auto;position:sticky;top:96px}
#r1 .po-side>.elementor-widget-wrap{display:grid;gap:18px}
#r1 .po-toc .elementor-toc{border:0;padding:0;background:none}
#r1 .po-toc>.elementor-widget-container{border:1px solid var(--line);border-radius:20px;padding:20px 22px;background:#fff}
#r1 .po-toc .elementor-toc__header{padding:0;border:0;margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}
#r1 .po-toc .elementor-toc__header-title{margin:0;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#4A5D77}
#r1 .po-toc .elementor-toc__body{padding:0;max-height:none;overflow:visible}
#r1 .po-toc .elementor-toc__list-wrapper{list-style:none;margin:0;padding:0;display:grid;gap:2px}
#r1 .po-toc .elementor-toc__list-item{margin:0;padding:0}
#r1 .po-toc .elementor-toc__list-item::before,#r1 .po-toc .elementor-toc__list-item-text-wrapper::before{display:none}
#r1 .po-toc .elementor-toc__list-item-text-wrapper i,#r1 .po-toc .elementor-toc__list-item-text-wrapper svg{display:none}
#r1 .po-toc a{display:block;padding:8px 0 8px 12px;border-left:2px solid transparent;color:#2B3D55;font:500 14.5px/1.4 var(--body);text-decoration:none;transition:color .2s,border-color .2s}
#r1 .po-toc a:hover,#r1 .po-toc a.elementor-item-active{color:#184988;border-left-color:var(--accent)}
#r1 .po-toc .elementor-toc__spinner-container{display:none}
#r1 .po-cta-card{border-radius:20px;padding:22px;background:#0E2748;color:#fff;display:grid;gap:10px}
#r1 .po-cta-card .mono{margin:0;color:#9DC3F0;font-size:12px}
#r1 .po-cta-card p{margin:0 0 6px;color:#CBD8E8;font-size:15px}
#r1 .po-cta-card .btn{width:100%;justify-content:center;box-sizing:border-box}
#r1 .po-cta-card .btn-ghost{border-color:rgba(244,247,251,.5);color:#fff}
/* the post's own Elementor document inside the content widget: no section padding, boxes or widget gaps */
#r1 .po-article section{padding:0}
#r1 .po-article .elementor-section,#r1 .po-article .elementor-container,#r1 .po-article .elementor-column,#r1 .po-article .elementor-widget-wrap,#r1 .po-article .elementor-element-populated,#r1 .po-article .elementor-widget-container,#r1 .po-article .elementor-text-editor{padding:0;margin:0;max-width:none;width:100%}
#r1 .po-article .elementor-container{display:block}
#r1 .po-article .elementor-widget-spacer{display:none}
/* article typography */
#r1 .po-article,#r1 .po-article p,#r1 .po-article li{color:#2B3D55;font:400 18px/1.72 var(--body)}
#r1 .po-article p{margin:0 0 22px}
#r1 .po-article .ror-post-subtitle,#r1 .po-article .ror-post-subtitle em{font:500 clamp(20px,1.7vw,23px)/1.5 var(--body);color:#0E2748;font-style:normal}
#r1 .po-article h2,#r1 .po-article .elementor-heading-title{margin:56px 0 18px;font:700 clamp(26px,2.4vw,34px)/1.15 var(--display);color:#0E2748;scroll-margin-top:100px}
#r1 .po-article h3{margin:34px 0 12px;font:700 21px/1.3 var(--display);color:#0E2748}
#r1 .po-article h4{margin:26px 0 10px;font:700 18px/1.35 var(--body);color:#0E2748}
#r1 .po-article ul,#r1 .po-article ol{margin:0 0 24px;padding-left:1.2em}
#r1 .po-article li{margin:0 0 8px}
#r1 .po-article li::marker{color:var(--accent)}
#r1 .po-article a{color:#184988;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#r1 .po-article strong,#r1 .po-article b{color:#0E2748}
#r1 .po-article img{max-width:100%;height:auto;border-radius:16px}
#r1 .po-article blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--accent);color:#0E2748}
#r1 .po-article table{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:16px}
#r1 .po-article th,#r1 .po-article td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
/* FAQ: the PowerPack accordion, restyled (its own script opens and closes it) */
#r1 .po-article .pp-faqs{border-top:1px solid var(--line);margin:0 0 30px}
#r1 .po-article .pp-accordion-item{border:0;border-bottom:1px solid var(--line);margin:0;background:none}
#r1 .po-article .pp-accordion-tab-title{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;background:none;border:0;cursor:pointer}
#r1 .po-article .pp-accordion-title-text{margin:0;font:700 18px/1.4 var(--body);color:#0E2748}
#r1 .po-article .pp-accordion-toggle-icon{flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:1px solid #C9D6E6;display:grid;place-items:center;color:#184988}
#r1 .po-article .pp-accordion-toggle-icon svg{width:11px;height:11px;fill:currentColor}
#r1 .po-article .pp-accordion-toggle-icon-open{display:none}
#r1 .po-article .pp-accordion-item-active .pp-accordion-toggle-icon-open{display:inline-flex}
#r1 .po-article .pp-accordion-item-active .pp-accordion-toggle-icon-close{display:none}
/* open/closed follows PowerPack's active class: its slide script leaves an inline display:none behind on this layout */
#r1 .po-article .pp-accordion-tab-content{display:none!important;padding:0 0 22px;border:0;background:none}
#r1 .po-article .pp-accordion-item-active .pp-accordion-tab-content{display:block!important}
#r1 .po-article .pp-accordion-tab-content p:last-child{margin:0}
/* more articles */
#r1 .po-more{padding:clamp(80px,9vw,130px) var(--gutter)}
#r1 .po-more-head{display:flex;align-items:flex-end;gap:12px 32px;flex-wrap:wrap}
#r1 .po-more-head .sec-h{margin:0}
#r1 .po-more-head .kicker{flex-basis:100%;margin:0}
#r1 .po-all{margin-left:auto;color:var(--accent);font-weight:700;text-decoration:none}
#r1 .po-all::after{content:" \2192"}
#r1 .po-related{margin-top:34px}
#r1 .po-related.bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child{grid-column:auto}
#r1 .po-related.bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__card{display:flex}
#r1 .po-related.bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__thumbnail{aspect-ratio:16/10;min-height:0}
#r1 .po-related.bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__text{padding:22px 24px 30px;justify-content:flex-start}
#r1 .po-related.bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__title{font-size:clamp(19px,1.5vw,22px);line-height:1.25}
#r1 .po-related.bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__read-more{margin-top:auto}
#r1 .po-related.bl-grid .elementor-posts-container:not(.is-filtered)>.elementor-post:first-child .elementor-post__badge::before{content:none}
@media (min-width:1025px){#r1 .po-toc .elementor-toc__toggle-button{display:none}}
@media (max-width:1024px){
  #r1 .po-body>.elementor-container{grid-template-columns:1fr;grid-template-areas:"side" "article";gap:32px}
  #r1 .po-body .po-side{position:static}
  #r1 .po-body .po-article{max-width:none}
  #r1 .po-cta{display:none}
}
@media (max-width:640px){
  #r1 .po-article,#r1 .po-article p,#r1 .po-article li{font-size:17px}
  #r1 .po-hero-img img{border-radius:18px;aspect-ratio:16/10}
}
