/* Audit 2: public disclosure, appearance and information surfaces.
   Shared material tokens remain authoritative; no account UI is restyled. */
.nav.nav-audit2 { z-index:90; overflow:visible; background:var(--okg-g1-fill); backdrop-filter:var(--okg-g1-filter); -webkit-backdrop-filter:var(--okg-g1-filter); box-shadow:inset 0 -1px 0 var(--okg-edge-lower),0 8px 24px -22px var(--okg-text-muted); }
.nav.nav-audit2 .navin { position:relative; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; min-height:72px; padding-block:8px; gap:20px; }
.nav.nav-audit2 .brand { flex:0 1 auto; min-width:0; background:none; box-shadow:none; padding:0; border:0; }
.nav.nav-audit2 .brandlogoimg { width:142px; height:auto; max-height:40px; }
.nav.nav-audit2 .brandsub { display:none; }
.nav.nav-audit2 .navright { display:flex; align-items:center; flex-wrap:nowrap; gap:14px; width:auto; }
.nav.nav-audit2 .links { gap:14px; }
.nav.nav-audit2 :is(.audience-trigger,.audience-direct,.loginlink) { position:relative; color:var(--okg-text); font-family:inherit; font-size:14px; font-weight:600; line-height:1.4; white-space:nowrap; display:inline-flex; align-items:center; min-height:44px; padding:8px 0; border:0; border-radius:0; background:none; box-shadow:none; text-decoration:none; }
.nav.nav-audit2 :is(.audience-trigger,.audience-direct,.loginlink)::after { content:""; position:absolute; inset:auto 0 5px; height:2px; background:var(--okg-brand); transform:scaleX(0); transform-origin:left; transition:transform 180ms ease; border-radius:2px; }
.nav.nav-audit2 :is(.audience-trigger,.audience-direct,.loginlink):is(:hover,:focus-visible)::after,
.nav.nav-audit2 .audience-trigger[aria-expanded="true"]::after { transform:scaleX(1); }
.nav.nav-audit2 :is(a,button,input):focus-visible,
.public-appearance-fields .appearance-choice:has(input:focus-visible) { outline:2px solid var(--okg-focus,var(--okg-brand)); outline-offset:4px; }
.nav.nav-audit2 .audience-trigger { gap:5px; }
.nav.nav-audit2 .nav-chevron { width:14px; height:14px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; transition:transform 180ms ease; }
.nav.nav-audit2 [aria-expanded="true"]>.nav-chevron { transform:rotate(180deg); }
.nav.nav-audit2 .nav-link-arrow { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; transition:translate 180ms ease; }
.nav.nav-audit2 .audience-tasks>a:hover .nav-link-arrow { translate:3px 0; }
.nav.nav-audit2 .audience-group { position:relative; }
.nav.nav-audit2 .audience-panel { position:absolute; top:calc(100% + 9px); left:var(--panel-shift,0px); width:var(--public-panel-width,min(610px,calc(100vw - 32px))); box-sizing:border-box; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:start; gap:16px; padding:18px; border-radius:24px; max-height:calc(100dvh - 110px); overflow:auto; overscroll-behavior:contain; animation:none; transform:none; }
.nav.nav-audit2 .audience-group::after { content:""; display:none; position:absolute; inset:100% -10px auto; height:12px; }
.nav.nav-audit2 .audience-group:has([aria-expanded="true"])::after { display:block; }
.nav.nav-audit2 .audience-panel[hidden] { display:none; }
.nav.nav-audit2 .audience-benefit { position:relative; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:10px; padding:14px; min-height:0; border-radius:17px; background:var(--okg-g1-tint); color:var(--okg-text); }
.nav.nav-audit2 .audience-benefit>.eyebrow { font-size:11px; letter-spacing:.08em; margin:0; }
.nav.nav-audit2 .audience-benefit>strong { margin:0; font-size:20px; line-height:1.25; font-weight:650; letter-spacing:-.02em; color:var(--okg-text); }
.nav.nav-audit2 .audience-benefit p { margin:0; font-size:14px; line-height:1.5; color:var(--okg-text-muted); }
.nav.nav-audit2 .audience-preview { display:flex; gap:5px; width:100%; margin-top:4px; }
.nav.nav-audit2 .audience-preview>span { flex:1; min-height:26px; padding:4px 3px; text-align:center; font-size:11px; line-height:1.5; color:var(--okg-text); border:1px solid var(--okg-edge-inner); border-radius:7px; background:var(--okg-accent-soft); opacity:.7; }
.nav.nav-audit2 .audience-preview>span:nth-child(2) { transform:translateY(4px); }
.nav.nav-audit2 .audience-preview>span:nth-child(3) { opacity:.8; }
.nav.nav-audit2 .audience-tasks { min-width:0; }
.nav.nav-audit2 .audience-section-label { display:block; margin:0 8px 7px; font-size:11px; letter-spacing:.06em; line-height:1.4; color:var(--okg-text-muted); }
.nav.nav-audit2 .audience-tasks>a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 8px; margin:0; min-height:44px; border-radius:10px; color:var(--okg-text); text-decoration:none; }
.nav.nav-audit2 .audience-tasks>a>span { display:grid; gap:3px; min-width:0; }
.nav.nav-audit2 .audience-tasks>a strong { font-size:14px; line-height:1.35; font-weight:600; }
.nav.nav-audit2 .audience-tasks>a small { display:block; color:var(--okg-text-muted); font-size:12px; line-height:1.45; font-weight:400; white-space:normal; }
.nav.nav-audit2 .audience-tasks>a:is(:hover,:focus-visible) { background:var(--okg-accent-soft); }
.nav.nav-audit2 .audience-secondary { display:grid; gap:6px; margin-top:8px; padding:12px 8px 0; border-top:1px solid var(--okg-border-subtle); }
.nav.nav-audit2 .audience-secondary a { font-size:13px; line-height:1.4; font-weight:500; padding:4px 0; text-decoration:none; color:var(--okg-text-muted); }
.nav.nav-audit2 .audience-secondary a:hover { color:var(--okg-brand); text-decoration:underline; text-underline-offset:4px; }
.nav.nav-audit2 .audience-panel--appearance { display:block; width:var(--public-panel-width,min(450px,calc(100vw - 32px))); padding:20px; }
.nav.nav-audit2 .public-menu-toggle { display:none; }
/* Appearance cards avoid long, clipped select values and share native radio semantics. */
.public-appearance-fields { display:block; padding:0; margin:0; min-width:0; border:0; color:var(--okg-text); }
.public-appearance-fields>legend { padding:0; font-size:20px; line-height:1.3; font-weight:650; }
.public-appearance-fields fieldset { display:block; min-width:0; padding:0; margin:16px 0 0; border:0; }
.public-appearance-fields fieldset[hidden] { display:none; }
.public-appearance-fields fieldset>legend { padding:0; margin:0 0 8px; font-size:13px; line-height:1.4; font-weight:600; }
.public-appearance-fields .appearance-intro { margin:7px 0 0; color:var(--okg-text-muted); font-size:14px; line-height:1.5; }
.public-appearance-fields .appearance-world-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.public-appearance-fields .appearance-choice { position:relative; display:flex; min-width:0; margin:0; padding:0; border:1px solid var(--okg-border-strong); border-radius:12px; background:var(--okg-g1-tint); cursor:pointer; overflow:hidden; touch-action:manipulation; }
.public-appearance-fields .appearance-choice>input { position:absolute; opacity:0; width:1px; height:1px; margin:0; }
.public-appearance-fields .appearance-choice>span { width:100%; min-width:0; box-sizing:border-box; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; min-height:44px; padding:10px 12px; font-size:13px; line-height:1.4; color:var(--okg-text); overflow-wrap:normal; }
.public-appearance-fields .appearance-choice:has(input:checked) { border-color:var(--okg-brand); background:var(--okg-accent-soft); box-shadow:inset 0 0 0 1px var(--okg-brand); }
.public-appearance-fields .appearance-choice:has(input:checked)>span { color:var(--okg-on-accent-soft,var(--okg-text)); }
.public-appearance-fields .appearance-choice:has(input:disabled) { cursor:default; }
.public-appearance-fields .appearance-choice strong { font-size:15px; line-height:1.4; }
.public-appearance-fields .appearance-choice small { font-size:12px; line-height:1.4; font-weight:400; }
.public-appearance-fields .appearance-swatch { display:block; width:100%; height:30px; margin-bottom:4px; border-radius:7px; box-shadow:inset 1px 1px 2px rgba(255,255,255,.75),inset -1px -1px 2px rgba(70,80,100,.18); }
.public-appearance-fields .appearance-swatch--aeria { background:linear-gradient(120deg,#dce8f0,#efe8de 48%,#e0ece6); }
.public-appearance-fields .appearance-swatch--aurora { background:linear-gradient(120deg,#b8a6ef,#f4d1ba 42%,#ebc4ee 70%,#b2c9ef); }
.public-appearance-fields .appearance-mode-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.public-appearance-fields .appearance-mode-grid .appearance-choice>span { padding:8px 4px; align-items:center; }
.public-appearance-fields .appearance-access-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.public-appearance-fields .appearance-option-stack { display:grid; gap:6px; }
.public-appearance-fields .appearance-world-note { margin:14px 0 0; color:var(--okg-text-muted); font-size:12px; line-height:1.5; }
.public-appearance-fields .appearance-status { margin:8px 0 0; min-height:0; font-size:12px; line-height:1.4; color:var(--okg-text-muted); }
.public-appearance-fields .appearance-status:empty { display:none; }
[data-public-appearance].appearance-footer-shortcut { padding:0; margin:0; background:none; border:0; box-shadow:none; }
.appearance-footer-shortcut::before,.appearance-footer-shortcut::after { content:none!important; }
.public-appearance-footer { display:inline-flex; align-items:center; align-self:flex-start; min-height:44px; padding:8px 0; margin:0; font:inherit; font-size:14px; color:var(--okg-text); background:none; border:0; box-shadow:none; cursor:pointer; text-align:left; text-decoration:underline; text-underline-offset:4px; }
/* Information belongs on the same heading row and stays compact when opened. */
.public-info-heading { display:flex; align-items:center; gap:9px; width:100%; }
.public-info-heading>:is(h2,h3) { flex:1; min-width:0; }
.public-info-heading .info { flex:none; margin-inline-start:auto; }
.home-redesign .trust-list article>div.public-info-heading { padding-inline-end:0; }
.home-redesign .trust-list article .public-info-heading .info { position:static; inset:auto; }
body :is(button.info,button.info-icon,button.info-button) { display:inline-flex; align-items:center; justify-content:center; flex:none; width:44px; min-width:44px; height:44px; min-height:44px; padding:10px; border:0; border-radius:50%; color:var(--okg-text-muted); background:transparent; box-shadow:none; }
body :is(button.info,button.info-icon,button.info-button):is(:hover,:focus-visible) { color:var(--okg-brand); background:var(--okg-accent-soft); }
body :is(button.info,button.info-icon,button.info-button)[aria-expanded="true"] { color:var(--okg-brand); background:var(--okg-accent-soft); }
body .info-vector { width:22px; height:22px; display:block; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; }
body .info-vector-dot { fill:currentColor; stroke:none; }
body .site-info-popover { width:340px; max-width:calc(100vw - 32px); padding:16px; border-radius:20px; z-index:120; color:var(--okg-text); }
body .site-info-popover { scrollbar-gutter:stable; overscroll-behavior:contain; scroll-padding-block:16px; }
body .site-info-popover[hidden],body .site-info-popover.hidden { display:none; }
body .site-popover-heading { display:flex; align-items:flex-start; gap:10px; margin:0 0 8px; padding:0; }
body .site-popover-heading strong { flex:1; padding:2px 0; font-size:15px; line-height:1.4; font-weight:650; }
body .site-popover-heading button { display:flex; justify-content:center; align-items:center; flex:none; width:44px; height:44px; min-width:44px; margin:-10px -8px 0 0; padding:12px; border:0; border-radius:50%; background:transparent; color:var(--okg-text-muted); box-shadow:none; }
body .site-info-popover .site-popover-reading { background:transparent; border:0; box-shadow:none; border-radius:0; padding:0; color:var(--okg-text); font-size:14px; line-height:1.5; }
body .site-info-popover .site-popover-reading :is(p,li,a,strong) { font-size:inherit; line-height:inherit; color:inherit; }
body .site-info-popover .site-popover-reading p { margin:0 0 10px; }
body .site-info-popover .site-popover-reading ul { margin:8px 0 10px; padding-inline-start:20px; }
body .site-info-popover .site-popover-reading li+li { margin-top:6px; }
body .site-info-popover .site-popover-reading a { color:var(--okg-brand); text-decoration:underline; text-underline-offset:3px; }
body .site-info-popover .site-popover-reading>:last-child { margin-bottom:0; }
body [data-phone-toggle] svg,body [data-topic-toggle] svg { display:block; width:18px; height:18px; fill:currentColor; stroke:none; }
body [data-phone-toggle],body [data-topic-toggle] { display:inline-flex; align-items:center; justify-content:center; }
@media(min-width:1024px) and (max-width:1200px) {
  .nav.nav-audit2 .navin { gap:12px; }
  .nav.nav-audit2 .brandlogoimg { width:124px; }
  .nav.nav-audit2 .links,.nav.nav-audit2 .navright { gap:10px; }
  .nav.nav-audit2 :is(.audience-trigger,.audience-direct,.loginlink) { font-size:13px; }
  .nav.nav-audit2 .registerlink { padding-inline:12px; font-size:13px; }
  .nav.nav-audit2 .nav-action-full { display:none; }
  .nav.nav-audit2 .nav-action-short { display:inline; }
}

/* Public soft launch: the application remains intentionally unavailable. */
.public-launch-badge,
.public-launch-note,
.public-launch-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--line, #aeb4c8) 72%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface, #fff) 78%, transparent);
  color: var(--muted, #5e687b);
  font-size: .86rem;
  font-weight: 720;
  line-height: 1.25;
  padding: .58rem .82rem;
  text-decoration: none;
}
.public-launch-status {
  cursor: default;
  opacity: .9;
}
@media (max-width: 760px) {
  .public-launch-badge {
    font-size: .78rem;
    padding: .48rem .65rem;
  }
}
@media(max-width:1023px) {
  .nav.nav-audit2 .navin { min-height:64px; padding-block:8px; gap:12px; }
  .nav.nav-audit2 .navright { gap:10px; }
  .nav.nav-audit2 .public-menu-toggle { display:inline-flex; min-height:44px; font-size:14px; padding:8px 10px; }
  .nav.nav-audit2 .links { position:absolute; top:calc(100% + 8px); left:0; right:0; display:none; align-items:stretch; flex-direction:column; gap:3px; max-height:var(--public-menu-height,calc(100dvh - 90px)); padding:12px; overflow:auto; overscroll-behavior:contain; border-radius:20px; background:linear-gradient(var(--okg-d1-fill),var(--okg-d1-fill)),var(--okg-stage); color:var(--okg-text); box-shadow:var(--okg-shadow); }
  .nav.nav-audit2.public-menu-open .links { display:flex; }
  .nav.nav-audit2 :is(.audience-trigger,.audience-direct) { display:flex; width:100%; justify-content:space-between; font-size:15px; padding:10px 8px; }
  .nav.nav-audit2 .audience-panel { position:relative; top:auto; left:auto; width:100%; max-height:none; grid-template-columns:1fr; padding:14px; gap:12px; margin:4px 0 8px; border-radius:16px; }
  .nav.nav-audit2 .audience-panel--appearance { padding:14px; }
  .nav.nav-audit2 .audience-benefit { padding:0; background:none; }
  .nav.nav-audit2 .audience-benefit>.eyebrow,.nav.nav-audit2 .audience-preview { display:none; }
  .nav.nav-audit2 .audience-benefit>strong { font-size:17px; }
  .nav.nav-audit2 .audience-benefit p { font-size:13px; }
  .nav.nav-audit2 .audience-secondary { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
  .nav.nav-audit2 .navin { width:calc(100% - 24px); min-height:64px; gap:8px; justify-content:space-between; }
  .nav.nav-audit2 .brandlogoimg { width:106px; max-width:100%; max-height:34px; }
  .nav.nav-audit2 .brand { margin:0; flex:0 1 106px; }
  .nav.nav-audit2 .navright { flex:0 0 auto; gap:6px; }
  .nav.nav-audit2 :is(.public-menu-toggle,.loginlink,.registerlink) { min-height:44px; font-size:14px; line-height:1.3; }
  .nav.nav-audit2 .public-menu-toggle { padding:8px; }
  .nav.nav-audit2 .loginlink { padding:8px 2px; }
  .nav.nav-audit2 .registerlink.primary-nav-action { padding:8px 10px; font-size:14px; min-height:44px; border-radius:12px; }
  .nav.nav-audit2 .nav-action-full { display:none; }
  .nav.nav-audit2 .nav-action-short { display:inline; }
}
@media(max-width:359px) {
  .nav.nav-audit2 .brand { flex:0 0 34px; width:34px; overflow:hidden; }
  .nav.nav-audit2 .brandlogoimg { width:120px; max-width:none; height:34px; object-fit:contain; object-position:left center; }
  .nav.nav-audit2 .navright { gap:8px; }
  .public-appearance-fields .appearance-world-grid,.public-appearance-fields .appearance-access-grid { grid-template-columns:1fr; }
  .public-appearance-fields .appearance-mode-grid { grid-template-columns:1fr 1fr; }
}
@media(prefers-reduced-motion:reduce) {
  .nav.nav-audit2 :is(.nav-chevron,.nav-link-arrow)::after,.nav.nav-audit2 :is(.nav-chevron,.nav-link-arrow),.nav.nav-audit2 :is(.audience-trigger,.audience-direct,.loginlink)::after { transition:none; }
}
[data-okg-reduced-motion="true"] .nav.nav-audit2 :is(.nav-chevron,.nav-link-arrow),
[data-okg-reduced-motion="true"] .nav.nav-audit2 :is(.audience-trigger,.audience-direct,.loginlink)::after { transition:none; }
@media(forced-colors:active) {
  .nav.nav-audit2 .audience-panel,.public-appearance-fields .appearance-choice,body .site-info-popover { border:1px solid CanvasText; background:Canvas; color:CanvasText; }
  .public-appearance-fields .appearance-choice:has(input:checked) { outline:2px solid Highlight; }
}

@media(min-width:1024px) {
  .nav.nav-audit2 .links { display:flex; position:static; flex-direction:row; align-items:center; max-height:none; overflow:visible; padding:0; border:0; background:none; box-shadow:none; }
  .nav.nav-audit2 .audience-trigger { width:auto; justify-content:flex-start; }
  .nav.nav-audit2 .audience-secondary { grid-template-columns:1fr; }
}
body .site-popover-heading button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; }
[data-public-appearance].appearance-footer-shortcut>summary[hidden] { display:none; }
[data-public-appearance].appearance-footer-shortcut[hidden],html.no-js [data-preference-trigger="display"] { display:none; }
/* Author styles must not override an access-policy hidden attribute. */
