/* Day Group - shared interior-page components.
   Loaded site-wide so the same pattern serves consumer-proposal, bankruptcy,
   debt-consolidation and lit-explainer. */

/* ============ QUICK FACTS CARD (page hero aside) ============ */
.dd-qf-list{list-style:none;margin:0;padding:0}
.dd-qf-list li{position:relative;padding-left:20px;margin:0 0 16px}
.dd-qf-list li:last-child{margin-bottom:0}
.dd-qf-list li:before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:#E0913B}
.dd-qf-list strong{display:block;color:#fff;font-weight:600;font-size:14.5px;margin-bottom:3px}
.dd-qf-list span{display:block;color:rgba(175,194,220,.7);font-size:13.5px;line-height:1.55}
.dd-qf-bottom{margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}

/* ============ PROCESS STEPS GRID ============ */
.dd-steps-grid{overflow:hidden}

/* ============ CREDIT TIMELINE ============ */
.dd-tl-item{border-left-color:#2E8B99!important}
.dd-tl-item:nth-child(2){border-left-color:#E0913B!important}
.dd-tl-item:nth-child(3){border-left-color:#5B4A78!important}
.dd-tl-item:nth-child(4){border-left-color:#AFC2DC!important}

/* ============ MISC ============ */
.dd-strike .elementor-heading-title{text-decoration:line-through;text-decoration-color:rgba(224,145,59,.7)}
.dd-cta-sub p{max-width:44ch;margin-left:auto;margin-right:auto}

/* ============ COMPARISON TABLE ============
   Elementor has no native data-table widget, so this is a container grid styled
   to match .comp-table from the supplied HTML. On mobile each row becomes a card
   rather than scrolling horizontally (approved deviation from the source). */
.dd-comp{border:1px solid rgba(20,58,66,0.12);border-radius:16px;overflow:hidden;background:#fff}
.dd-comp-row{display:flex;flex-wrap:nowrap;align-items:stretch}
.dd-comp-cell{padding:16px 22px;border-bottom:1px solid rgba(20,58,66,0.12);font-family:'Hanken Grotesk',system-ui,sans-serif}
.dd-comp-row:last-child .dd-comp-cell{border-bottom:0}

/* column tints */
.dd-c-label{width:30%;background:#fff}
.dd-c-prop{width:35%;background:rgba(46,139,153,0.04)}
.dd-c-bank{width:35%;background:rgba(91,74,120,0.03)}

/* header row */
.dd-comp-head .dd-comp-cell{border-bottom:2px solid rgba(20,58,66,0.12);padding:18px 22px}
.dd-comp-head .dd-c-prop{background:rgba(46,139,153,0.07)}
.dd-comp-head .dd-c-bank{background:rgba(91,74,120,0.06)}

/* cell typography, mirroring .comp-table td / td:first-child */
.dd-comp-cell p{margin:0;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:14px;color:#3D5560;line-height:1.5}
.dd-c-label p{font-weight:600;color:#143A42;font-size:13.5px}
.dd-comp-cell .comp-good{color:#2E8B99;font-weight:600}
.dd-comp-cell .comp-note{color:#7A8E93;font-weight:400;font-size:12.5px;display:block;margin-top:3px;line-height:1.45}

/* Column name shown only when the header row is hidden (mobile). It is a real
   element inside the same <p> as the cell text, so it shares that exact left edge
   and is announced by screen readers - a ::before pseudo did neither. */
.dd-col-tag{display:none}

@media (max-width:600px){
  /* stack each row as a card instead of horizontal scrolling */
  .dd-comp-row{flex-wrap:wrap;border-bottom:1px solid rgba(20,58,66,0.12);padding:0 0 6px}
  .dd-comp-row:last-child{border-bottom:0}
  .dd-comp-head{display:none}
  .dd-comp-cell{width:100%!important;border-bottom:0;padding:14px 20px}
  .dd-c-label{background:rgba(20,58,66,0.04);padding-top:15px;padding-bottom:15px}
  .dd-c-label p{font-size:14.5px}

  .dd-col-tag{
    display:block;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:10.5px;
    font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    margin:0 0 10px;line-height:1.2;
  }
  .dd-tag-prop{color:#2E8B99}
  .dd-tag-bank{color:#5B4A78}
  /* a little more air between the statement and its explanatory note */
  .dd-comp-cell .comp-note{margin-top:6px}
}

/* ============ THREE-WAY COMPARISON (debt consolidation page) ============
   Same system as .dd-comp, with a fourth column. Column widths are set here so
   the container-level width control does not have to be repeated per cell. */
.dd-comp-3 .dd-c-label{width:26%}
.dd-comp-3 .dd-c-consol{width:24.66%;background:rgba(224,145,59,0.04)}
.dd-comp-3 .dd-c-prop{width:24.66%;background:rgba(46,139,153,0.04)}
.dd-comp-3 .dd-c-bank{width:24.66%;background:rgba(91,74,120,0.03)}
.dd-comp-3 .dd-comp-head .dd-c-consol{background:rgba(224,145,59,0.07)}
.dd-comp-3 .dd-comp-cell p{font-size:13.5px}
.dd-comp-cell .comp-caution{color:#9A5D15;font-weight:600}
.dd-comp-cell .comp-neg{color:#5B4A78;font-weight:600}
.dd-tag-consol{color:#9A5D15}

/* ============ OPTION / TYPE CARDS ============ */
.dd-type-tag{display:inline-flex;align-items:center;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.dd-tag-caution{background:rgba(224,145,59,0.12);color:#B06B1A}
.dd-tag-note{background:rgba(46,139,153,0.1);color:#2E8B99}
.dd-tag-warn{background:rgba(91,74,120,0.1);color:#5B4A78}

/* ============ WHEN IT WORKS / WHEN IT DOESN'T ============ */
.dd-works-col{border-radius:16px;overflow:hidden}
.dd-works-col>.e-con:last-child{flex-grow:1}
.dd-works-list{list-style:none;margin:0;padding:8px 0}
.dd-works-list li{position:relative;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:14px;color:#3D5560;line-height:1.5;padding:12px 24px 12px 42px;border-bottom:1px solid rgba(20,58,66,0.12)}
.dd-works-list li:last-child{border-bottom:0}
.dd-works-list li:before{content:'';position:absolute;left:24px;top:18px;width:6px;height:6px;border-radius:50%}
.dd-works-may .dd-works-list li:before{background:#2E8B99}
.dd-works-not .dd-works-list li:before{background:#5B4A78}

/* ============ RED FLAG LIST (dark band) ============
.dd-rf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.dd-rf-list li{position:relative;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:16px 18px 16px 62px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:14px;font-weight:600;color:#fff;line-height:1.5}
.dd-rf-list li em{font-family:inherit;font-style:italic}
.dd-rf-list li:before{content:'!';position:absolute;left:18px;top:15px;width:30px;height:30px;border-radius:8px;background:rgba(224,145,59,0.15);border:1px solid rgba(224,145,59,0.25);color:#E0913B;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}

/* ============ NUMBERED STEP LIST (light band) ============ */
.dd-lit-step{display:flex;gap:16px;align-items:flex-start}

/* ============ CALLOUT ============ */
.dd-callout p{margin:0;font-family:'Source Serif 4',Georgia,serif;font-size:15.5px;color:#143A42;line-height:1.65}
.dd-callout strong{font-family:'Hanken Grotesk',system-ui,sans-serif}
/* inline pill badge sized to its own text */
.dd-inline-badge{width:fit-content!important;flex-direction:row!important;align-items:center}

/* ============ SESSION TOPIC LIST (dark band) ============ */
.dd-topics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dd-topics li{position:relative;padding-left:15px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:13.5px;color:#fff;line-height:1.45}
.dd-topics li:before{content:'';position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:#2E8B99}

/* ============ REBUILD TIMELINE (labelled dots + connector) ============ */
.dd-rt{position:relative}
.dd-rt:before{content:'';position:absolute;left:16px;top:24px;bottom:24px;width:1.5px;background:rgba(20,58,66,0.12);z-index:0}
.dd-rt-item{position:relative;z-index:1}
.dd-rt-dot{border-radius:50%!important;z-index:1}
.dd-rt-dot .elementor-heading-title{white-space:nowrap}

/* ============ INLINE TEXT LINK WITH ARROW ============ */
.dd-textlink .elementor-button{background:transparent!important;padding:0!important;border:0!important}
.dd-textlink .elementor-button:hover{background:transparent!important}
/* ============ LIT COMPARISON (4 columns, dark header) ============ */
.dd-comp-lit .dd-c-label{width:24%}
.dd-comp-lit .dd-c-lit{width:25.33%;background:rgba(46,139,153,0.04)}
.dd-comp-lit .dd-c-coun{width:25.33%;background:rgba(20,58,66,0.02)}
.dd-comp-lit .dd-c-sett{width:25.33%;background:rgba(91,74,120,0.03)}
.dd-comp-lit .dd-comp-head .dd-comp-cell{background:#143A42;border-bottom:0}
.dd-comp-lit .dd-comp-cell p{font-size:13.5px}
.dd-comp-lit .dd-c-label p{font-size:13px}
.dd-comp-cell .yes{color:#2E8B99;font-weight:600}
.dd-comp-cell .no{color:#5B4A78;font-weight:600}
.dd-comp-cell .partial{color:#9A5D15;font-weight:600}
.dd-comp-cell .comp-note-row{font-size:12px;color:#7A8E93;display:block;margin-top:3px;font-weight:400;line-height:1.45}
.dd-tag-lit{color:#2E8B99}
.dd-tag-coun{color:#143A42}
.dd-tag-sett{color:#5B4A78}
@media (max-width:600px){.dd-comp-lit .dd-comp-cell .comp-note-row{margin-top:6px}}

/* ============ TABLE OF CONTENTS (dark hero aside) ============ */
.dd-toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dd-toc li{position:relative;padding:4px 0 4px 12px}
.dd-toc li:before{content:'';position:absolute;left:0;top:12px;width:4px;height:4px;border-radius:50%;background:#E0913B}
.dd-toc a{font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:13.5px;font-weight:500;color:rgba(175,194,220,.8);transition:color .15s}
.dd-toc a:hover{color:#fff}
@media (max-width:1024px){.dd-toc-wrap{display:none!important}}

/* ============ BULLET LISTS ============ */
.dd-works-amber .dd-works-list li:before{background:#E0913B}
.dd-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dd-bullets li{position:relative;padding-left:18px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:14px;color:#143A42;line-height:1.45}
.dd-bullets li:before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:#2E8B99}

/* ============ DEFINITION BOX (amber underline) ============ */
.dd-defbox{position:relative}
.dd-defbox:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#E0913B}
.dd-defbox .dd-def-text strong{color:#fff;font-weight:400;font-family:'Hanken Grotesk',system-ui,sans-serif}
/* ============ OPTION FACT LISTS (accent colour per card) ============ */
.dd-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dd-facts li{position:relative;padding-left:15px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:13.5px;color:#3D5560;line-height:1.45}
.dd-facts li:before{content:'';position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:var(--dd-accent,#2E8B99)}
.dd-acc-teal{--dd-accent:#2E8B99}
.dd-acc-plum{--dd-accent:#5B4A78}
.dd-acc-amber{--dd-accent:#E0913B}
.dd-acc-muted{--dd-accent:#7A8E93}

/* option card footer sits flush at the bottom of an equal-height card */
.dd-opt-card>.e-con:nth-child(2){flex-grow:1}
/* ============ TRUST PILLS (dark hero) ============ */
.dd-pills{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.dd-pills li{display:inline-flex;align-items:center;gap:7px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:12px;font-weight:600;color:rgba(175,194,220,.72);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:7px 14px;line-height:1.3}
.dd-pills li:before{content:'\2713';color:#2E8B99;font-weight:700;font-size:11px}

/* ============ SITE FORM (Formidable) ============ */
.dd-form .frm_forms,.dd-form .with_frm_style{max-width:none}
.dd-form .frm_form_field{margin-bottom:14px}
.dd-form .frm_primary_label{font-family:'Hanken Grotesk',system-ui,sans-serif!important;font-size:12px!important;font-weight:600!important;color:#3D5560!important;letter-spacing:.04em;margin-bottom:6px!important;padding:0!important}
.dd-form .with_frm_style input[type=text],
.dd-form .with_frm_style input[type=email],
.dd-form .with_frm_style input[type=tel],
.dd-form .with_frm_style select,
.dd-form .with_frm_style textarea{width:100%!important;background:#F6F2EA!important;border:1.5px solid rgba(20,58,66,.12)!important;border-radius:10px!important;padding:12px 14px!important;height:auto!important;font-family:'Hanken Grotesk',system-ui,sans-serif!important;font-size:14px!important;font-weight:500!important;color:#143A42!important;box-shadow:none!important;transition:border-color .15s}
.dd-form .with_frm_style textarea{min-height:96px!important;line-height:1.5}

/* iOS Safari zooms the entire page when a focused field renders below 16px,
   and it does not zoom back out. Keep the designed 14px on larger screens and
   step up on phones, where the zoom would otherwise fire on every field. */
@media (max-width:767px){
	.dd-form .with_frm_style input[type=text],
	.dd-form .with_frm_style input[type=email],
	.dd-form .with_frm_style input[type=tel],
	.dd-form .with_frm_style input[type=number],
	.dd-form .with_frm_style input[type=url],
	.dd-form .with_frm_style select,
	.dd-form .with_frm_style textarea{font-size:16px!important}
}
.dd-form .with_frm_style input:focus,
.dd-form .with_frm_style select:focus,
.dd-form .with_frm_style textarea:focus{border-color:rgba(46,139,153,.6)!important;outline:none!important}
.dd-form .with_frm_style ::placeholder{color:#7A8E93!important;opacity:1}
.dd-form .with_frm_style .frm_submit{margin:4px 0 0!important}
.dd-form .with_frm_style .frm_submit button,
.dd-form .with_frm_style .frm_button_submit{width:100%!important;background:#E0913B!important;border:0!important;color:#fff!important;font-family:'Hanken Grotesk',system-ui,sans-serif!important;font-weight:700!important;font-size:15px!important;padding:14px 20px!important;border-radius:10px!important;cursor:pointer;transition:background .15s;box-shadow:none!important}
.dd-form .with_frm_style .frm_submit button:hover{background:#F0A855!important}
.dd-form .frm_required{color:#E0913B!important}
.dd-form .frm_error{font-family:'Hanken Grotesk',system-ui,sans-serif!important;font-size:12px!important;color:#9A5D15!important}
.dd-frm-success{font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:15px;color:#143A42;background:rgba(46,139,153,.08);border-left:3px solid #2E8B99;border-radius:0 10px 10px 0;padding:18px 20px;line-height:1.6}
/* ============ AREA PILLS (light band) ============ */
.dd-pills-light{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.dd-pills-light li{font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:13px;font-weight:600;color:#143A42;background:#fff;border:1px solid rgba(20,58,66,.12);border-radius:999px;padding:8px 16px;line-height:1.3}
.dd-pills-light li:before{content:none}

/* ============ HOURS ROWS ============ */
.dd-hours{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.dd-hours li{display:flex;justify-content:space-between;gap:12px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:13.5px;color:#3D5560;line-height:1.5}
.dd-hours li span{font-weight:600;color:#143A42;text-align:right}

/* ============ FULL-BLEED TEMPLATE SHELL ============
   Pages use Elementor's own canvas template, so their sections already run
   edge to edge. XPRO Theme Builder templates render inside Astra's
   .ast-container instead, which adds a 20px gutter and visibly clips the dark
   hero bands. Unwrap it for exactly the contexts a Theme Builder template
   serves - posts, archives, search and 404 - and leave ordinary pages alone. */
.single-post #content > .ast-container,
.archive #content > .ast-container,
.search #content > .ast-container,
.blog #content > .ast-container,
.error404 #content > .ast-container{max-width:100%;padding-left:0;padding-right:0}

/* ============ BOOKING CALENDAR EMBED ============
   The calendar is a third-party iframe that resizes itself via the provider's
   script. The wrapper just gives it the same card treatment as the rest of the
   page and keeps it from overflowing on small screens. */
.dd-booking-embed{
	background:#fff;
	border:1px solid rgba(20,58,66,.12);
	border-radius:16px;
	overflow:hidden;
	min-height:520px;
}
.dd-booking-embed iframe{display:block;width:100%;max-width:100%;border:0}

/* Shown until a calendar URL is set, so the section never looks broken. */
.dd-booking-placeholder{
	background:rgba(46,139,153,.06);
	border:1.5px dashed rgba(46,139,153,.35);
	border-radius:16px;
	padding:32px 28px;
	text-align:center;
	font-family:'Hanken Grotesk',system-ui,sans-serif;
}
.dd-booking-placeholder strong{
	display:block;font-size:11px;font-weight:700;letter-spacing:.2em;
	text-transform:uppercase;color:#2E8B99;margin-bottom:12px;
}
.dd-booking-placeholder p{
	font-family:'Source Serif 4',Georgia,serif;
	font-size:15px;color:#3D5560;line-height:1.65;margin:0 auto 14px;max-width:46ch;
}
.dd-booking-placeholder code{
	display:inline-block;font-size:12.5px;color:#143A42;
	background:#fff;border:1px solid rgba(20,58,66,.12);
	border-radius:8px;padding:8px 12px;word-break:break-all;
}

/* ============ LEGAL / POLICY PROSE ============
   Privacy, Terms and Accessibility carry long-form text that has to stay
   readable and scannable without any of the marketing furniture. */
.dd-legal{font-family:'Source Serif 4',Georgia,serif;color:#3D5560;font-size:16.5px;line-height:1.75}
.dd-legal > :first-child{margin-top:0}
.dd-legal p{margin:0 0 18px}
.dd-legal h2,.dd-legal h3,.dd-legal h4{
	font-family:'Hanken Grotesk',system-ui,sans-serif;
	color:#143A42;letter-spacing:-.02em;line-height:1.22;
}
.dd-legal h2{font-size:24px;font-weight:700;margin:40px 0 14px;padding-top:26px;border-top:1px solid rgba(20,58,66,.12)}
.dd-legal h2:first-child{margin-top:0;padding-top:0;border-top:none}
.dd-legal h3{font-size:18px;font-weight:700;margin:26px 0 10px}
.dd-legal h4{font-size:15.5px;font-weight:700;margin:20px 0 8px}
.dd-legal a{color:#2E8B99;text-decoration:underline;text-decoration-color:rgba(46,139,153,.3);text-underline-offset:3px}
.dd-legal a:hover{text-decoration-color:#2E8B99}
.dd-legal strong,.dd-legal b{color:#143A42;font-weight:600}
.dd-legal ul,.dd-legal ol{margin:0 0 20px;padding-left:0;list-style:none}
.dd-legal ol{counter-reset:dd-lo}
.dd-legal li{position:relative;padding-left:26px;margin:0 0 10px;line-height:1.7}
.dd-legal ul > li:before{
	content:'';position:absolute;left:5px;top:11px;
	width:6px;height:6px;border-radius:50%;background:#E0913B;
}
.dd-legal ol > li{counter-increment:dd-lo}
.dd-legal ol > li:before{
	content:counter(dd-lo) '.';position:absolute;left:0;top:0;
	font-family:'Hanken Grotesk',system-ui,sans-serif;
	font-size:13px;font-weight:700;color:#2E8B99;
}
.dd-legal table{width:100%;border-collapse:collapse;margin:22px 0;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:14.5px}
.dd-legal th{background:#143A42;color:#fff;text-align:left;padding:11px 14px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.dd-legal td{padding:11px 14px;border-top:1px solid rgba(20,58,66,.1);vertical-align:top}
.dd-legal-updated{
	font-family:'Hanken Grotesk',system-ui,sans-serif;
	font-size:12.5px;color:#7A8E93;margin:0;
}

/* ============ REVIEW QUOTE CARDS ============ */
.dd-quote{position:relative;overflow:hidden}
/* Elementor uses .e-con::before for its own background overlay and pins it to
   all four edges. Reset left/bottom/width explicitly, or the glyph stretches
   across the card and lands on the wrong side. */
.dd-quote:before{
	content:'\201C';
	position:absolute;
	top:-6px;right:20px;left:auto;bottom:auto;
	width:auto;height:auto;
	font-family:'Source Serif 4',Georgia,serif;
	font-size:86px;line-height:1;color:rgba(46,139,153,.11);
	pointer-events:none;
}
.dd-quote-body p{margin:0 0 14px}
.dd-quote-body p:last-child{margin-bottom:0}
.dd-quote-attr{
	display:flex;align-items:center;gap:9px;
	font-family:'Hanken Grotesk',system-ui,sans-serif;
	font-size:12.5px;font-weight:600;color:#7A8E93;
}
.dd-quote-attr:before{
	content:'';width:22px;height:1.5px;background:#E0913B;border-radius:2px;flex:0 0 auto;
}
/* Five amber stars, drawn in CSS so no icon font is needed. */
.dd-stars{color:#E0913B;font-size:14px;letter-spacing:2px;line-height:1}

/* ============ 404 LINK CARDS ============
   The whole card is the link, so it needs its own hover affordance. */
.dd-nf-card{transition:box-shadow .2s,border-color .2s,transform .2s}
.dd-nf-card:hover{
	box-shadow:0 6px 26px rgba(20,58,66,.09);
	border-color:rgba(46,139,153,.4);
	transform:translateY(-2px);
}
.dd-nf-card a.e-con-inner,.dd-nf-card > a{text-decoration:none}

/* ============ SIDEBAR LINK LIST ============
   Shared by the blog sidebar, the FAQ category nav and the service-page rails. */
.dd-side-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.dd-side-links li{margin:0;padding:0}
.dd-side-links li:before{content:none}
.dd-side-links a{
	font-family:'Hanken Grotesk',system-ui,sans-serif;
	font-size:13.5px;font-weight:600;color:#2E8B99;
	display:flex;align-items:flex-start;gap:8px;
	text-decoration:underline;text-decoration-color:rgba(46,139,153,.25);
	text-underline-offset:3px;line-height:1.45;
}
.dd-side-links a:before{content:'→';font-weight:700;color:#E0913B;text-decoration:none;flex:0 0 auto}
.dd-side-links a:hover{text-decoration-color:#2E8B99}

/* A rail that follows the reader down a long page. Only above the tablet
   breakpoint, where the sidebar still sits beside the content. */
@media (min-width:1025px){
	.dd-sticky-side{position:sticky;top:96px}
}

/* ============ ABOUT: CREDENTIAL CHIPS ============ */
.dd-cred{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.dd-cred li{
	font-family:'Hanken Grotesk',system-ui,sans-serif;
	font-size:12px;font-weight:600;color:#143A42;
	background:rgba(46,139,153,.09);border:1px solid rgba(46,139,153,.18);
	border-radius:8px;padding:6px 12px;line-height:1.3;margin:0;
}
.dd-cred li:before{content:none}
/* On a dark band the teal wash disappears, so invert it. */
.dd-cred-inv li{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}

/* ============ ABOUT: CITY LISTS ============ */
.dd-cities{list-style:none;margin:0;padding:0}
.dd-cities li{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	font-family:'Hanken Grotesk',system-ui,sans-serif;
	font-size:14.5px;font-weight:500;color:#143A42;
	padding:9px 0;margin:0;border-bottom:1px solid rgba(20,58,66,.08);
	line-height:1.4;
}
.dd-cities li:last-child{border-bottom:none;padding-bottom:0}
.dd-cities li:before{content:none}
.dd-cities li span{
	font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
	color:#2E8B99;background:rgba(46,139,153,.10);border-radius:6px;
	padding:3px 8px;flex:0 0 auto;
}

/* ============ ABOUT: PORTRAIT ============ */
.dd-portrait .elementor-widget-container{line-height:0;text-align:center}
/* The supplied portraits are 380px wide. Never scale them past that: they are
   flat illustrations, and upscaling makes the softness obvious. */
.dd-portrait img{width:100%;max-width:380px;height:auto;display:inline-block;border-radius:14px}
.dd-portrait-sm img{max-width:230px}

/* ============ ABOUT: STAT BLOCKS ============ */
.dd-stat-num .elementor-heading-title{line-height:1}

/* --- Autofill fix (added 2026-10-09) --- */
.dd-form .with_frm_style input:-webkit-autofill,
.dd-form .with_frm_style input:-webkit-autofill:hover,
.dd-form .with_frm_style input:-webkit-autofill:focus,
.dd-form .with_frm_style input:-webkit-autofill:active,
.dd-form .with_frm_style textarea:-webkit-autofill,
.dd-form .with_frm_style select:-webkit-autofill{
	-webkit-text-fill-color:#143A42!important;
	caret-color:#143A42!important;
	-webkit-box-shadow:0 0 0 1000px #F6F2EA inset!important;
	box-shadow:0 0 0 1000px #F6F2EA inset!important;
	-webkit-transition:background-color 9999s ease-in-out 0s!important;
	transition:background-color 9999s ease-in-out 0s!important;
}
.dd-form .with_frm_style input:autofill,
.dd-form .with_frm_style textarea:autofill,
.dd-form .with_frm_style select:autofill{
	color:#143A42!important;
	caret-color:#143A42!important;
	box-shadow:0 0 0 1000px #F6F2EA inset!important;
}
.dd-form .with_frm_style input[type=text],
.dd-form .with_frm_style input[type=email],
.dd-form .with_frm_style input[type=tel],
.dd-form .with_frm_style textarea{caret-color:#143A42}