/* WOI v72328A11 — Full visual system audit: public surfaces. */
@media screen {
  :root{
    --woi-a11-navy:#061b3d;
    --woi-a11-navy-2:#0b2d5b;
    --woi-a11-blue:#1261d6;
    --woi-a11-blue-2:#2d7be8;
    --woi-a11-red:#d62f3b;
    --woi-a11-green:#10835e;
    --woi-a11-gold:#b88935;
    --woi-a11-ink:#0c2347;
    --woi-a11-text:#344662;
    --woi-a11-muted:#6d7d96;
    --woi-a11-line:#dce5f0;
    --woi-a11-soft:#f3f6fb;
    --woi-a11-panel:#fff;
    --woi-a11-shadow:0 18px 50px rgba(6,27,61,.08);
    --woi-a11-shadow-soft:0 8px 28px rgba(6,27,61,.055);
    --woi-a11-radius:20px;
    --woi-a11-radius-sm:13px;
    --woi-a11-shell:min(1380px,calc(100% - 64px));
  }

  html{scroll-behavior:smooth;background:#f5f7fb}
  body.woi-public,
  body.gp-public,
  body.mbg-public,
  body.public-page,
  body[data-public-page],
  body.woi-visual-a11-public{
    background:
      radial-gradient(circle at 6% 0%,rgba(18,97,214,.055),transparent 26rem),
      linear-gradient(180deg,#f9fbfe 0,#f4f7fb 32rem,#f6f8fc 100%);
    color:var(--woi-a11-text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  body.woi-public a,
  body.gp-public a,
  body.mbg-public a,
  body.woi-visual-a11-public a{text-decoration:none;text-decoration-thickness:auto;text-underline-offset:.18em}

  body.woi-public :where(h1,h2,h3,h4),
  body.gp-public :where(h1,h2,h3,h4),
  body.mbg-public :where(h1,h2,h3,h4),
  body.woi-visual-a11-public :where(h1,h2,h3,h4){
    color:var(--woi-a11-ink);
    letter-spacing:-.035em;
    text-wrap:balance;
  }
  body.woi-public :where(p,li),
  body.gp-public :where(p,li),
  body.mbg-public :where(p,li),
  body.woi-visual-a11-public :where(p,li){line-height:1.72}

  body.woi-public .woi-shell,
  body.woi-public .container,
  body.gp-public .container,
  body.mbg-public .container,
  body.woi-visual-a11-public .container{width:var(--woi-a11-shell);max-width:100%;margin-inline:auto}

  body.woi-public .woi-page,
  body.gp-public main,
  body.mbg-public main,
  body.woi-visual-a11-public main{min-height:55vh}

  body.woi-public :where(.woi-card,.woi-panel,.woi-form-card,.woi-status-card,.woi-content-card),
  body.gp-public :where(.gp-card,.gpa-card,.gpr-card,.card,.panel),
  body.mbg-public :where(.mbg-card,.card,.panel),
  body.woi-visual-a11-public :where(.card,.panel,.auth-card,.status-card){
    border:1px solid rgba(210,221,235,.92);
    border-radius:var(--woi-a11-radius);
    background:rgba(255,255,255,.96);
    box-shadow:var(--woi-a11-shadow-soft);
  }

  body.woi-public :where(button,.woi-btn,.woi-nav-cta,[class*="-btn"]),
  body.gp-public :where(button,.btn,[class*="-btn"]),
  body.mbg-public :where(button,.btn,[class*="-btn"]),
  body.woi-visual-a11-public :where(button,.btn,[class*="-btn"]){
    border-radius:12px;
    font-weight:750;
    letter-spacing:-.01em;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
  }
  body.woi-public :where(button,.woi-btn,.woi-nav-cta,[class*="-btn"]):hover,
  body.gp-public :where(button,.btn,[class*="-btn"]):hover,
  body.mbg-public :where(button,.btn,[class*="-btn"]):hover,
  body.woi-visual-a11-public :where(button,.btn,[class*="-btn"]):hover{transform:translateY(-1px)}
  body.woi-public :where(button,a,input,select,textarea):focus-visible,
  body.gp-public :where(button,a,input,select,textarea):focus-visible,
  body.mbg-public :where(button,a,input,select,textarea):focus-visible,
  body.woi-visual-a11-public :where(button,a,input,select,textarea):focus-visible{
    outline:3px solid rgba(18,97,214,.22)!important;
    outline-offset:3px!important;
  }

  body.woi-public :where(input,select,textarea),
  body.gp-public :where(input,select,textarea),
  body.mbg-public :where(input,select,textarea),
  body.woi-visual-a11-public :where(input,select,textarea){
    min-height:48px;
    border:1px solid #cdd9e8;
    border-radius:12px;
    background:#fff;
    color:var(--woi-a11-ink);
    box-shadow:inset 0 1px 1px rgba(6,27,61,.02);
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  }
  body.woi-public :where(input,select,textarea):focus,
  body.gp-public :where(input,select,textarea):focus,
  body.mbg-public :where(input,select,textarea):focus,
  body.woi-visual-a11-public :where(input,select,textarea):focus{
    border-color:var(--woi-a11-blue);
    box-shadow:0 0 0 4px rgba(18,97,214,.1);
    outline:0;
  }
  body.woi-public textarea,
  body.gp-public textarea,
  body.mbg-public textarea,
  body.woi-visual-a11-public textarea{min-height:132px;resize:vertical}

  body.woi-public :where(table),
  body.gp-public :where(table),
  body.mbg-public :where(table),
  body.woi-visual-a11-public :where(table){border-collapse:separate;border-spacing:0;width:100%;background:#fff}
  body.woi-public :where(th),body.gp-public :where(th),body.mbg-public :where(th),body.woi-visual-a11-public :where(th){
    background:#f4f7fb;color:#50617b;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:800
  }
  body.woi-public :where(th,td),body.gp-public :where(th,td),body.mbg-public :where(th,td),body.woi-visual-a11-public :where(th,td){
    padding:14px 16px;border-bottom:1px solid #e5ebf3;text-align:left;vertical-align:top
  }

  /* Public header and navigation */
  body.woi-public .woi-header{
    border-bottom:1px solid rgba(211,221,234,.9)!important;
    box-shadow:0 12px 35px rgba(6,27,61,.055)!important;
    backdrop-filter:saturate(145%) blur(16px);
  }
  body.woi-public .woi-nav{width:var(--woi-a11-shell)!important;margin-inline:auto!important}
  body.woi-public .woi-menu a{font-weight:760!important;letter-spacing:-.015em!important}
  body.woi-public .woi-nav-cta{box-shadow:0 12px 26px rgba(18,97,214,.19)!important}

  /* Page introductions and hero blocks */
  body.woi-public :where(.woi-intro-line,.woi-page-head,.woi-section-head,.woi-hero-copy){max-width:900px}
  body.woi-public :where(.woi-intro-line,.woi-page-head) h1{
    font-size:clamp(38px,4.6vw,72px)!important;
    line-height:1.01!important;
    letter-spacing:-.058em!important;
  }
  body.woi-public :where(.woi-intro-line,.woi-page-head) p{font-size:clamp(16px,1.25vw,20px);color:#63748e;max-width:780px}
  body.woi-public :where(.woi-home-hero,.woi-hero,.woi-page-hero){overflow:hidden}

  /* Article and editorial reading experience */
  body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content){
    max-width:820px;
    color:#344761;
    font-size:17px;
    line-height:1.82;
  }
  body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content) :where(h2,h3){margin-top:2em;margin-bottom:.65em}
  body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content) a{
    color:#0d5ecb;
    text-decoration:underline;
    text-decoration-color:rgba(13,94,203,.35);
  }
  body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content) img{
    max-width:100%;height:auto;border-radius:18px;box-shadow:var(--woi-a11-shadow-soft)
  }

  /* Generic public grids */
  body.woi-public :where(.woi-grid,.woi-card-grid,.woi-services-grid,.woi-opportunity-grid,.woi-events-grid){gap:22px!important}
  body.woi-public :where(.woi-card,.woi-service,.woi-opportunity-card,.woi-event-card,.woi-resource-card){
    border-color:#dbe4ef!important;
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(6,27,61,.055)!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  }
  body.woi-public :where(.woi-card,.woi-service,.woi-opportunity-card,.woi-event-card,.woi-resource-card):hover{
    transform:translateY(-3px);box-shadow:0 22px 50px rgba(6,27,61,.1)!important;border-color:#c6d7eb!important
  }

  /* Standalone public status/auth/document surfaces */
  body.woi-visual-a11-public :where(.login-card,.auth-card,.status-shell,.verify-card,.document-shell),
  body :where(.unified-login-card,.inquiry-status-card,.gp-document-card,.rep-document-public-card){
    border-radius:22px!important;
    border:1px solid #dbe4ef!important;
    box-shadow:0 24px 65px rgba(6,27,61,.11)!important;
  }
  body :where(.inquiry-status-shell,.inquiry-thankyou-shell,.verify-shell,.document-page){max-width:980px;margin-inline:auto}

  /* Global Partner and Representative public profiles */
  body :where(.gpr-card,.gpa-card,.gp-profile-card,.representative-public-card){
    border-radius:18px!important;
    border-color:#dbe4ef!important;
    box-shadow:0 12px 34px rgba(6,27,61,.07)!important;
  }
  body :where(.gpr-toolbar,.gpa-toolbar,.gp-actions){gap:10px;align-items:center}
  body :where(.gpr-badge,.gpa-badge,.gp-badge,.badge){border-radius:999px;font-weight:800;letter-spacing:-.01em}

  /* Footer */
  body.woi-public .woi-footer{margin-top:clamp(48px,7vw,100px);border-top:1px solid rgba(255,255,255,.08)}

  @media (min-width:1440px){
    :root{--woi-a11-shell:min(1460px,calc(100% - 96px))}
    body.woi-public .woi-page{padding-block:clamp(44px,4vw,78px)}
  }

  @media (max-width:1024px){
    :root{--woi-a11-shell:min(100% - 40px,1180px)}
    body.woi-public :where(.woi-intro-line,.woi-page-head) h1{font-size:clamp(36px,7vw,58px)!important}
  }

  @media (max-width:700px){
    :root{--woi-a11-shell:calc(100% - 28px);--woi-a11-radius:16px}
    body.woi-public :where(.woi-intro-line,.woi-page-head) h1{font-size:clamp(32px,10.5vw,45px)!important}
    body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content){font-size:16px;line-height:1.72}
    body.woi-public :where(th,td),body.gp-public :where(th,td),body.mbg-public :where(th,td),body.woi-visual-a11-public :where(th,td){padding:12px 13px}
    body.woi-public :where(.woi-card,.woi-panel,.woi-form-card),body.gp-public :where(.card,.panel),body.mbg-public :where(.card,.panel){border-radius:16px}
  }

  @media (prefers-reduced-motion:reduce){
    body.woi-public *,body.gp-public *,body.mbg-public *,body.woi-visual-a11-public *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  }
}
@media screen {
  body.woi-public .woi-table-scroll-v72328A11,
  body.gp-public .woi-table-scroll-v72328A11,
  body.mbg-public .woi-table-scroll-v72328A11,
  body.woi-visual-a11-public .woi-table-scroll-v72328A11{
    width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--woi-a11-line);border-radius:14px;background:#fff
  }
}
