/* Fidlon Legal home hero responsive component v200.
   Desktop (>980px) intentionally remains governed by the approved inline desktop hero rules. */

@media (max-width: 980px) {
  .hero.hero-approved.hero-final-v73.hero-layered-v174 {
    position: relative !important;
    overflow: hidden !important;
    min-height: 0 !important;
    background: #050505 !important;
  }

  /* Use the original approved three-row books image as one continuous layer. */
  .hero-layered-v174 .hero-v174-books {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill !important;
    object-position: center center !important;
    z-index: 0 !important;
  }

  /* v195: restore the approved desktop-style waist/trunk continuation on mobile.
     These layers sit behind the transparent cutout so the portrait does not appear to float. */
  .hero-layered-v174 .hero-v174-lower-blackout,
  .hero-layered-v174 .hero-v179-fade {
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  .hero-layered-v174 .hero-v174-copy {
    z-index: 3 !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    max-width: none !important;
  }

  /* Keep the three primary actions flush to the available viewport width on mobile/tablet. */
  .topbar .wrap.topbar-inner {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .topbar .top-actions {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* PORTRAIT: smaller books/headshot/text; exactly the source image's three rows remain visible. */
@media (max-width: 760px) and (orientation: portrait) {
  .hero.hero-approved.hero-final-v73.hero-layered-v174 {
    aspect-ratio: auto !important;
    height: clamp(196px, 51.8vw, 213px) !important;
  }

  .hero-layered-v174 .hero-v174-headshot {
    position: absolute !important;
    z-index: 2 !important;
    width: 36.2% !important; /* +10% from v193 */
    height: auto !important;
    left: auto !important;
    right: 1.8% !important;
    top: auto !important;
    bottom: 0 !important;
    transform: translateY(5.1%) !important; /* compensates for transparent pixels below visible hands */
    max-width: none !important;
  }

  .hero-layered-v174 .hero-v174-copy {
    left: 14px !important;
    width: 56.0% !important;
  }

  .hero-layered-v174 .hero-v174-copy h1 {
    font-size: 23.5px !important; /* v198: larger portrait hero headline */
    line-height: 1.04 !important;
  }
  .hero-layered-v174 .hero-v174-copy .accent-rule {
    width: 106px !important;
    height: 3px !important;
    margin: 8px 0 8px !important;
  }
  .hero-layered-v174 .hero-v174-copy p {
    font-size: 10.45px !important; /* +10% from v193 */
    line-height: 1.24 !important;
  }

  /* v195 portrait: localized black trunk extension follows the lower-body silhouette. */
  .hero-layered-v174 .hero-v174-lower-blackout {
    left: 66.0% !important;
    right: auto !important;
    bottom: 0 !important;
    width: 29.5% !important;
    height: 24.0% !important;
    background: linear-gradient(90deg,
      rgba(5,5,5,0) 0%,
      rgba(5,5,5,.55) 10%,
      #050505 22%,
      #050505 74%,
      rgba(5,5,5,.95) 82%,
      rgba(5,5,5,.64) 90%,
      rgba(5,5,5,0) 100%) !important;
    clip-path: polygon(13% 0, 86% 0, 100% 100%, 0 100%) !important;
  }
  .hero-layered-v174 .hero-v179-fade-left-upper {
    left: 58.8% !important;
    bottom: 25.0% !important;
    width: 8.2% !important;
    height: 17.0% !important;
    background: linear-gradient(90deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.06) 36%,rgba(5,5,5,.28) 66%,rgba(5,5,5,.68) 86%,#050505 100%) !important;
    clip-path: polygon(0 10%,100% 0,100% 100%,10% 92%) !important;
  }
  .hero-layered-v174 .hero-v179-fade-left-lower {
    left: 59.0% !important;
    bottom: 0 !important;
    width: 13.0% !important;
    height: 19.0% !important;
    background: linear-gradient(90deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.10) 31%,rgba(5,5,5,.46) 63%,rgba(5,5,5,.86) 87%,#050505 100%) !important;
    clip-path: polygon(0 0,100% 8%,100% 100%,8% 100%) !important;
  }
  /* Slight black fade just below the right elbow, strongest at the right edge and fading left. */
  .hero-layered-v174 .hero-v179-fade-right-lower {
    left: 92.4% !important;
    bottom: 7.5% !important;
    width: 7.6% !important;
    height: 15.5% !important;
    background: linear-gradient(90deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.08) 30%,rgba(5,5,5,.30) 60%,rgba(5,5,5,.66) 84%,#050505 100%) !important;
    clip-path: polygon(0 10%,100% 0,100% 100%,12% 92%) !important;
  }
}


/* LANDSCAPE: enlarge headshot ~20% from v191, while increasing hero height enough to show the full cutout. */
@media (max-width: 980px) and (orientation: landscape) and (max-height: 600px) {
  .hero.hero-approved.hero-final-v73.hero-layered-v174 {
    aspect-ratio: auto !important;
    height: clamp(390px, 48vw, 485px) !important;
  }

  .hero-layered-v174 .hero-v174-headshot {
    position: absolute !important;
    z-index: 2 !important;
    width: 37.125% !important; /* +10% from v193 */
    height: auto !important;
    left: auto !important;
    right: 3.2% !important;
    top: auto !important;
    bottom: 0 !important;
    transform: translateY(5.1%) !important; /* compensates for transparent pixels below visible hands */
    max-width: none !important;
  }

  .hero-layered-v174 .hero-v174-copy {
    left: clamp(30px, 5.2vw, 54px) !important;
    width: 52% !important;
  }

  .hero-layered-v174 .hero-v174-copy h1 {
    font-size: clamp(37.5px, 4.84vw, 43.6px) !important; /* v197: +10% from v194 */
    line-height: 1.04 !important;
  }
  .hero-layered-v174 .hero-v174-copy .accent-rule {
    width: 106px !important;
    height: 3px !important;
    margin: 14px 0 13px !important;
  }
  .hero-layered-v174 .hero-v174-copy p {
    font-size: clamp(14.3px, 1.815vw, 16.5px) !important; /* +10% from v193 */
    line-height: 1.30 !important;
  }

  .live-site-footer .live-footer-contact-text p,
  .live-site-footer .live-footer-body p,
  .live-site-footer .live-footer-bottom p,
  .live-site-footer .live-footer-localities {
    font-size: 10px !important;
    line-height: 1.25 !important;
  }

  /* v195 landscape: same approved trunk-continuation treatment, scaled to the wider composition. */
  .hero-layered-v174 .hero-v174-lower-blackout {
    left: 66.0% !important;
    right: auto !important;
    bottom: 0 !important;
    width: 27.5% !important;
    height: 22.5% !important;
    background: linear-gradient(90deg,
      rgba(5,5,5,0) 0%,
      rgba(5,5,5,.58) 9%,
      #050505 20%,
      #050505 74%,
      rgba(5,5,5,.96) 82%,
      rgba(5,5,5,.66) 90%,
      rgba(5,5,5,0) 100%) !important;
    clip-path: polygon(12% 0, 87% 0, 100% 100%, 0 100%) !important;
  }
  .hero-layered-v174 .hero-v179-fade-left-upper {
    left: 58.2% !important;
    bottom: 24.0% !important;
    width: 7.7% !important;
    height: 16.0% !important;
    background: linear-gradient(90deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.06) 35%,rgba(5,5,5,.30) 64%,rgba(5,5,5,.70) 85%,#050505 100%) !important;
    clip-path: polygon(0 9%,100% 0,100% 100%,9% 92%) !important;
  }
  .hero-layered-v174 .hero-v179-fade-left-lower {
    left: 58.8% !important;
    bottom: 0 !important;
    width: 12.2% !important;
    height: 18.0% !important;
    background: linear-gradient(90deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.10) 31%,rgba(5,5,5,.48) 63%,rgba(5,5,5,.87) 87%,#050505 100%) !important;
    clip-path: polygon(0 0,100% 8%,100% 100%,8% 100%) !important;
  }
  .hero-layered-v174 .hero-v179-fade-right-lower {
    left: 92.8% !important;
    bottom: 7.0% !important;
    width: 6.8% !important;
    height: 14.0% !important;
    background: linear-gradient(90deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.07) 31%,rgba(5,5,5,.28) 60%,rgba(5,5,5,.64) 84%,#050505 100%) !important;
    clip-path: polygon(0 9%,100% 0,100% 100%,11% 92%) !important;
  }
}



/* v193: restore full-viewport fixed CTA stack on both portrait and landscape mobile/tablet. */
@media (max-width: 980px) {
  body.site-font-v65 .top-actions,
  .top-actions {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.site-font-v65 .top-actions .header-btn,
  body.site-font-v65 .top-actions .btn.header-btn,
  .top-actions .header-btn,
  .top-actions .btn.header-btn {
    width: 100vw !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
}


/* =========================================================
   v196 — mobile homepage refinements only.
   Preserve approved v195 hero geometry and desktop behavior.
   ========================================================= */

/* Normalize the three "What Kind of Help" cards on mobile/tablet. */
@media (max-width: 980px) {
  .help .service-grid {
    align-items: stretch !important;
  }
  .help .service-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  .help .service-card .card-icon,
  .help .service-card.service-card-screening .card-icon {
    width: 31px !important;
    height: 31px !important;
    max-width: 31px !important;
    max-height: 31px !important;
    object-fit: contain !important;
    margin: 0 auto 6px !important;
    flex: 0 0 31px !important;
  }
  .help .service-card h3,
  .help .service-card.service-card-screening h3 {
    margin: 0 0 5px !important;
    padding: 0 !important;
    text-align: center !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }
  .help .service-card .card-btn {
    margin-top: auto !important;
  }
}

/* Portrait: make the three cards shorter while preserving equal icon/text geometry. */
@media (max-width: 760px) and (orientation: portrait) {
  .help .service-card,
  .help .service-card.service-card-screening {
    min-height: 132px !important;
    height: 132px !important;
    padding: 7px 5px !important;
  }
  .help .service-card .card-icon,
  .help .service-card.service-card-screening .card-icon {
    width: 27px !important;
    height: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;
    flex-basis: 27px !important;
    margin-bottom: 4px !important;
  }
  .help .service-card h3,
  .help .service-card.service-card-screening h3 {
    min-height: 42px !important;
    font-size: 9px !important;
    line-height: 1.12 !important;
    margin-bottom: 4px !important;
  }
  .help .service-card .card-btn {
    min-height: 28px !important;
    padding: 5px 3px !important;
  }

  /* v197 Why Fidlon Legal portrait: shorter section, smaller heading, full-width separator. */
  .why-v10-media {
    min-height: 150px !important;
    height: 150px !important;
    border-bottom: 3px solid #981129 !important;
  }
  .why-v10-copy {
    padding: 14px 20px 18px !important;
  }
  .why-v10-copy h2 {
    font-size: 19px !important;
    line-height: 1.10 !important;
  }
  .why-v10-copy p {
    font-size: 13.25px !important;
    line-height: 1.36 !important;
    margin-bottom: 8px !important;
  }
  .why-v10-copy .accent-rule {
    width: 106px !important;
    height: 3px !important;
    margin: 8px 0 10px !important;
  }
}

/* v197 landscape: shorter Why section; skyline and diagonal fill the complete container height. */
@media (max-width: 980px) and (orientation: landscape) and (max-height: 600px) {
  .why-v10 {
    min-height: 235px !important;
    height: 235px !important;
    grid-template-columns: 43% 57% !important;
    align-items: stretch !important;
  }
  .why-v10-media {
    min-height: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
  }
  .why-v10-copy {
    min-height: 0 !important;
    height: 100% !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .why-v10-copy h2 {
    font-size: 22px !important;
    line-height: 1.08 !important;
  }
  .why-v10-copy p {
    font-size: 14px !important;
    line-height: 1.30 !important;
    margin-bottom: 7px !important;
  }
  .why-v10-copy .accent-rule {
    width: 106px !important;
    height: 3px !important;
    margin: 7px 0 9px !important;
  }
  .why-v10-media {
    background-size: cover !important;
    background-position: center center !important;
  }
  .why-v10-copy {
    margin-left: -72px !important;
    clip-path: polygon(72px 0,100% 0,100% 100%,0 100%) !important;
  }
  .why-v10-divider {
    display: block !important;
    left: calc(43% + 1px) !important;
    top: -8px !important;
    bottom: auto !important;
    height: calc(100% + 16px) !important;
    width: 10px !important;
    transform: rotate(16.7deg) !important; /* matches the shortened 235px section diagonal */
    transform-origin: top center !important;
  }
}


/* v197: home-page mobile heading underlines match the site-wide 106px x 3px accent rule. */
@media (max-width: 980px) {
  .help h2::after,
  .representative h2::after,
  .reviews h2::after {
    content: "" !important;
    display: block !important;
    width: 106px !important;
    height: 3px !important;
    margin: 8px auto 0 !important;
    background: #981129 !important;
  }
}


/* =========================================================
   V199 — mobile underline scale, full-screen CTA coverage,
   and deterministic landscape WHY image/divider geometry.
   ========================================================= */

/* Accent rules scale with the mobile viewport: portrait < landscape < desktop. */
@media (max-width:760px) and (orientation:portrait){
  :root{--fidlon-mobile-accent-width:clamp(44px,12vw,52px);}
  .hero-layered-v174 .hero-v174-copy .accent-rule,
  .why-v10-copy .accent-rule{
    width:var(--fidlon-mobile-accent-width)!important;
    height:3px!important;
  }
  .help h2::after,
  .representative h2::after,
  .reviews h2::after{
    width:var(--fidlon-mobile-accent-width)!important;
    height:3px!important;
  }
}
@media (max-width:980px) and (orientation:landscape){
  :root{--fidlon-mobile-accent-width:clamp(58px,8vw,72px);}
  .hero-layered-v174 .hero-v174-copy .accent-rule,
  .why-v10-copy .accent-rule{
    width:var(--fidlon-mobile-accent-width)!important;
    height:3px!important;
  }
  .help h2::after,
  .representative h2::after,
  .reviews h2::after{
    width:var(--fidlon-mobile-accent-width)!important;
    height:3px!important;
  }
}

/* The viewport now includes iPhone landscape safe areas (viewport-fit=cover).
   Keep the fixed CTA stack on the physical viewport edges, with no wrapper inset. */
@media (max-width:980px){
  body.site-font-v65 .top-actions,
  .top-actions{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    transform:none!important;
    box-sizing:border-box!important;
    background:#981129!important;
  }
  body.site-font-v65 .top-actions .header-btn,
  body.site-font-v65 .top-actions .btn.header-btn,
  .top-actions .header-btn,
  .top-actions .btn.header-btn{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }
}

/* Landscape WHY: image occupies the complete section height and extends exactly
   to the red diagonal.  The divider is a fixed-thickness parallelogram whose
   left edge is identical to the image clip edge, eliminating the white wedge. */
@media (max-width:980px) and (orientation:landscape) and (max-height:600px){
  .why-v10{
    position:relative!important;
    display:grid!important;
    grid-template-columns:43% 57%!important;
    min-height:235px!important;
    height:235px!important;
    overflow:hidden!important;
    background:#f7f7f7!important;
  }
  .why-v10-media{
    position:absolute!important;
    z-index:1!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:calc(43% + 72px)!important;
    height:100%!important;
    min-height:0!important;
    background-size:cover!important;
    background-position:center center!important;
    clip-path:polygon(0 0,100% 0,calc(100% - 72px) 100%,0 100%)!important;
  }
  .why-v10-copy{
    position:relative!important;
    z-index:2!important;
    grid-column:2!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin-left:0!important;
    padding:14px 24px 14px 95px!important;
    background:transparent!important;
    clip-path:none!important;
  }
  .why-v10-divider{
    display:block!important;
    position:absolute!important;
    z-index:4!important;
    left:43%!important;
    top:0!important;
    bottom:auto!important;
    width:82px!important;
    height:100%!important;
    background:#981129!important;
    transform:none!important;
    transform-origin:initial!important;
    clip-path:polygon(72px 0,82px 0,10px 100%,0 100%)!important;
  }
}


/* =========================================================
   V200 — final mobile home geometry corrections.
   These rules intentionally come last and supersede prior v197-v199 mobile overrides.
   ========================================================= */

/* One shared home-page accent width per orientation, so all five homepage
   heading rules are identical within portrait and identical within landscape. */
@media (max-width:760px) and (orientation:portrait){
  :root{--fidlon-home-accent-width:46px;}
  .hero-layered-v174 .hero-v174-copy .accent-rule,
  .why-v10-copy .accent-rule,
  .help h2::after,
  .representative h2::after,
  .reviews h2::after{
    width:var(--fidlon-home-accent-width)!important;
    height:3px!important;
  }
}
@media (max-width:980px) and (orientation:landscape) and (max-height:600px){
  :root{--fidlon-home-accent-width:72px;}
  .hero-layered-v174 .hero-v174-copy .accent-rule,
  .why-v10-copy .accent-rule,
  .help h2::after,
  .representative h2::after,
  .reviews h2::after{
    width:var(--fidlon-home-accent-width)!important;
    height:3px!important;
  }

  /* Increase hero height enough for the complete v194 headshot cutout at the
     approved 37.125% width, including the bottom transparency compensation. */
  .hero.hero-approved.hero-final-v73.hero-layered-v174{
    height:clamp(440px,52vw,520px)!important;
  }

  /* Thin gray separators between the three fixed CTA buttons on homepage landscape. */
  .top-actions .header-btn + .header-btn,
  .top-actions .btn.header-btn + .btn.header-btn{
    border-top:1px solid rgba(205,205,205,.78)!important;
  }

  /* WHY: exact shared diagonal edge. The skyline occupies the full 235px section.
     The red band is only 3px wide, matching site separator thickness. */
  .why-v10{
    position:relative!important;
    height:235px!important;
    min-height:235px!important;
    overflow:hidden!important;
  }
  .why-v10-media{
    position:absolute!important;
    z-index:1!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:calc(43% + 72px)!important;
    height:235px!important;
    min-height:235px!important;
    background-size:cover!important;
    background-position:center center!important;
    clip-path:polygon(0 0,100% 0,calc(100% - 72px) 100%,0 100%)!important;
  }
  .why-v10-divider{
    display:block!important;
    position:absolute!important;
    z-index:4!important;
    left:43%!important;
    top:0!important;
    width:75px!important;
    height:235px!important;
    background:#981129!important;
    transform:none!important;
    clip-path:polygon(72px 0,75px 0,3px 100%,0 100%)!important;
  }
  .why-v10-copy{
    position:relative!important;
    z-index:2!important;
    grid-column:2!important;
    height:235px!important;
    min-height:235px!important;
    margin:0!important;
    padding:14px 24px 14px 95px!important;
    background:transparent!important;
    clip-path:none!important;
  }
}


/* =========================================================
   V201 — final mobile homepage underline and landscape CTA type normalization.
   Keep this block last so all five homepage underline rules resolve identically.
   ========================================================= */
@media (max-width:760px) and (orientation:portrait){
  html body.home-page-v201 .hero-layered-v174 .hero-v174-copy .accent-rule,
  html body.home-page-v201 .why-v10-copy .accent-rule,
  html body.home-page-v201 .help h2::after,
  html body.home-page-v201 .representative h2::after,
  html body.home-page-v201 .reviews h2::after{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:3px!important;
  }
}
@media (max-width:980px) and (orientation:landscape) and (max-height:600px){
  html body.home-page-v201 .hero-layered-v174 .hero-v174-copy .accent-rule,
  html body.home-page-v201 .why-v10-copy .accent-rule,
  html body.home-page-v201 .help h2::after,
  html body.home-page-v201 .representative h2::after,
  html body.home-page-v201 .reviews h2::after{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:3px!important;
  }
  /* Match the homepage mobile CTA text to the 14px landscape top-menu typography. */
  html body.home-page-v201 .mobile-fixed-actions-v201 .mobile-fixed-action-v201{
    font-size:14px!important;
  }
}


/* =========================================================
   V202 — unify mobile homepage accent widths with site-wide mobile accents;
   add slight landscape breathing room below WHY call-to-action.
   ========================================================= */
@media (max-width:760px) and (orientation:portrait){
  :root{--fidlon-mobile-unified-accent-width:60px;}
  html body.home-page-v201 .hero-layered-v174 .hero-v174-copy .accent-rule,
  html body.home-page-v201 .why-v10-copy .accent-rule,
  html body.home-page-v201 .help h2::after,
  html body.home-page-v201 .representative h2::after,
  html body.home-page-v201 .reviews h2::after{
    width:var(--fidlon-mobile-unified-accent-width)!important;
    min-width:var(--fidlon-mobile-unified-accent-width)!important;
    max-width:var(--fidlon-mobile-unified-accent-width)!important;
    height:3px!important;
  }
}
@media (max-width:980px) and (orientation:landscape) and (max-height:600px){
  :root{--fidlon-mobile-unified-accent-width:74px;}
  html body.home-page-v201 .hero-layered-v174 .hero-v174-copy .accent-rule,
  html body.home-page-v201 .why-v10-copy .accent-rule,
  html body.home-page-v201 .help h2::after,
  html body.home-page-v201 .representative h2::after,
  html body.home-page-v201 .reviews h2::after{
    width:var(--fidlon-mobile-unified-accent-width)!important;
    min-width:var(--fidlon-mobile-unified-accent-width)!important;
    max-width:var(--fidlon-mobile-unified-accent-width)!important;
    height:3px!important;
  }
  html body.home-page-v201 .why-v10,
  html body.home-page-v201 .why-v10-media,
  html body.home-page-v201 .why-v10-divider,
  html body.home-page-v201 .why-v10-copy{
    height:245px!important;
    min-height:245px!important;
  }
  html body.home-page-v201 .why-v10-copy{
    padding-top:12px!important;
    padding-bottom:20px!important;
  }
}


/* =========================================================
   V205 — landscape WHY section breathing room only.
   Preserve portrait, diagonal geometry, typography, and all other v204 rules.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape) and (max-height:600px){
  html body.home-page-v201 .why-v10,
  html body.home-page-v201 .why-v10-media,
  html body.home-page-v201 .why-v10-divider,
  html body.home-page-v201 .why-v10-copy{
    height:260px!important;
    min-height:260px!important;
  }
  html body.home-page-v201 .why-v10-copy{
    padding-top:12px!important;
    padding-bottom:24px!important;
  }
}


/* =========================================================
   V206 — landscape WHY content vertical centering only.
   Preserve portrait and all other v205 geometry.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape) and (max-height:600px){
  html body.home-page-v201 .why-v10-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    box-sizing:border-box!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
    transform:translateY(4px)!important;
  }
}

/* v207 desktop-only: normalize WHY FIDLON LEGAL diagonal divider to the
   same 3px visual thickness used by the page separator rules. Preserve the
   existing diagonal centerline while reducing the bar from 11px to 3px. */
@media (min-width:981px){
  html body.home-page-v201 .why-v10-divider{
    left:calc(42% + 1px)!important;
    width:3px!important;
  }
}


/* v208 desktop-only: eliminate the doubled 4px separator between
   Representative Services and Reviews. The Representative section retains
   its 2px bottom border; Reviews does not add a second 2px top border. */
@media (min-width:981px){
  html body.home-page-v201 .reviews{
    border-top:0!important;
  }
}