/* v395 — Final visual anchor lock
   Scope: CSS/HTML micro-fix only.
   Fixes v394 non-application by adding the missing body class and an explicit visual separator.
   No section order changes. No header/navigation changes. */

/* Section 01: explicit conceptual separation between Authority Boundaries and Surface scope. */
body.v395-final-visual-anchor-lock #authority-boundaries .v395-surface-scope-separator{
  display: block;
  height: 1px;
  width: min(100%, 940px);
  margin: clamp(34px, 4vw, 54px) auto clamp(24px, 3vw, 36px) auto;
  background: linear-gradient(90deg, rgba(8,42,67,0), rgba(8,42,67,.34), rgba(8,42,67,0));
}

body.v395-final-visual-anchor-lock #authority-boundaries .v393-surface-scope-outer{
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

body.v395-final-visual-anchor-lock #authority-boundaries .v393-surface-scope-label{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px 0 !important;
  padding: 7px 11px;
  border: 1px solid rgba(8,42,67,.16);
  border-radius: 999px;
  background: rgba(255,253,246,.88);
  color: rgba(8,42,67,.78);
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .74rem;
}

body.v395-final-visual-anchor-lock #authority-boundaries .v393-surface-scope-grid{
  padding-top: 0 !important;
}

/* Section 02: route becomes the visual spine of the homepage. */
body.v395-final-visual-anchor-lock #canonical-reviewer-route{
  position: relative;
  isolation: isolate;
  margin-block: clamp(86px, 9vw, 150px) !important;
  padding-block: clamp(84px, 9.8vw, 150px) !important;
}

body.v395-final-visual-anchor-lock #canonical-reviewer-route::before,
body.v395-final-visual-anchor-lock #canonical-reviewer-route::after{
  content: "";
  position: absolute;
  left: max(24px, calc((100vw - 1180px)/2));
  right: max(24px, calc((100vw - 1180px)/2));
  height: 2px;
  background: linear-gradient(90deg, rgba(8,42,67,0), rgba(8,42,67,.46), rgba(227,189,111,.56), rgba(8,42,67,.46), rgba(8,42,67,0));
  pointer-events: none;
  z-index: 0;
}

body.v395-final-visual-anchor-lock #canonical-reviewer-route::before{ top: 0; }
body.v395-final-visual-anchor-lock #canonical-reviewer-route::after{ bottom: 0; }

body.v395-final-visual-anchor-lock #canonical-reviewer-route .v388-container{
  position: relative;
  z-index: 1;
}

body.v395-final-visual-anchor-lock #canonical-reviewer-route .v388-section-label{
  margin-bottom: clamp(24px, 3vw, 36px) !important;
}

body.v395-final-visual-anchor-lock #canonical-reviewer-route .v388-route-head{
  border-top: 8px solid #082a43 !important;
  border-left: 1px solid rgba(8,42,67,.16) !important;
  border-right: 1px solid rgba(8,42,67,.16) !important;
  box-shadow: 0 34px 100px rgba(8,42,67,.18) !important;
}

body.v395-final-visual-anchor-lock #canonical-reviewer-route .v388-route-card{
  border: 2px solid rgba(8,42,67,.22) !important;
  box-shadow: 0 46px 130px rgba(8,42,67,.21) !important;
}

body.v395-final-visual-anchor-lock #canonical-reviewer-route .v388-route-card a span{
  min-width: 52px !important;
  height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #082a43 !important;
  color: #fffdf6 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  font-size: 1.02rem !important;
  box-shadow: 0 10px 28px rgba(8,42,67,.22) !important;
}

body.v395-final-visual-anchor-lock #canonical-reviewer-route .v388-route-card a{
  align-items: center !important;
}

@media(max-width: 760px){
  body.v395-final-visual-anchor-lock #authority-boundaries .v395-surface-scope-separator{
    margin: 30px auto 24px auto;
  }
  body.v395-final-visual-anchor-lock #canonical-reviewer-route{
    margin-block: 56px !important;
    padding-block: 62px !important;
  }
  body.v395-final-visual-anchor-lock #canonical-reviewer-route::before,
  body.v395-final-visual-anchor-lock #canonical-reviewer-route::after{
    left: 18px;
    right: 18px;
  }
  body.v395-final-visual-anchor-lock #canonical-reviewer-route .v388-route-card a span{
    min-width: 42px !important;
    height: 42px !important;
    font-size: .94rem !important;
  }
}
