/* ============================================================
   REL BLOG TEMPLATE v2 — Brand Guidelines v1.1 May 2026
   Elevated: hero illustration · H2 orange accents ·
   component rhythm · trust sidebar · split intro
   ----------------------------------------------------------
   Design tokens (--color-*, --space-*, --font-*, --text-*,
   --weight-*, --leading-*, --tracking-*, --radius-*,
   --shadow-*, --transition-*) come from css/style.css.
   ============================================================ */

/* — Progress bar — */
#bl-progress {
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:var(--color-orange); z-index:2000;
  transition:width .1s linear;
  box-shadow:0 0 6px rgba(255,91,46,.35);
}

.bl-hero {
  background:var(--color-bg-warm);
  border-bottom:1px solid var(--color-border);
  padding:0 0 0;
  position:relative; overflow:hidden;
}

/* Paw SVG token */
.bl-hero { --paw-orange: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='%23FF5B2E'%3E%3Cellipse cx='7' cy='9' rx='3.2' ry='2.8'/%3E%3Cellipse cx='3' cy='5' rx='1.3' ry='1.7'/%3E%3Cellipse cx='5.8' cy='3' rx='1.3' ry='1.7'/%3E%3Cellipse cx='8.7' cy='3' rx='1.3' ry='1.7'/%3E%3Cellipse cx='11' cy='5' rx='1.1' ry='1.4'/%3E%3C/svg%3E"); }

/* Background paw scatter */
.bl-hero-paws { position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
.bl-hero-paws .paw { position:absolute; display:block; background-image:var(--paw-orange); background-size:contain; background-repeat:no-repeat; background-position:center; }
.bl-hero-paws .paw-a { top:8%;   left:2%;   width:46px; height:46px; transform:rotate(-18deg); opacity:0.10; }
.bl-hero-paws .paw-b { top:62%;  left:1%;   width:38px; height:38px; transform:rotate(14deg);  opacity:0.09; }
.bl-hero-paws .paw-c { bottom:10%; left:30%; width:34px; height:34px; transform:rotate(-8deg); opacity:0.08; }
.bl-hero-paws .paw-d { top:14%;  right:2%;  width:30px; height:30px; transform:rotate(22deg); opacity:0.08; }
.bl-hero-paws .paw-e { bottom:8%; right:34%; width:32px; height:32px; transform:rotate(12deg); opacity:0.08; }

.bl-hero::before {
  content:''; position:absolute; top:0; left:0; right:0;
  height:3px; background:var(--color-orange); z-index:1;
}

.bl-hero-crumb {
  max-width:1280px; margin:0 auto; padding:78px var(--space-8) 0;
  display:flex; align-items:center; flex-wrap:wrap; gap:2px;
  font-family:var(--font-sans); font-size:var(--text-xs);
  color:var(--color-text-secondary);
  position:relative; z-index:1;
}

.bl-hero-crumb a {
  color:var(--color-text-secondary); text-decoration:none;
  padding:3px 6px; border-radius:var(--radius-sm);
  font-weight:var(--weight-medium);
  transition:color var(--transition-fast),background var(--transition-fast);
}

.bl-hero-crumb a:hover {
  color:var(--color-orange);
  background:rgba(255,91,46,.08);
}

.bl-hero-crumb .sep {
  color:var(--color-text-disabled);
  padding:0 4px; font-size:11px;
  user-select:none;
}

.bl-hero-crumb strong {
  color:var(--color-orange);
  font-weight:var(--weight-bold);
  background:rgba(255,91,46,.08);
  padding:3px 8px; border-radius:var(--radius-full);
}

.bl-hero-inner {
  max-width:1280px; margin:0 auto; padding:0 var(--space-8);
  display:grid; grid-template-columns:1fr 300px;
  gap:var(--space-10); align-items:center;
  position:relative; z-index:1;
}

.bl-hero-left { padding:36px 0 24px; }

.bl-hero-visual {
  align-self:center;
  display:flex; align-items:center; justify-content:center;
  filter:drop-shadow(0 6px 20px rgba(14,20,95,0.10));
}

.bl-hero-visual svg,
.bl-hero-visual img { display:block; width:100%; max-width:240px; height:auto; }

.bl-hero-byline {
  display:flex; align-items:center; gap:var(--space-3);
  padding-top:var(--space-4);
  padding-bottom:var(--space-4);
  border-top:1px solid var(--color-border);
  margin-top:var(--space-8);
}

.bl-hero-avatar-wrap { position:relative; flex-shrink:0; display:block; text-decoration:none; }

a.bl-hero-byline-name { text-decoration:none; color:inherit; }
a.bl-hero-byline-name:hover { color:var(--color-orange); }

.bl-hero-author-avatar {
  width:52px; height:52px; border-radius:50%;
  background:var(--color-orange);
  box-shadow:0 0 0 3px rgba(255,91,46,.15), var(--shadow-sm);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-sans); font-size:17px;
  font-weight:var(--weight-bold); color:#fff;
  letter-spacing:-.02em;
}

.bl-hero-author-avatar img { width:100%; height:100%; object-fit:cover; }

.bl-hero-avatar-badge {
  position:absolute; bottom:0; right:0;
  width:18px; height:18px; border-radius:50%;
  background:var(--color-navy);
  border:2px solid var(--color-bg-warm);
  display:flex; align-items:center; justify-content:center;
}

.bl-hero-avatar-badge svg {
  width:9px; height:9px; stroke:#fff; fill:none;
  stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round;
}

.bl-hero-byline-text { display:flex; flex-direction:column; gap:3px; }

.bl-hero-byline-label {
  font-family:var(--font-sans); font-size:var(--text-xs);
  color:var(--color-text-secondary); line-height:1;
  letter-spacing:.03em;
}

.bl-hero-byline-name {
  font-family:var(--font-sans); font-size:var(--text-md);
  font-weight:var(--weight-bold); color:var(--color-text-heading);
  text-decoration:none; line-height:1;
  transition:color var(--transition-fast);
}

.bl-hero-byline-name:hover { color:var(--color-orange); }

.bl-hero-byline-role {
  font-family:var(--font-sans); font-size:var(--text-xs);
  color:var(--color-text-secondary); line-height:1;
}

.bl-hero-byline-div {
  width:1px; height:32px; background:var(--color-border-strong);
  flex-shrink:0; margin:0 var(--space-1);
}

.bl-hero-byline-meta {
  display:flex; flex-direction:column; gap:4px;
}

.bl-hero-meta-item {
  display:flex; align-items:center; gap:5px;
  font-family:var(--font-sans); font-size:var(--text-xs);
  color:var(--color-text-secondary); white-space:nowrap; line-height:1;
}

.bl-hero-meta-item svg {
  width:11px; height:11px; stroke:var(--color-text-secondary);
  fill:none; stroke-width:2; flex-shrink:0;
}

.bl-hero-meta-item.updated {
  color:var(--color-orange); font-weight:var(--weight-bold);
}

.bl-hero-meta-item.updated svg { stroke:var(--color-orange); }

.bl-hero h1 {
  font-family:var(--font-serif); font-weight:var(--weight-regular);
  font-size:clamp(32px,3.8vw,45px);
  color:var(--color-text-heading);
  letter-spacing:var(--tracking-tight); line-height:var(--leading-tight);
  max-width:700px; margin-bottom:var(--space-5);
}

.bl-hero h1 .keyword-highlight { color:var(--color-orange); }

.bl-hero-intro {
  font-family:var(--font-sans); font-size:var(--text-lg);
  line-height:var(--leading-body); color:var(--color-text-body);
  max-width:620px; margin-bottom:var(--space-3);
}

.bl-shell {
  max-width:1280px; margin:0 auto; padding:0 var(--space-8);
  display:grid; grid-template-columns:220px 1fr 278px;
  gap:var(--space-16); align-items:start;
  padding-top:var(--space-12); padding-bottom:var(--space-20);
}

.bl-toc-col { position:sticky; top:90px; }

.bl-toc-header {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:var(--space-4);
  padding-bottom:var(--space-3);
  border-bottom:1px solid var(--color-border);
}

.bl-toc-header-left {
  display:flex; align-items:center; gap:var(--space-2);
}

.bl-toc-header-bar {
  display:block; width:3px; height:14px;
  background:var(--color-orange); border-radius:2px; flex-shrink:0;
}

.bl-toc-heading {
  font-family:var(--font-sans); font-size:var(--text-xs);
  font-weight:var(--weight-bold); letter-spacing:var(--tracking-wider);
  text-transform:uppercase; color:var(--color-navy);
}

.bl-toc-progress-label {
  font-family:var(--font-sans); font-size:var(--text-xs);
  font-weight:var(--weight-bold); color:var(--color-orange);
  background:rgba(255,91,46,.08);
  border:1px solid rgba(255,91,46,.2);
  padding:3px 10px; border-radius:var(--radius-full);
  min-width:40px; text-align:center;
  transition:background var(--transition-fast),
             color var(--transition-fast),
             border-color var(--transition-fast);
}

.bl-toc-progress-label.pct-mid {
  background:rgba(255,91,46,.13);
  border-color:rgba(255,91,46,.35);
}

.bl-toc-progress-label.pct-done {
  background:var(--color-orange); color:#fff;
  border-color:var(--color-orange);
}

.bl-toc {
  list-style:none; padding:0; margin:var(--space-2) 0 var(--space-6);
  position:relative; padding-left:0;
  border-left:2px solid var(--color-border);
}

.bl-toc::before {
  content:''; position:absolute; left:-2px; top:0;
  width:2px; background:var(--color-orange);
  height:var(--toc-fill, 0%);
  transition:height .12s ease;
  border-radius:2px;
}

.bl-toc li { padding:0; margin:0; }

.bl-toc a {
  display:flex; align-items:center; gap:var(--space-3);
  font-family:var(--font-sans); font-size:var(--text-sm);
  color:var(--color-text-secondary); line-height:var(--leading-normal);
  padding:7px var(--space-3) 7px var(--space-4);
  text-decoration:none; border-bottom:none;
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  transition:color var(--transition-fast),
             background var(--transition-fast),
             font-size var(--transition-fast);
}

.bl-toc-num {
  font-family:var(--font-sans); font-size:10px;
  font-weight:var(--weight-bold);
  color:var(--color-text-disabled);
  flex-shrink:0; width:18px; text-align:right;
  transition:color var(--transition-fast);
  font-variant-numeric:tabular-nums; letter-spacing:-.02em;
}

.bl-toc-text {
  flex:1; line-height:var(--leading-normal);
}

.bl-toc a:hover {
  color:var(--color-text-body); background:var(--color-bg-peach);
  text-decoration:none;
}

.bl-toc a:hover .bl-toc-num { color:var(--color-text-secondary); }

.bl-toc a.toc-active {
  color:var(--color-orange);
  background:var(--color-bg-peach);
  font-weight:var(--weight-bold);
  box-shadow:inset 2px 0 0 var(--color-orange);
}

.bl-toc a.toc-active .bl-toc-num {
  color:var(--color-orange); opacity:.7;
}

.bl-toc a.toc-passed {
  color:var(--color-text-disabled);
  opacity:.65;
}

.bl-toc a.toc-passed .bl-toc-num { color:var(--color-text-disabled); }

.bl-toc-divider {
  height:1px; background:var(--color-border);
  margin:var(--space-6) 0 var(--space-5);
}

.bl-share-label {
  font-family:var(--font-sans); font-size:var(--text-xs);
  font-weight:var(--weight-bold); letter-spacing:.12em;
  text-transform:uppercase; color:var(--color-text-body);
  display:flex; align-items:center; gap:var(--space-2);
  margin-bottom:var(--space-3);
}

.bl-share-label::before {
  content:''; display:block;
  width:14px; height:2px;
  background:var(--color-orange); border-radius:1px; flex-shrink:0;
}

.bl-share-row { display:flex; gap:var(--space-2); justify-content:flex-start; }

.bl-share-btn {
  width:30px; height:30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--color-bg-peach);
  border:1px solid rgba(255,91,46,.2);
  text-decoration:none;
  cursor:pointer;
  transition:background var(--transition-fast),
             border-color var(--transition-fast),
             transform var(--transition-fast),
             box-shadow var(--transition-fast);
}

.bl-share-btn svg {
  width:13px; height:13px; stroke:var(--color-orange);
  fill:none; stroke-width:2;
  transition:stroke var(--transition-fast); opacity:.75;
}

.bl-share-btn:hover {
  background:var(--color-orange); border-color:var(--color-orange);
  transform:translateY(-2px); box-shadow:var(--shadow-cta);
  text-decoration:none;
}

.bl-share-btn:hover svg { stroke:#fff; opacity:1; }

.bl-share-btn.copied { background:var(--color-orange); border-color:var(--color-orange); }

.bl-share-btn.copied svg { stroke:#fff; opacity:1; }

/* getHelpWrapper styles (matches blog-details-page) */
.getHelpWrapper {
  align-self: flex-start;
  width: 100%;
  position: sticky;
  top: 110px;
  max-width: 278px;
  margin-bottom: 20px;
}

.ctaBg {
  background: linear-gradient(236.41deg, #F8F7F3 -0.48%, #EFEBE3 66.7%);
  position: relative;
  height: 500px;
}

.getHelpWrapper p:nth-of-type(1) {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--text-2xl);
  line-height: 135%;
  text-align: center;
  color: var(--color-text-heading);
  padding: 26px 13px 13px;
  position: relative;
}

.getHelpWrapper p:nth-of-type(1) span {
  font-family: var(--font-serif);
  font-weight: 400;
  color: var(--color-orange);
}

.getHelpWrapper p:nth-of-type(2) {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--text-sm);
  line-height: 135%;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  color: var(--color-text-body);
  padding: 0 47px;
}

.getHelpWrapper img {
  display: block;
  margin: -37px auto 0;
}

.getHelpWrapper .btnApply {
  display: block;
  max-width: max-content;
  width: 100%;
  padding: 10px 32px;
  color: var(--color-text-inverse);
  text-align: center;
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 135%;
  background: var(--color-orange);
  z-index: 1;
  position: absolute;
  border-radius: 100px;
  border-bottom: 4px solid var(--color-orange-hover);
  box-shadow: 0px 4px 6px 1px rgba(255,91,46,0.22);
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
  bottom: 27px;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: none;
}

.getHelpWrapper .btnApply:hover {
  box-shadow: 0px 6px 10px 2px rgba(255,91,46,0.3);
  transform: translateX(-50%) translateY(-2px);
  text-decoration: none;
  color: var(--color-text-inverse);
}

.shareArticle {
  margin-top: 16px;
}

.getHelpWrapper .articleHead {
  font-size: 19px;
  font-weight: 500;
  line-height: 22.71px;
  text-align: center;
  color: #828ba2;
  margin-bottom: 12px;
}

.socialIcon {
  display: flex;
  column-gap: 12px;
  justify-content: center;
}

.socialIcon a {
  display: flex;
  border: 2px solid #d9deeb;
  background-color: var(--color-bg-white);
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  text-decoration: none;
}

.socialIcon a:hover {
  background-color: #06447e;
  border-color: #06447e;
}

.socialIcon a:hover .iconWrap img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(173deg) brightness(111%) contrast(100%);
}

.bl-content { min-width:0; }

.bl-content h2 {
  /* font-family:var(--font-serif); font-weight:var(--weight-regular);
  font-size:var(--text-3xl); color:var(--color-text-heading);
  letter-spacing:var(--tracking-tight); line-height:var(--leading-tight);
  margin:0 0 var(--space-5);
  padding-top:var(--space-16); border-top:1px solid var(--color-border);
  scroll-margin-top:100px;
  display:flex; align-items:flex-start; gap:14px; */
}

/* .bl-content h2::before {
  content:''; display:block; flex-shrink:0;
  width:4px; height:32px; margin-top:4px;
  background:var(--color-orange); border-radius:2px;
} */

.bl-content h2:first-child { padding-top:0; border-top:none; }

.bl-section { margin-top:var(--space-16); }

.bl-section:first-of-type { margin-top:0; }

.bl-section-num {
  font-family:var(--font-sans); font-size:10px;
  font-weight:var(--weight-bold); letter-spacing:.14em;
  text-transform:uppercase; color:var(--color-orange); opacity:.55;
  display:block; margin-bottom:var(--space-3);
}

.bl-section h2 { padding-top:0; border-top:none; margin-top:0; }

.bl-section + .bl-section { border-top:1px solid var(--color-border); padding-top:var(--space-16); }

.bl-content p { font-family:var(--font-sans); font-size:var(--text-lg); line-height:var(--leading-body); color:var(--color-text-body); margin-bottom:var(--space-5); max-width:68ch; }

.bl-content .bl-section h2 + p {
  font-size:var(--text-lg);
  color:var(--color-text-body);
  line-height:var(--leading-body);
  font-weight:var(--weight-regular);
  max-width:66ch;
  padding-left:var(--space-4);
  border-left:2px solid rgba(255,91,46,.3);
}

.bl-content ul { list-style:none; padding:0; margin:var(--space-3) 0 var(--space-5); }

.bl-content ul li { font-family:var(--font-sans); font-size:var(--text-lg); line-height:var(--leading-body); color:var(--color-text-body); padding:5px 0 5px 22px; position:relative; }

.bl-content ul li::before { content:''; position:absolute; left:0; top:15px; width:6px; height:6px; border-radius:50%; background:var(--color-orange); opacity:.6; }

.bl-content a { color:var(--color-orange); text-decoration:none; font-weight:var(--weight-medium); border-bottom:1px solid rgba(255,91,46,.25); transition:border-color var(--transition-fast),color var(--transition-fast); }

.bl-content a:hover { color:var(--color-orange-hover); border-bottom-color:var(--color-orange); text-decoration:none; }

.bl-sublabel { font-family:var(--font-sans); font-size:var(--text-xs); font-weight:var(--weight-bold); letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--color-orange); display:block; margin:var(--space-6) 0 var(--space-3); }

.bl-callout {
  background:var(--color-bg-peach);
  border-left:3px solid var(--color-orange);
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  padding:var(--space-5) var(--space-6);
  margin:var(--space-5) 0 var(--space-6);
  display:flex; gap:var(--space-4); align-items:flex-start;
}

.bl-callout.callout-process {
  background:var(--color-bg-white);
  border-left:4px solid var(--color-orange);
  border-radius:0 var(--radius-lg) var(--radius-lg) 0;
  box-shadow:var(--shadow-sm), inset 0 0 0 1px rgba(255,91,46,.08);
  position:relative;
  padding-right:88px;
}

.bl-callout.callout-process .bl-callout-icon {
  background:var(--color-orange);
}

.bl-callout-shield {
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  width:56px;
  height:56px;
  opacity:.95;
  flex-shrink:0;
}

.bl-callout-icon { width:30px; height:30px; border-radius:var(--radius-md); background:var(--color-orange); flex-shrink:0; display:flex; align-items:center; justify-content:center; }

.bl-callout-icon svg { width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2; }

.bl-callout p { font-size:var(--text-md); margin:0; line-height:var(--leading-body); max-width:none; }

.bl-checklist { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-3); margin:var(--space-5) 0 var(--space-8); }

.bl-check-col { border-radius:var(--radius-lg); padding:var(--space-5); }

.bl-check-col.yes { background:var(--color-bg-peach); border:1px solid rgba(255,91,46,.2); }

.bl-check-col.no  { background:var(--color-bg-warm); border:1px solid var(--color-border); }

.bl-check-head { display:flex; align-items:center; gap:var(--space-2); font-family:var(--font-sans); font-size:var(--text-xs); font-weight:var(--weight-bold); letter-spacing:var(--tracking-wide); text-transform:uppercase; margin-bottom:var(--space-4); }

.bl-check-col.yes .bl-check-head { color:var(--color-orange); }

.bl-check-col.no  .bl-check-head { color:var(--color-text-secondary); }

.bl-check-icon { width:20px; height:20px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:var(--weight-bold); }

.bl-check-col.yes .bl-check-icon { background:var(--color-orange); color:#fff; }

.bl-check-col.no  .bl-check-icon { background:var(--color-text-secondary); color:#fff; }

.bl-check-col ul { margin:0; }

.bl-check-col ul li { font-size:14px; padding-left:16px; }

.bl-check-col ul li::before { width:5px; height:5px; top:11px; opacity:1; }

.bl-check-col.yes ul li::before { background:var(--color-orange); }

.bl-check-col.no  ul li::before { background:var(--color-text-secondary); opacity:.6; }

.bl-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-3); margin:var(--space-4) 0 var(--space-6); }

.bl-step { background:var(--color-bg-warm); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-5) var(--space-4); text-align:center; box-shadow:var(--shadow-xs); transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal); }

.bl-step:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); border-color:rgba(255,91,46,.2); }

.bl-step-num { width:30px; height:30px; border-radius:50%; background:var(--color-navy); color:#fff; font-size:14px; font-weight:var(--weight-bold); display:flex; align-items:center; justify-content:center; margin:0 auto var(--space-3); }

.bl-step-title { font-family:var(--font-sans); font-size:var(--text-sm); font-weight:var(--weight-bold); color:var(--color-text-heading); margin-bottom:var(--space-2); line-height:var(--leading-snug); }

.bl-step-body { font-family:var(--font-sans); font-size:var(--text-sm); color:var(--color-text-secondary); line-height:var(--leading-normal); }

.bl-table-wrap { margin:var(--space-5) 0 var(--space-8); border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--color-border); box-shadow:var(--shadow-sm); overflow-x:auto; }

.bl-table { width:100%; border-collapse:collapse; font-size:14px; min-width:480px; }

.bl-table thead tr {
  background:var(--color-bg-warm);
  border-bottom:2px solid var(--color-orange);
}

.bl-table th { padding:12px var(--space-4); text-align:left; font-family:var(--font-sans); font-size:var(--text-xs); font-weight:var(--weight-bold); letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--color-navy); white-space:nowrap; }

.bl-table th:first-child { color:var(--color-text-secondary); }

.bl-table td { padding:11px var(--space-4); border-bottom:1px solid var(--color-border); color:var(--color-text-body); font-family:var(--font-sans); }

.bl-table tbody tr:last-child td { border-bottom:none; }

.bl-table tbody tr:nth-child(odd) { background:var(--color-bg-white); }

.bl-table tbody tr:nth-child(even) { background:var(--color-bg-warm); }

.bl-table tbody tr:hover { background:var(--color-bg-peach); }

.bl-table .row-lbl { font-weight:var(--weight-bold); color:var(--color-text-heading); white-space:nowrap; }

.tag-yes { color:var(--color-navy); font-weight:var(--weight-bold); }

.tag-no  { color:var(--color-text-secondary); font-weight:var(--weight-bold); }

.tag-cond{ color:var(--color-orange); font-weight:var(--weight-bold); }

.bl-table tbody tr.row-cond { background:var(--color-bg-peach) !important; }

.bl-table tbody tr.row-cond:hover { background:#ffddb8 !important; }

.bl-table tbody tr.row-cond td { border-bottom-color:rgba(255,91,46,.2); }

.bl-table tbody tr.row-cond .row-lbl::after {
  content:' ▲'; font-size:10px; color:var(--color-orange); opacity:.6;
}

.bl-cred-wrap { margin:var(--space-4) 0 var(--space-5); border-radius:var(--radius-md); overflow:hidden; border:1px solid var(--color-border); }

.bl-cred { width:100%; border-collapse:collapse; font-size:var(--text-md); }

.bl-cred thead tr { background:var(--color-bg-warm); }

.bl-cred th { padding:10px var(--space-4); font-family:var(--font-sans); font-size:var(--text-xs); font-weight:var(--weight-bold); letter-spacing:var(--tracking-wider); text-transform:uppercase; color:var(--color-navy); border-bottom:2px solid var(--color-border); text-align:left; }

.bl-cred td { padding:10px var(--space-4); border-bottom:1px solid var(--color-border); color:var(--color-text-body); font-family:var(--font-sans); }

.bl-cred tbody tr:last-child td { border-bottom:none; }

.bl-cred tbody tr:hover { background:var(--color-bg-warm); }

.cred-badge { display:inline-block; font-size:11px; font-weight:var(--weight-bold); background:var(--color-bg-peach); color:var(--color-orange); padding:2px 8px; border-radius:var(--radius-sm); }

.bl-states { background:rgba(14,20,95,.04); border:1px solid rgba(14,20,95,.12); border-radius:var(--radius-lg); padding:var(--space-5) var(--space-6); margin:var(--space-4) 0 var(--space-8); display:flex; gap:var(--space-4); align-items:flex-start; }

.bl-states-ico {
  flex-shrink:0;
  margin-top:2px;
  width:28px;
  height:28px;
  color:var(--color-navy);
  display:flex;
  align-items:center;
  justify-content:center;
}

.bl-states-ico svg {
  width:100%;
  height:100%;
  stroke:currentColor;
  fill:none;
}

.bl-states-body strong { display:block; font-family:var(--font-sans); font-size:var(--text-sm); font-weight:var(--weight-bold); color:var(--color-navy); margin-bottom:var(--space-2); }

.bl-states-body p { font-family:var(--font-sans); font-size:var(--text-md); color:var(--color-text-body); margin:0 0 var(--space-3); line-height:var(--leading-body); max-width:none; }

.bl-state-pills { display:flex; flex-wrap:wrap; gap:var(--space-2); }

.bl-state-pill { font-size:12px; font-weight:var(--weight-bold); background:rgba(14,20,95,.08); color:var(--color-navy); padding:3px 10px; border-radius:var(--radius-full); }

.bl-warning {
  background:rgba(255,91,46,.05);
  border:1px solid rgba(255,91,46,.2);
  border-left:4px solid var(--color-orange);
  border-radius:0 var(--radius-lg) var(--radius-lg) 0;
  padding:var(--space-6) var(--space-6);
  margin:var(--space-4) 0 var(--space-5);
  box-shadow:var(--shadow-xs);
}

.bl-warning-head { font-family:var(--font-sans); font-size:var(--text-xs); font-weight:var(--weight-bold); letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--color-orange); margin-bottom:var(--space-4); display:flex; align-items:center; gap:var(--space-2); }

.bl-warning-ico {
  width:16px;
  height:16px;
  stroke:var(--color-orange);
  flex-shrink:0;
}

.bl-warning ul { margin:0; }

.bl-warning ul li { font-size:var(--text-md); }

.bl-warning ul li::before { background:var(--color-orange); opacity:.8; }

.bl-faq { margin:var(--space-3) 0 0; }

.bl-faq-item {
  border:1px solid var(--color-border); border-radius:var(--radius-lg);
  margin-bottom:var(--space-2); overflow:hidden; box-shadow:var(--shadow-xs);
  transition:border-color var(--transition-normal),box-shadow var(--transition-normal);
}

.bl-faq-item:hover { border-color:rgba(255,91,46,.25); }

.bl-faq-item.open { border-color:rgba(255,91,46,.3); box-shadow:var(--shadow-sm); }

.bl-faq-item.faq-core {
  border-color:var(--color-border-strong);
  background:var(--color-bg-warm);
}

.bl-faq-item.faq-core .bl-faq-q {
  font-size:var(--text-lg);
}

.bl-faq-item.faq-core:hover { border-color:rgba(255,91,46,.35); }

.bl-faq-q { width:100%; background:none; border:none; padding:var(--space-5); display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); cursor:pointer; text-align:left; font-family:var(--font-sans); font-size:var(--text-md); font-weight:var(--weight-bold); color:var(--color-text-heading); line-height:var(--leading-snug); transition:color var(--transition-fast); }

.bl-faq-q:hover { color:var(--color-orange); }

.bl-faq-item.open .bl-faq-q { color:var(--color-orange); }

.bl-faq-icon { width:24px; height:24px; border-radius:50%; flex-shrink:0; background:var(--color-bg-peach); display:flex; align-items:center; justify-content:center; transition:background var(--transition-fast); }

.bl-faq-icon svg { width:10px; height:10px; stroke:var(--color-orange); fill:none; stroke-width:2.5; transition:transform var(--transition-normal); }

.bl-faq-item.open .bl-faq-icon { background:var(--color-orange); }

.bl-faq-item.open .bl-faq-icon svg { stroke:#fff; transform:rotate(180deg); }

.bl-faq-body { max-height:0; overflow:hidden; transition:max-height .32s cubic-bezier(.4,0,.2,1); }

.bl-faq-item.open .bl-faq-body { max-height:600px; }

.bl-faq-ans { padding:0 var(--space-5) var(--space-5); padding-top:var(--space-4); border-top:1px solid var(--color-border); font-family:var(--font-sans); font-size:var(--text-md); line-height:var(--leading-body); color:var(--color-text-body); }

.bl-faq-ans a { color:var(--color-orange); border-bottom:1px solid rgba(255,91,46,.25); font-weight:var(--weight-medium); }

.bl-faq-ans a:hover { border-bottom-color:var(--color-orange); text-decoration:none; }

/* ── Closing CTA — mirrors landing-page .cta-wrapper exactly (style only; content differs) ── */
.bl-cta-section {
  padding: 60px 0 100px;
  margin-top: var(--space-12);
}

.bl-cta-wrapper {
  max-width: 815px;
  width: 100%;
  margin: 0 auto;
  border: 2px dashed var(--color-orange-hover);
  border-radius: 16px;
  background: var(--color-bg-peach);
  padding: 48px 65px 121px;
  text-align: center;
  position: relative;
}

.bl-cta-shape {
  position: absolute;
  bottom: -2px;
  width: 277px;
  height: 77px;
  background: #fff;
  border-radius: 40px 40px 0 0;
  border-top: 2px dashed var(--color-orange-hover);
  border-right: 2px dashed var(--color-orange-hover);
  border-left: 2px dashed var(--color-orange-hover);
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}

.bl-cta-wrapper::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-bottom-right-radius: 50%;
  background: var(--color-bg-peach);
  box-shadow: 4px 5px 0 #fff;
  border: 2px dashed var(--color-orange-hover);
  left:  21.3%;
  border-top: none;
  border-left: none;
  transform: rotate(0deg);
  bottom: -1px;
  z-index: 1;
}

.bl-cta-wrapper::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-bottom-left-radius: 50%;
  background: var(--color-bg-peach);
  box-shadow: -4px 5px 0 #fff;
  border: 2px dashed var(--color-orange-hover);
  right: 21.3%;
  border-top: none;
  border-right: none;
  transform: rotate(0deg);
  bottom: -2px;
  z-index: 1;
}

.bl-cta-wrapper h2 { text-align: center; display: block; }
.bl-cta-wrapper h2::before { display: none; }

.bl-cta-wrapper p:nth-of-type(1) {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text-body);
  margin: 0 0 15px;
  max-width: none;
  padding: 0;
  border: none;
}

.bl-cta-wrapper p:nth-of-type(1) span {
  font-family: DM Serif Display, var(--font-serif);
  font-weight: 400;
  color: var(--color-orange);
}

.bl-cta-wrapper p:nth-of-type(2) {
  font-family: var(--font-sans);
  font-size: var(--text-md);
  font-weight: 500;
  line-height: 24px;
  color: var(--color-navy);
  margin: 0 auto;
  max-width: 540px;
  padding: 0;
  border: none;
}

.bl-cta-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}

.bl-cta-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 16px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-navy);
}

.bl-cta-pill-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-orange);
  flex-shrink: 0;
}

.bl-cta-btn {
  max-width: max-content;
  width: 100%;
  margin: -63px auto 0;
  display: block;
  padding: 13px 48px;
  font-family: var(--font-sans);
  font-size: var(--text-md);
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  background: var(--color-orange);
  color: #fff !important;
  border-radius: 100px;
  border: none;
  box-shadow: var(--shadow-cta);
  position: relative;
  text-decoration: none;
  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.bl-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-cta-hover);
  color: #fff;
  text-decoration: none;
}

.bl-eeat {
  margin-top:var(--space-10); padding-top:var(--space-8);
  border-top:1px solid var(--color-border);
  display:grid; grid-template-columns:1fr 1fr;
  gap:var(--space-4);
  align-items:stretch;
}

.bl-eeat-card {
  background:var(--color-bg-warm);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-5);
}

.bl-eeat-label {
  font-family:var(--font-sans); font-size:var(--text-xs);
  font-weight:var(--weight-bold); letter-spacing:var(--tracking-wide);
  text-transform:uppercase; color:var(--color-orange);
  margin-bottom:var(--space-4); display:block;
}

.bl-eeat-card--reviewer .bl-eeat-label {
  color:var(--color-navy);
}

.bl-eeat-person {
  display:flex; gap:var(--space-3); align-items:center;
  margin-bottom:var(--space-4);
}

.bl-eeat-avatar {
  width:48px; height:48px; border-radius:50%; flex-shrink:0;
  background:var(--color-bg-peach);
  border:2px solid var(--color-border-strong);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-sans); font-size:15px;
  font-weight:var(--weight-bold); color:var(--color-orange);
}

.bl-eeat-avatar img { width:100%; height:100%; object-fit:cover; }

.bl-eeat-info { flex:1; min-width:0; }

.bl-eeat-name {
  font-family:var(--font-sans); font-size:var(--text-sm);
  font-weight:var(--weight-bold); color:var(--color-text-heading);
  margin-bottom:2px; line-height:var(--leading-snug);
}

.bl-eeat-name a { color:var(--color-text-heading); border-bottom:none; text-decoration:none; }

.bl-eeat-name a:hover { color:var(--color-orange); text-decoration:underline; }

.bl-eeat-creds {
  font-family:var(--font-sans); font-size:var(--text-xs);
  color:var(--color-text-secondary);
  line-height:var(--leading-normal);
}

.bl-eeat-bio {
  font-family:var(--font-sans);
  font-size:var(--text-sm);
  color:var(--color-text-secondary);
  line-height:var(--leading-normal);
  margin:0;
  padding-top:var(--space-3);
  border-top:1px solid var(--color-border);
}

.bl-disclaimer { background:var(--color-bg-warm); border:1px solid var(--color-border); border-radius:var(--radius-md); padding:var(--space-4) var(--space-5); font-family:var(--font-sans); font-size:var(--text-sm); color:var(--color-text-secondary); line-height:var(--leading-normal); margin-top:var(--space-4); grid-column:1/-1; }

.bl-disclaimer strong { color:var(--color-text-body); }

.bl-related-section {
  background:var(--color-bg-warm);
  border-top:1px solid var(--color-border);
  padding:var(--space-16) 0;
}

.bl-related-inner { max-width:1280px; margin:0 auto; padding:0 var(--space-8); }

.bl-related-header {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:var(--space-8);
}

.bl-related-heading {
  font-family:var(--font-serif); font-weight:var(--weight-regular);
  font-size:var(--text-2xl); color:var(--color-text-heading);
  letter-spacing:var(--tracking-tight); margin:0;
}

.bl-related-see-all {
  font-family:var(--font-sans); font-size:var(--text-sm);
  font-weight:var(--weight-bold); color:var(--color-orange);
  text-decoration:none; border-bottom:none;
  display:flex; align-items:center; gap:var(--space-2); flex-shrink:0;
  transition:gap var(--transition-fast), color var(--transition-fast);
}

.bl-related-see-all:hover { color:var(--color-orange-hover); gap:var(--space-3); text-decoration:none; }

.bl-related-see-all svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; }

.bl-related-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-4); }

.bl-related-card {
  background:var(--color-bg-white); border:1px solid var(--color-border);
  border-radius:var(--radius-lg); padding:var(--space-5);
  text-decoration:none; display:flex; flex-direction:column; gap:var(--space-3);
  box-shadow:var(--shadow-xs);
  transition:box-shadow var(--transition-normal), border-color var(--transition-normal), transform var(--transition-normal);
}

.bl-related-card:hover { box-shadow:var(--shadow-md); border-color:rgba(255,91,46,.25); transform:translateY(-3px); text-decoration:none; }

.bl-related-card-tag {
  display:inline-block; font-family:var(--font-sans); font-size:10px;
  font-weight:var(--weight-bold); letter-spacing:var(--tracking-wide);
  text-transform:uppercase; color:var(--color-orange);
  background:rgba(255,91,46,.08); border:1px solid rgba(255,91,46,.15);
  padding:2px 8px; border-radius:var(--radius-full); align-self:flex-start;
}

.bl-related-card-title {
  font-family:var(--font-sans); font-size:var(--text-md);
  font-weight:var(--weight-bold); color:var(--color-text-heading);
  line-height:var(--leading-snug); flex:1;
  transition:color var(--transition-fast);
}

.bl-related-card:hover .bl-related-card-title { color:var(--color-orange); }

.bl-related-card-arrow {
  margin-top:auto; display:flex; align-items:center; gap:var(--space-2);
  font-family:var(--font-sans); font-size:var(--text-sm);
  font-weight:var(--weight-bold); color:var(--color-orange);
  transition:gap var(--transition-fast);
}

.bl-related-card:hover .bl-related-card-arrow { gap:var(--space-3); }

.bl-related-card-arrow svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; flex-shrink:0; }

/* ── Condition chips grid (Section 6) — re-uses landing-page condition SVGs ── */
.bl-conditions-grid {
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:var(--space-3);
  margin:var(--space-5) 0 var(--space-6);
}

.bl-condition-chip {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  padding:var(--space-4) var(--space-2);
  background:var(--color-bg-warm);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  text-align:center;
  transition:border-color var(--transition-fast),
             background var(--transition-fast),
             transform var(--transition-fast);
}

.bl-condition-chip:hover {
  border-color:rgba(255,91,46,.3);
  background:var(--color-bg-peach);
  transform:translateY(-2px);
}

.bl-condition-chip img {
  width:44px;
  height:44px;
  display:block;
}

.bl-condition-chip span {
  font-family:var(--font-sans);
  font-size:var(--text-xs);
  font-weight:var(--weight-bold);
  color:var(--color-navy);
  line-height:var(--leading-snug);
}

/* ── Exhale moment (between rejection warning + FAQ) ── */
.bl-exhale {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--space-3);
  margin:var(--space-8) auto var(--space-4);
  padding:var(--space-5) var(--space-4);
  max-width:520px;
  text-align:center;
}

.bl-exhale img {
  display:block;
  width:200px;
  height:140px;
}

.bl-exhale-line {
  font-family:var(--font-serif);
  font-size:var(--text-md);
  font-style:italic;
  color:var(--color-navy);
  line-height:var(--leading-snug);
  margin:0;
  padding:0;
  border:none;
  max-width:none;
}

@media (max-width:1100px) {
  .bl-shell { grid-template-columns:180px 1fr 240px; gap:var(--space-10); }
  .bl-related-grid { grid-template-columns:repeat(2,1fr); }
  .bl-related-header { flex-direction:column; align-items:flex-start; gap:var(--space-4); }
  .bl-hero-inner { grid-template-columns:1fr 240px; gap:var(--space-8); }
  .getHelpWrapper { max-width:240px; }
}

@media (max-width:991px) {
  .getHelpWrapper { display:none; }
}

@media (max-width:900px) {
  .bl-shell { grid-template-columns:1fr; }
  .bl-toc-col { display:none; }
  .bl-hero-inner { grid-template-columns:1fr; }
  .bl-hero-visual { display:none; }
  .bl-related-grid { grid-template-columns:repeat(2,1fr); }
  .bl-related-header { flex-direction:column; align-items:flex-start; gap:var(--space-4); }
}

@media (max-width:900px) {
  .bl-conditions-grid { grid-template-columns:repeat(4, 1fr); }
  .bl-callout.callout-process { padding-right:var(--space-6); }
  .bl-callout-shield { position:static; transform:none; width:48px; height:48px; align-self:flex-start; margin-left:auto; }
}

@media (max-width:640px) {
  .bl-hero-crumb,.bl-hero-inner,.bl-shell,.bl-related-inner { padding-left:var(--space-5); padding-right:var(--space-5); }
  .bl-hero h1 { font-size:32px; }
  .bl-hero-left { padding-bottom:var(--space-8); }
  .bl-shell { padding-top:var(--space-8); }
  .bl-hero-byline { flex-wrap:wrap; gap:var(--space-3); }
  .bl-hero-byline-div { display:none; }
  .bl-checklist,.bl-eeat { grid-template-columns:1fr; }
  .bl-steps { grid-template-columns:1fr; }
  .bl-related-grid { grid-template-columns:1fr; }

  .bl-conditions-grid { grid-template-columns:repeat(3, 1fr); gap:var(--space-2); }
  .bl-condition-chip { padding:var(--space-3) var(--space-1); }
  .bl-condition-chip img { width:36px; height:36px; }

  .bl-exhale img { width:170px; height:119px; }

  .bl-callout.callout-process { flex-wrap:wrap; padding-right:var(--space-5); }
  .bl-callout-shield { width:44px; height:44px; }

  /* Closing CTA — mobile (mirrors landing-page .cta-wrapper @ 640px exactly) */
  .bl-cta-section { padding:40px 0 60px; }
  .bl-cta-wrapper {
    max-width:360px;
    padding:28px 25px 90px;
    border-radius:40px;
  }
  .bl-cta-wrapper p:nth-of-type(1) {
    font-size:var(--text-2xl);
    line-height:34.28px;
    margin-bottom:10px;
  }
  .bl-cta-wrapper p:nth-of-type(2) {
    font-size:var(--text-base);
    line-height:25.2px;
    margin-bottom:0;
  }
  .bl-cta-shape { width:242px; height:75px; }
  .bl-cta-wrapper::before {
    background:transparent;
    left:7.5%;
    transform:rotate(1deg);
    border-bottom-right-radius:10px;
    bottom:-2px;
  }
  .bl-cta-wrapper::after {
    background:transparent;
    right:7.5%;
    border-bottom-left-radius:10px;
    transform:rotate(1deg);
    bottom:-1px;
  }
  .bl-cta-btn {
    padding:14px 32px 15px;
    font-size:var(--text-lg);
    line-height:22.95px;
    margin:-56px auto 0;
  }
}