/* ========================================================================== */
/* VORA Public Inner UI Continuity 1.0.0                                      */
/* Shared public-shell corrections for inner pages.                           */
/* No route logic, content, DEN routing, Navigator verification or data rules */
/* are changed here.                                                          */
/* ========================================================================== */

:root{
  --vora-public-sticky-offset:112px;
  --vora-public-content-max:1180px;
}

html{scroll-padding-top:var(--vora-public-sticky-offset)}
.content-page :where(section[id],article[id],div[id]){scroll-margin-top:var(--vora-public-sticky-offset)}

/* Inner-page typography should remain strong without inheriting homepage-scale
   display headings. This applies to the shared section-heading language. */
.content-page .section-heading{
  max-width:min(860px,100%);
}
.content-page .section-heading h2{
  font-size:clamp(2rem,3.35vw,3.15rem);
  line-height:1.04;
  letter-spacing:-.028em;
  overflow-wrap:normal;
  text-wrap:balance;
}
.content-page .section-heading > p:last-child,
.content-page .section-heading > div > p:last-child{
  max-width:760px;
}

/* Human Navigator directory uses the shared inner heading but has a working
   filter beneath it. Keep the long directory title readable and compact. */
.navigator-directory-page #navigator-directory .section-heading{
  max-width:920px;
}
.navigator-directory-page #navigator-directory .section-heading h2{
  font-size:clamp(2.05rem,3.45vw,3.25rem);
  line-height:1.02;
  max-width:860px;
}

/* DEN working-network principle: generic lifted-card rules must never turn the
   surface light while its protected white-text treatment remains active. */
.den-page .den-principle{
  background:
    radial-gradient(circle at 88% 14%,rgba(39,190,178,.22),transparent 30%),
    radial-gradient(circle at 8% 92%,rgba(231,169,26,.17),transparent 31%),
    linear-gradient(112deg,#123447 0%,#173f54 38%,#4e2d82 72%,#087b77 128%) !important;
  color:#fff !important;
  border:1px solid rgba(232,181,52,.58) !important;
  border-top:3px solid rgba(239,195,76,.88) !important;
  box-shadow:0 22px 48px rgba(18,46,66,.20),0 6px 0 -3px rgba(26,167,151,.55)!important;
}
.den-page .den-principle .eyebrow{color:#ffdb70!important}
.den-page .den-principle h2{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.18)}
.den-page .den-principle p{color:rgba(255,255,255,.90)!important}
.den-page .den-principle .button{
  background:linear-gradient(135deg,#ffd354,#f4ae1e)!important;
  color:#102f40!important;
  border:1px solid rgba(255,239,178,.82)!important;
  box-shadow:0 10px 22px rgba(7,29,44,.18)!important;
}
.den-page .den-principle .button:hover,
.den-page .den-principle .button:focus-visible{
  background:linear-gradient(135deg,#ffe38d,#ffc84b)!important;
  color:#0e3040!important;
}

/* A scrolled inner-page header should look like a stable shell rather than let
   the underlying card colours visually bleed through the navigation. */
.content-page .floating-header.vora-system-header.is-scrolled{
  background:
    linear-gradient(180deg,rgba(255,255,255,.992),rgba(255,253,247,.982)) padding-box,
    linear-gradient(108deg,rgba(40,193,177,.72),rgba(232,181,52,.78) 50%,rgba(145,104,219,.64)) border-box!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
}

/* -------------------------------------------------------------------------- */
/* Public Help Assistant: dock the character in the outside content gutter on */
/* wide screens. The speech bubble is intentional only when open; normal page */
/* exploration leaves a small, non-obstructive character button.              */
/* -------------------------------------------------------------------------- */
.content-page .vora-help-floating-widget{
  right:max(8px,calc((100vw - var(--vora-public-content-max))/2 - 86px))!important;
  bottom:14px!important;
  gap:10px!important;
  max-width:min(88vw,310px)!important;
  align-items:flex-end!important;
}
.content-page .vora-help-widget-character{
  width:82px!important;
  flex:0 0 82px;
  filter:drop-shadow(0 10px 18px rgba(7,25,36,.16))!important;
}
.content-page .vora-help-widget-pulse{
  width:54px!important;
  height:54px!important;
  bottom:8px!important;
}
.content-page .vora-help-widget-bubble{
  max-width:min(68vw,205px)!important;
  padding:12px 13px 11px!important;
  border-radius:17px!important;
  box-shadow:0 13px 28px rgba(9,39,55,.14),0 3px 9px rgba(211,160,35,.10)!important;
}
.content-page .vora-help-widget-bubble p{font-size:.86rem!important;margin-bottom:8px!important}
.content-page .vora-help-widget-link{padding:8px 12px!important;font-size:.84rem!important}
.content-page .vora-help-widget-dismiss{width:25px!important;height:25px!important;top:6px!important;right:7px!important}
.content-page .vora-help-widget-bubble::after{bottom:19px!important}

/* Opportunity pages use the sister GGH assistant. Give it the same protected
   gutter behaviour so the public shell is consistent site-wide. */
.content-page .vora-ggh-floating-widget{
  right:max(8px,calc((100vw - var(--vora-public-content-max))/2 - 84px))!important;
  bottom:14px!important;
  gap:10px!important;
  max-width:min(88vw,320px)!important;
}
.content-page .vora-ggh-widget-character{width:80px!important;flex:0 0 80px}
.content-page .vora-ggh-widget-pulse{width:52px!important;height:52px!important;bottom:8px!important}
.content-page .vora-ggh-widget-bubble{max-width:min(68vw,210px)!important;padding:12px 13px 11px!important}

@media(max-width:1279px){
  :root{--vora-public-sticky-offset:104px}
  .content-page .vora-help-floating-widget,.content-page .vora-ggh-floating-widget{right:7px!important;bottom:10px!important}
  .content-page .vora-help-widget-character,.content-page .vora-ggh-widget-character{width:68px!important;flex-basis:68px!important}
  .content-page .vora-help-widget-pulse,.content-page .vora-ggh-widget-pulse{width:45px!important;height:45px!important}
  .content-page .vora-help-widget-bubble,.content-page .vora-ggh-widget-bubble{max-width:min(64vw,190px)!important}
}

@media(max-width:720px){
  :root{--vora-public-sticky-offset:86px}
  .content-page .section-heading h2,
  .navigator-directory-page #navigator-directory .section-heading h2{
    font-size:clamp(1.82rem,8.2vw,2.45rem);
    line-height:1.04;
  }
  .content-page .vora-help-floating-widget,.content-page .vora-ggh-floating-widget{
    right:6px!important;
    bottom:8px!important;
    gap:7px!important;
    max-width:min(92vw,270px)!important;
  }
  .content-page .vora-help-widget-character,.content-page .vora-ggh-widget-character{width:58px!important;flex-basis:58px!important}
  .content-page .vora-help-widget-pulse,.content-page .vora-ggh-widget-pulse{width:38px!important;height:38px!important;bottom:5px!important}
  .content-page .vora-help-widget-bubble,.content-page .vora-ggh-widget-bubble{
    max-width:min(66vw,178px)!important;
    padding:11px 11px 10px!important;
    border-radius:15px!important;
  }
  .content-page .vora-help-widget-bubble p,.content-page .vora-ggh-widget-bubble p{font-size:.82rem!important}
  .content-page .vora-help-widget-link,.content-page .vora-ggh-widget-link{font-size:.8rem!important;padding:7px 10px!important}
  .den-page .den-principle{padding:18px!important}
}

@media(max-width:430px){
  .content-page .vora-help-floating-widget,.content-page .vora-ggh-floating-widget{right:4px!important;bottom:6px!important}
  .content-page .vora-help-widget-character,.content-page .vora-ggh-widget-character{width:52px!important;flex-basis:52px!important}
  .content-page .vora-help-widget-bubble,.content-page .vora-ggh-widget-bubble{max-width:min(70vw,168px)!important}
}

/* ========================================================================== */
/* PUBLICUI 1.1 — shared inner-page card system                               */
/* Makes the public inner pages visibly use one VORA card language.           */
/* Content, verification, routing and data logic remain unchanged.            */
/* ========================================================================== */

.content-page{
  --vora-card-radius:24px;
  --vora-card-shadow:0 18px 42px rgba(12,55,71,.10),0 7px 0 -4px color-mix(in srgb,var(--public-card-edge,#139e91) 36%,transparent);
}

/* Common information cards on inner pages. */
.content-page .shine-card{
  --public-card-edge:var(--card-edge,#139e91);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--public-card-edge) 30%,#dce8e6)!important;
  border-left:5px solid var(--public-card-edge)!important;
  border-radius:var(--vora-card-radius)!important;
  background:
    radial-gradient(circle at 96% 4%,color-mix(in srgb,var(--public-card-edge) 12%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--public-card-edge) 5%,#fff),#fff 56%,color-mix(in srgb,var(--public-card-edge) 3%,#fff))!important;
  box-shadow:var(--vora-card-shadow)!important;
}
.content-page .shine-card:hover,
.content-page .shine-card:focus-within{
  transform:translateY(-2px)!important;
  border-color:color-mix(in srgb,var(--public-card-edge) 43%,#d6e4e2)!important;
  box-shadow:0 23px 48px rgba(12,55,71,.13),0 9px 0 -4px color-mix(in srgb,var(--public-card-edge) 43%,transparent)!important;
}

/* Navigator accountability cards: distinct identities, balanced padding. */
.navigator-directory-page .v61-public-navigator-intro{gap:18px;margin-top:22px;margin-bottom:24px}
.navigator-directory-page .v61-public-navigator-intro>.shine-card{padding:24px 26px 22px;min-height:188px}
.navigator-directory-page .v61-public-navigator-intro>.shine-card:nth-child(1){--public-card-edge:#119b8e}
.navigator-directory-page .v61-public-navigator-intro>.shine-card:nth-child(2){--public-card-edge:#dda21d}
.navigator-directory-page .v61-public-navigator-intro>.shine-card .eyebrow{margin-bottom:12px}
.navigator-directory-page .v61-public-navigator-intro>.shine-card h2{margin:0 0 13px;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.18;color:#153d4d}
.navigator-directory-page .v61-public-navigator-intro>.shine-card p:last-child{margin:0;color:#385d6b;line-height:1.62}

.navigator-directory-page .v61-navigator-empty{--public-card-edge:#199f91;padding:22px 24px;margin-top:22px}
.navigator-directory-page .v61-public-duty-note{margin-top:24px}
.navigator-directory-page .v61-public-duty-note .shine-card{--public-card-edge:#7556c9;padding:22px 26px!important;border-left:5px solid var(--public-card-edge)!important}
.navigator-directory-page .v61-public-duty-note .shine-card h2{margin:2px 0 12px;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.2;color:#173e4c}
.navigator-directory-page .v61-public-duty-note .shine-card p:last-child{margin:0;color:#3e606c;line-height:1.62}

/* Navigator profile cards when verified staff become public. */
.navigator-directory-page .v61-public-navigator-grid{gap:18px}
.navigator-directory-page .v61-public-navigator-card{
  --public-card-edge:#139b8e;
  padding:21px!important;
  border-top:1px solid color-mix(in srgb,var(--public-card-edge) 30%,#dce8e6)!important;
}
.navigator-directory-page .v61-public-navigator-card:nth-child(3n+2){--public-card-edge:#438fce}
.navigator-directory-page .v61-public-navigator-card:nth-child(3n+3){--public-card-edge:#7455c7}

/* DEN section shells should read as designed information panels rather than a
   plain white rectangle with a border. */
.den-page .den-live-opps{
  --public-card-edge:#7655ca;
  padding:22px 22px 24px!important;
  border:1px solid color-mix(in srgb,var(--public-card-edge) 30%,#d9dce9)!important;
  border-top:3px solid color-mix(in srgb,var(--public-card-edge) 78%,#fff)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 94% 4%,rgba(118,85,202,.10),transparent 31%),
    radial-gradient(circle at 3% 98%,rgba(19,158,145,.08),transparent 29%),
    linear-gradient(145deg,#fff,#fbfaff 58%,#f8fcfb)!important;
  box-shadow:0 20px 46px rgba(43,54,82,.10),0 7px 0 -4px rgba(118,85,202,.30)!important;
}
.den-page .den-live-opps::before{top:24px!important;bottom:24px!important;width:5px!important;left:-1px!important}
.den-page .den-live-opps .den-section-head{margin:0 2px 18px;align-items:flex-end}
.den-page .den-live-opps .den-section-head h2{font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.08;letter-spacing:-.018em}
.den-page .den-live-opps .den-section-head>a{padding:8px 11px;border-radius:999px;background:#f5f0ff;border:1px solid rgba(118,85,202,.13)}

.den-page .den-opportunity-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))!important;
  gap:16px!important;
}
.den-page .den-opportunity-grid article{
  --opp-edge:#139e91;
  position:relative;
  overflow:hidden;
  min-height:260px;
  padding:19px 19px 18px!important;
  border:1px solid color-mix(in srgb,var(--opp-edge) 26%,#e1e8e6)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 98% 0%,color-mix(in srgb,var(--opp-edge) 12%,transparent),transparent 33%),
    linear-gradient(150deg,#fff,color-mix(in srgb,var(--opp-edge) 4%,#fff))!important;
  box-shadow:0 16px 34px rgba(19,61,77,.09),0 6px 0 -3px color-mix(in srgb,var(--opp-edge) 34%,transparent)!important;
}
.den-page .den-opportunity-grid article:nth-child(3n+2){--opp-edge:#7455c7}
.den-page .den-opportunity-grid article:nth-child(3n+3){--opp-edge:#d99d22}
.den-page .den-opportunity-grid article::after{content:"";position:absolute;left:17px;right:17px;bottom:0;height:5px;border-radius:8px 8px 0 0;background:var(--opp-edge)}
.den-page .den-opportunity-grid article>div{min-height:34px}
.den-page .den-opportunity-grid h3{font-size:1.04rem;line-height:1.25;margin:11px 0 7px;color:#183d4d}
.den-page .den-opportunity-grid p{font-size:.80rem;line-height:1.55;color:#58717b;margin-bottom:10px}
.den-page .den-opportunity-grid b{font-size:.86rem;line-height:1.5}
.den-page .den-opportunity-grid a{display:inline-flex;margin-top:2px;padding:6px 0;font-size:.79rem}
.den-page .den-opportunity-grid article:only-child{max-width:590px}

/* DEN pathway cards appear throughout the inside pages; give them the same
   depth and coloured identity as the opportunity cards. */
.den-page .den-pathway-grid{gap:12px!important}
.den-page .den-pathway-grid article{
  --path-edge:#139e91;
  position:relative;
  overflow:hidden;
  min-height:142px;
  padding:16px 15px 18px!important;
  border:1px solid color-mix(in srgb,var(--path-edge) 25%,#e1e8e7)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--path-edge) 11%,transparent),transparent 38%),
    linear-gradient(150deg,#fff,color-mix(in srgb,var(--path-edge) 5%,#fff))!important;
  box-shadow:0 14px 30px rgba(18,62,77,.08),0 6px 0 -3px color-mix(in srgb,var(--path-edge) 32%,transparent)!important;
}
.den-page .den-pathway-grid article:nth-child(6n+2){--path-edge:#338fc8}
.den-page .den-pathway-grid article:nth-child(6n+3){--path-edge:#7455c7}
.den-page .den-pathway-grid article:nth-child(6n+4){--path-edge:#dca21f}
.den-page .den-pathway-grid article:nth-child(6n+5){--path-edge:#d86f5b}
.den-page .den-pathway-grid article:nth-child(6n+6){--path-edge:#38a36e}
.den-page .den-pathway-grid article::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:5px;border-radius:8px 8px 0 0;background:var(--path-edge)}
.den-page .den-pathway-grid h2{font-size:.98rem;line-height:1.22;margin:6px 0 7px;color:#244755}
.den-page .den-pathway-grid p{font-size:.77rem;line-height:1.5;color:#58717a}

/* Other ordinary public inner-page cards share the same professional surface
   while specialist intelligence dashboards keep their own visual systems. */
.content-page :is(.vora-opportunity-card,.guide-gateway-card,.guide-mini-card,.guide-authority-card,.vora-purpose-cards article,.listing-card,.hub-record-card,.access-card){
  --public-card-edge:var(--card-edge,#139e91);
  border:1px solid color-mix(in srgb,var(--public-card-edge) 26%,#e1e8e7)!important;
  border-radius:22px!important;
  background:linear-gradient(150deg,#fff,color-mix(in srgb,var(--public-card-edge) 4%,#fff))!important;
  box-shadow:0 16px 34px rgba(17,61,76,.09),0 6px 0 -3px color-mix(in srgb,var(--public-card-edge) 34%,transparent)!important;
}
.content-page :is(.vora-opportunity-card,.guide-gateway-card,.guide-mini-card,.guide-authority-card,.vora-purpose-cards article,.listing-card,.hub-record-card,.access-card):hover{
  box-shadow:0 21px 42px rgba(17,61,76,.12),0 8px 0 -3px color-mix(in srgb,var(--public-card-edge) 40%,transparent)!important;
}

@media(max-width:760px){
  .navigator-directory-page .v61-public-navigator-intro>.shine-card{min-height:0;padding:20px 20px 19px}
  .navigator-directory-page .v61-public-duty-note .shine-card{padding:19px 20px!important}
  .den-page .den-live-opps{padding:18px 16px 19px!important;border-radius:23px!important}
  .den-page .den-live-opps .den-section-head{align-items:flex-start;gap:9px;flex-direction:column}
  .den-page .den-live-opps .den-section-head>a{align-self:flex-start}
  .den-page .den-opportunity-grid{grid-template-columns:1fr!important;gap:11px!important}
  .den-page .den-opportunity-grid article{min-height:0;padding:16px!important;border-radius:18px!important}
  .den-page .den-pathway-grid article{min-height:0;border-radius:17px!important}
}