/* VERIFIED shared content container + organization profile tab panels (JM briefs, 18 Oct 2026).
   One token for the public content width; the profile (hero, tabs, banner, panels) and the site footer sit on it. */
:root{--v-container:1120px;--v-gutter:32px;--v-card-r:14px;--v-card-pad:24px;--v-card-gap:20px}
@media (max-width:1023px){:root{--v-gutter:24px}}
@media (max-width:767px){:root{--v-gutter:20px;--v-card-pad:18px}}

/* profile shell: one width for owner banner, hero content, tab bar and every tab (backgrounds stay full width) */
html body.vop-page .vop.vop,html body.vop-page .vor.vor{max-width:calc(var(--v-container) + 2 * var(--v-gutter)) !important;padding-left:var(--v-gutter) !important;padding-right:var(--v-gutter) !important;box-sizing:border-box}
body.vop-page .vor .vor-navband .vop-tabs{max-width:none}
/* the theme's global padding would add a second, wider gutter around the profile on smaller screens */
body.vop-page .wp-block-post-content:has(> .vop),body.vop-page .wp-block-post-content:has(> .vor){padding-left:0 !important;padding-right:0 !important}
body.vop-page .vop{padding-bottom:64px !important}

/* site footer on the same grid */
html body footer.wp-block-template-part .vf3{max-width:var(--v-container) !important;width:calc(100% - 2 * var(--v-gutter)) !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box !important}

/* every tab: panels start at the same distance below the tabs */
html body.vop-page .vop .vop-panel.vop-panel{margin-top:var(--v-card-gap) !important}

/* white cards: About is the reference */
body.vop-page .vpp-stack.vox{gap:var(--v-card-gap) !important}
body.vop-page .vpp-stack.vox > .vop-block,
body.vop-page .vop-panel .vvh,
body.vop-page .vop-panel.vpz:has(> .vop-vh),
body.vop-page .vtc{background:#fff !important;border-radius:var(--v-card-r) !important;padding:var(--v-card-pad) !important;box-sizing:border-box}
body.vop-page .vop-panel:has(> .vtc){background:transparent !important;padding:0 !important;border:0 !important;box-shadow:none !important}

/* panel headings: same size and weight as About's */
body.vop-page .vtc-h,
body.vop-page .vop-panel .vvh-h,
body.vop-page .vop-panel.vpz > .vop-vh h2{margin:0 !important;font-size:18px !important;font-weight:700 !important;letter-spacing:-.18px !important;line-height:1.3 !important;color:#0A2A5E !important}
body.vop-page .vop-panel .vvh-p,
body.vop-page .vop-panel.vpz > .vop-vh p:not(.vop-repck){margin:4px 0 0 !important;font-size:14.5px !important;line-height:1.5 !important;color:#5F6B7A !important}
body.vop-page .vop-panel .vvh-head{margin-bottom:18px !important}
body.vop-page .vop-panel.vpz > .vop-vh .vop-repck{margin:8px 0 0 !important;font-size:14px !important}
body.vop-page .vop-panel.vpz > .vop-pgroup{margin-top:24px !important}

/* panel header: title left, owner action right (same small text link everywhere) */
body.vop-page .vtc-hd{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
body.vop-page .vtc-act{flex:none;white-space:nowrap;font-size:14px !important;font-weight:600 !important;line-height:1.4 !important;color:#114B9B !important;text-decoration:none !important}
body.vop-page .vtc-act:hover{text-decoration:underline !important}

/* sections inside a panel, split by a hairline */
body.vop-page .vtc-sec{margin:16px 0 0;padding:16px 0 0;border-top:1px solid #EEF1F5}
body.vop-page .vtc-hd + .vtc-sec{margin-top:12px;padding-top:0;border-top:0}
body.vop-page .vtc-sh{margin:0 0 10px !important;font-size:14px !important;font-weight:650 !important;line-height:1.4 !important;color:#344054 !important;letter-spacing:0 !important}
body.vop-page .vtc-note{margin:20px 0 0 !important;padding:14px 0 0 !important;border-top:1px solid #EEF1F5;font-size:12.5px !important;line-height:1.55 !important;color:#6B7A90 !important}
body.vop-page .vtc-note p{font-size:12.5px !important;color:#6B7A90 !important}

/* Locations: compact rows instead of nested bordered cards */
body.vop-page .vtc .vlct-list{gap:0}
body.vop-page .vtc .vlct-loc{border:0;border-top:1px solid #EEF1F5;border-radius:10px;padding:12px 10px;margin:0 -10px}
body.vop-page .vtc .vlct-loc:first-child{border-top-color:transparent}
body.vop-page .vtc .vlct-loc[data-vlct-pin]:hover{background:#F7F9FC}
body.vop-page .vtc .vlct-loc.is-on{background:#F1F6FD;box-shadow:inset 0 0 0 1px #C9D9F0}
body.vop-page .vtc .vlct-modes{margin:0 !important;padding:0 !important;border:0}

@media (max-width:640px){
  body.vop-page .vtc-hd{flex-wrap:wrap;gap:4px 12px}
}
/* footer columns at the 1,120px width: brand narrower, link columns sized to their content and evenly spaced */
@media (min-width:1200px){
  html body footer.wp-block-template-part .vf3.vf4 .vf3-top{grid-template-columns:200px minmax(0,1fr) !important;column-gap:48px !important}
  html body footer.wp-block-template-part .vf3.vf4 .vf3-nav{grid-template-columns:repeat(5,max-content) !important;justify-content:space-between !important;column-gap:24px !important}
}

/* ===== Header navigation hierarchy (JM brief, 18 Oct 2026) =====
   Signed out: Explore | Verify | Sign in | Join VERIFIED, with Join VERIFIED the only blue pill.
   Signed in: Explore | Verify (blue pill) | Notifications | Profile, unchanged apart from type size. */
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz){column-gap:22px !important}
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > *{margin-left:0 !important;margin-right:0 !important}
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > .vxp-btn,
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > button.vgh-livet.is-guest,
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > a.login-link{align-items:center;gap:4px;height:40px !important;min-height:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:#0A2A5E !important;font-size:14px !important;font-weight:500 !important;line-height:1 !important;text-decoration:none !important;cursor:pointer}
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > button.vgh-livet.is-guest:hover,
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > .vxp-btn:hover,
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > a.login-link:hover,
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > button.vgh-livet.is-guest[aria-expanded=true],
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > .vxp-btn[aria-expanded=true]{background:transparent !important;color:#114B9B !important;text-decoration:none !important}
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > button.vgh-livet.is-guest .vgh-chev,
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > .vxp-btn .vxp-chev{width:14px;height:14px;color:currentColor;opacity:.75}
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > button.vgh-livet.is-guest:focus-visible,
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > .vxp-btn:focus-visible,
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > a.login-link:focus-visible{outline:2px solid #114B9B !important;outline-offset:4px;border-radius:6px !important}
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > a.btn.btn-primary.apply-button,
html body.vh-cta-a:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > a.btn.btn-primary.apply-button{display:inline-flex !important;align-items:center;justify-content:center;height:40px !important;min-height:0 !important;padding:0 18px !important;border:0 !important;border-radius:999px !important;background:#114B9B !important;background-image:none !important;color:#fff !important;font-size:14px !important;font-weight:600 !important;line-height:1 !important;box-shadow:none !important;text-decoration:none !important}
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > a.btn.btn-primary.apply-button:hover,
html body.vh-cta-a:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > a.btn.btn-primary.apply-button:hover{background:#0D3E82 !important;color:#fff !important;text-decoration:none !important}
/* signed in: the same 14px type for the text items */
html body.logged-in header .vgh-acts .vxp-btn{font-size:14px !important}
html body.logged-in header .vgh-acts > .vgh-new:not(#vx):not(#vy):not(#vz){font-size:14px !important}
@media (max-width:900px){
  html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz){column-gap:14px !important}
  html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > a.btn.btn-primary.apply-button{height:38px !important;padding:0 14px !important;font-size:13.5px !important}
}html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > button.vgh-livet.is-guest:not(#va):not(#vb):not(#vc){margin:0 !important}
@media (min-width:900px){
  html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > .vxp-btn,html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > button.vgh-livet.is-guest:not(#va):not(#vb):not(#vc),html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > a.login-link{display:inline-flex !important}
}
html body:not(.logged-in) header .header-actions:not(#vx):not(#vy):not(#vz) > button.vgh-livet.is-guest:not(#va):not(#vb):not(#vc) .vgh-chev{display:inline-block !important;width:14px !important;height:14px !important;opacity:.75 !important;color:inherit !important;stroke:currentColor !important}

/* Header: Advertise between Explore and Verify on desktop (JM brief, 18 Oct 2026); phones reach it inside Explore */
a.vxp-adv{display:none}
html body header .header-actions > a.vxp-adv{order:-2 !important}
.vgh-acts > a.vxp-adv{order:-2}
@media (min-width:900px){
html body header .header-actions:not(#vx):not(#vy):not(#vz) > a.vxp-adv,html body header .vgh-acts:not(#vx):not(#vy) > a.vxp-adv{display:inline-flex !important;align-items:center;height:40px;margin:0;padding:0 !important;border:0 !important;background:transparent !important;color:#0A2A5E !important;font-family:Inter,system-ui,sans-serif;font-size:14px !important;font-weight:500 !important;line-height:1 !important;text-decoration:none !important;white-space:nowrap}
html body header .vgh-acts:not(#vx):not(#vy) > a.vxp-adv{height:36px;padding:0 10px !important;border-radius:999px}
html body header .header-actions:not(#vx):not(#vy):not(#vz) > a.vxp-adv:hover{color:#114B9B !important}
html body header .vgh-acts:not(#vx):not(#vy) > a.vxp-adv:hover{background:#F2F4F7 !important}
html body header a.vxp-adv:focus-visible{outline:2px solid #114B9B !important;outline-offset:4px;border-radius:6px}
}

/* Signed-in header (19 Oct 2026): keep the Advertise hover pill clear of Explore and the Verify button */
html body header .vgh-acts:not(#vx):not(#vy):not(#vz) > a.vxp-adv{margin:0 8px 0 4px !important}

/* Form submit buttons (19 Oct 2026): match the site's pill buttons, no browser border */
html body button.vlv-btn:not(#vx){display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;min-height:48px;padding:0 26px;border:0 !important;border-radius:999px;background:#114B9B;color:#fff;box-shadow:none !important;font-family:Inter,system-ui,sans-serif;font-size:15.5px;font-weight:650;line-height:1;cursor:pointer;transition:background .15s}
html body button.vlv-btn:not(#vx):hover{background:#0D3E82}
html body button.vlv-btn:not(#vx):focus-visible{outline:2px solid #114B9B;outline-offset:3px}
html body button.vlv-btn:not(#vx)[disabled]{opacity:.6;cursor:default}