/* ========================================================
   DIU Sustainability - People & Wellbeing Module Styles
   Scoped under .people-wellbeing-scope
   ======================================================== */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500;6..72,600&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap');

.people-wellbeing-scope {
  min-height: 60vh;
  padding: 24px 0 60px 0;
  display: block;
}

/* Ensure no conflicts with Bootstrap */
.people-wellbeing-scope * {
  box-sizing: border-box;
}

.people-wellbeing-scope a {
  text-decoration: none;
}
.people-wellbeing-scope a:hover {
  text-decoration: underline;
}
.people-wellbeing-scope .ocard,
.people-wellbeing-scope .sdgc,
.people-wellbeing-scope .chip,
.people-wellbeing-scope .subnav a,
.people-wellbeing-scope .btn {
  text-decoration: none !important;
}

/* Button overrides to ensure DIU styling over Bootstrap */
.people-wellbeing-scope .btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--brand) !important;
  color: #ffffff !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  font: 600 14px var(--f-body) !important;
  border: 1px solid var(--brand) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  box-shadow: none !important;
}
.people-wellbeing-scope .btn:hover {
  background: var(--brand-2) !important;
  color: #ffffff !important;
  border-color: var(--brand-2) !important;
}
.people-wellbeing-scope .btn.ghost {
  background: transparent !important;
  color: var(--brand) !important;
  border: 1px solid var(--line) !important;
}
.people-wellbeing-scope .btn.ghost:hover {
  background: var(--soft) !important;
  color: var(--brand-2) !important;
}

/* Hide unused static site header/footer/util elements if present */
.people-wellbeing-scope .util,
.people-wellbeing-scope header.main,
.people-wellbeing-scope footer,
.people-wellbeing-scope .gtoggle,
.people-wellbeing-scope .newpill,
.people-wellbeing-scope .gnote,
.people-wellbeing-scope .gapbox,
.people-wellbeing-scope .feedadd,
.people-wellbeing-scope .eviact,
.people-wellbeing-scope .slotx,
.people-wellbeing-scope .pcapin,
.people-wellbeing-scope .feedform {
  display: none !important;
}

/* Slots: show only filled photo slots */
.people-wellbeing-scope .slot:not(.filled) {
  display: none !important;
}
.people-wellbeing-scope .slot {
  cursor: default !important;
  pointer-events: none !important;
}
.people-wellbeing-scope .slot input[type=file] {
  display: none !important;
}

/* Highlights on scroll */
.people-wellbeing-scope .rblock.flash,
.people-wellbeing-scope #rb-ev.flash,
.people-wellbeing-scope .contact.flash,
.people-wellbeing-scope .rcta.flash {
  box-shadow: 0 0 0 3px var(--accent) !important;
  transition: box-shadow 0.3s ease;
}

/* Subnav adjustments for sticky inside master layout */
.people-wellbeing-scope .subnav {
  position: sticky;
  top: 100px;
  z-index: 10;
}



/* Colour concept (from the DIU Brand Guideline): Blue = the institution, Green = sustainability impact.
   Brand anchors: DIU Blue #034EA2, DIU Green #39B54A, DIU Black #58595B/#636466, highlights #FFCB05 #FAA61A #ED1C24.
   Derived web shades (marked "derived") keep text readable: brand green on white is only 2.7:1. */
.people-wellbeing-scope{
  --bg:#F1F2F2; --surface:#FFFFFF; --ink:#1B2B45; --muted:#58595B; --line:#E0E1E3;
  --brand:#034EA2; --brand-2:#023A7A; --foot:#012B5C; --on-brand:#FFFFFF;
  --accent:#23752F; --green:#39B54A; --green-soft:#E4F1DE; --green-ink:#23752F;
  --soft:#EAF3FB; --blue-soft:#D4E7F7; --focus:#0072BC;
  --hero-bg:#023A7A; --hero-ink:#FFFFFF; --hero-sub:#D4E7F7; --hero-eyebrow:#9AC8EC; --hero-hl:#FFCB05; --hero-line:rgba(255,255,255,.16);
  --band-ink:#D4E7F7; --band-head:#9AC8EC;
  --note-bg:#FFF5CC; --note-ink:#6B5300; --note-line:#FFCB05;
  --the:#8A1D5C; --qs:#034EA2; --gm:#23752F; --gap:#C9252C; --data:#58595B;
  --f-display:"Newsreader", Georgia, "Times New Roman", serif;
  --f-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --r:10px;
}
@media (prefers-color-scheme: dark){.people-wellbeing-scope:not([data-theme="light"]){
  --bg:#0A1526; --surface:#111F36; --ink:#E7EEF7; --muted:#A9B6C7; --line:#22324D;
  --brand:#53B7E8; --brand-2:#071A33; --foot:#050F1E; --on-brand:#04203F;
  --accent:#84C98B; --green:#39B54A; --green-soft:#15301C; --green-ink:#84C98B;
  --soft:#16294A; --blue-soft:#1B3560; --focus:#9AC8EC;
  --hero-bg:#0B2A55; --hero-ink:#FFFFFF; --hero-sub:#D4E7F7; --hero-eyebrow:#9AC8EC; --hero-hl:#FFCB05; --hero-line:rgba(255,255,255,.14);
  --band-ink:#C9D7E8; --band-head:#9AC8EC;
  --note-bg:#2E2708; --note-ink:#FFE27A; --note-line:#8A6D00;
  --the:#E28AB6; --qs:#9AC8EC; --gm:#9FD18B; --gap:#FF7A7F; --data:#A9B6C7; color-scheme:dark}}
.people-wellbeing-scope[data-theme="dark"]{
  --bg:#0A1526; --surface:#111F36; --ink:#E7EEF7; --muted:#A9B6C7; --line:#22324D;
  --brand:#53B7E8; --brand-2:#071A33; --foot:#050F1E; --on-brand:#04203F;
  --accent:#84C98B; --green:#39B54A; --green-soft:#15301C; --green-ink:#84C98B;
  --soft:#16294A; --blue-soft:#1B3560; --focus:#9AC8EC;
  --hero-bg:#0B2A55; --hero-ink:#FFFFFF; --hero-sub:#D4E7F7; --hero-eyebrow:#9AC8EC; --hero-hl:#FFCB05; --hero-line:rgba(255,255,255,.14);
  --band-ink:#C9D7E8; --band-head:#9AC8EC;
  --note-bg:#2E2708; --note-ink:#FFE27A; --note-line:#8A6D00;
  --the:#E28AB6; --qs:#9AC8EC; --gm:#9FD18B; --gap:#FF7A7F; --data:#A9B6C7; color-scheme:dark}

.people-wellbeing-scope *{box-sizing:border-box}
.people-wellbeing-scope{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;margin:0}
.people-wellbeing-scope a{color:var(--brand)} .people-wellbeing-scope a:hover{text-decoration-thickness:2px}
.people-wellbeing-scope :focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}
.people-wellbeing-scope h1,.people-wellbeing-scope h2,.people-wellbeing-scope h3{font-family:var(--f-display);font-weight:600;line-height:1.15;text-wrap:balance;margin:0}
.people-wellbeing-scope h1{font-size:clamp(28px,4.2vw,44px)} .people-wellbeing-scope h2{font-size:clamp(22px,2.6vw,28px)} .people-wellbeing-scope h3{font-size:19px}
.people-wellbeing-scope p{margin:0}
.people-wellbeing-scope .wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.people-wellbeing-scope .eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:600}

/* Utility bar + header */
.people-wellbeing-scope body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--surface)}
.people-wellbeing-scope .util{background:var(--foot);color:var(--band-ink);font-size:13px}
.people-wellbeing-scope .util .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-block:7px;flex-wrap:wrap}
.people-wellbeing-scope .util a{color:var(--band-ink);text-decoration:none} .people-wellbeing-scope .util a:hover{text-decoration:underline}
.people-wellbeing-scope .util nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.people-wellbeing-scope .gtoggle{display:inline-flex;align-items:center;gap:8px;background:var(--note-bg);color:var(--note-ink);border:1px solid var(--note-line);border-radius:99px;padding:3px 10px 3px 6px;font:600 12px var(--f-body);cursor:pointer}
.people-wellbeing-scope .gtoggle .sw{width:26px;height:14px;border-radius:9px;background:var(--note-line);position:relative}
.people-wellbeing-scope .gtoggle .sw::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--note-ink);transition:left .15s}
.people-wellbeing-scope body.guide-on .gtoggle .sw::after{left:14px}
.people-wellbeing-scope header.main{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.people-wellbeing-scope header.main .wrap{display:flex;align-items:center;gap:20px;padding-block:12px}
.people-wellbeing-scope .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.people-wellbeing-scope .logoslot{width:124px;height:44px;border:1.5px dashed var(--line);border-radius:6px;display:grid;place-items:center;font:500 11px var(--f-mono);color:var(--muted);flex:none}
.people-wellbeing-scope .sitename{border-left:2px solid var(--green);padding-left:12px}
.people-wellbeing-scope .logo .mark{width:38px;height:38px;border-radius:50%;background:var(--brand);display:grid;place-items:center}
.people-wellbeing-scope .logo .mark svg{width:22px;height:22px}
.people-wellbeing-scope .logo b{font-family:var(--f-display);font-size:19px;display:block;line-height:1}
.people-wellbeing-scope .logo small{font-size:11.5px;color:var(--muted);display:block}
.people-wellbeing-scope .primary{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.people-wellbeing-scope .primary a{padding:8px 11px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500;font-size:14.5px}
.people-wellbeing-scope .primary a:hover{background:var(--soft)}
.people-wellbeing-scope .primary a.on{background:var(--brand);color:var(--on-brand)}
.people-wellbeing-scope .menubtn{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:7px 12px;font:500 14px var(--f-body);cursor:pointer}
@media (max-width:1100px){
  .people-wellbeing-scope .menubtn{display:block}
  .people-wellbeing-scope .primary{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;padding:8px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
  .people-wellbeing-scope .primary.open{display:flex}
}

/* Guide notes */
.people-wellbeing-scope .gnote{display:none;background:var(--note-bg);color:var(--note-ink);border:1px dashed var(--note-line);border-radius:var(--r);padding:12px 14px;font-size:13.5px;line-height:1.5}
.people-wellbeing-scope body.guide-on .gnote{display:block}
.people-wellbeing-scope .gnote b.lbl{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}
.people-wellbeing-scope .gnote ul{margin:6px 0 0;padding-left:18px}

/* Breadcrumb */
.people-wellbeing-scope .crumbs{font-size:13px;color:var(--muted);padding-block:14px 0}
.people-wellbeing-scope .crumbs a{color:var(--muted)}
.people-wellbeing-scope main{padding-block:0 56px;min-height:60vh}

/* Home */
.people-wellbeing-scope .hero{background:var(--hero-bg);color:var(--hero-sub);border-bottom:5px solid var(--green)}
.people-wellbeing-scope .hero .wrap{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;padding-block:52px 44px;align-items:end}
.people-wellbeing-scope .hero h1{color:var(--hero-ink)}
.people-wellbeing-scope .hero p.lead{font-size:17px;max-width:56ch;margin-top:14px;color:var(--hero-sub)}
.people-wellbeing-scope .hero .eyebrow{color:var(--hero-eyebrow)}
.people-wellbeing-scope .stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hero-line);border-radius:var(--r);overflow:hidden}
.people-wellbeing-scope .stat{background:var(--hero-bg);padding:14px 16px}
.people-wellbeing-scope .stat .n{font-family:var(--f-display);font-size:30px;color:var(--hero-ink);font-variant-numeric:tabular-nums}
.people-wellbeing-scope .stat .l{font-size:12.5px;color:var(--hero-sub)}
.people-wellbeing-scope .stat .ex{font:500 10px var(--f-mono);color:var(--hero-hl);letter-spacing:.05em}
@media (max-width:820px){.people-wellbeing-scope .hero .wrap{grid-template-columns:1fr}}
.people-wellbeing-scope section.band{padding-block:40px}
.people-wellbeing-scope .sechead{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.people-wellbeing-scope .doors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.people-wellbeing-scope .door{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;transition:border-color .15s, transform .15s}
.people-wellbeing-scope .door:hover{border-color:var(--green);box-shadow:inset 0 -3px 0 var(--green);transform:translateY(-2px)}
.people-wellbeing-scope .door .who{font-size:12.5px;color:var(--muted)}
.people-wellbeing-scope .door .go{margin-top:auto;color:var(--brand);font-weight:600;font-size:14px}
@media (max-width:760px){.people-wellbeing-scope .doors{grid-template-columns:1fr}}
.people-wellbeing-scope .sdgwheel{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}
.people-wellbeing-scope .sdg{aspect-ratio:1;max-width:100%;border-radius:8px;color:#fff;text-decoration:none;padding:7px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;line-height:1.15;font-weight:600}
.people-wellbeing-scope .sdg .num{font-family:var(--f-display);font-size:24px;line-height:1}
.people-wellbeing-scope .sdg:hover{filter:brightness(1.1)}
.people-wellbeing-scope .sdg.all{background:var(--surface);color:var(--brand);border:1px solid var(--line)}
@media (max-width:860px){.people-wellbeing-scope .sdgwheel{grid-template-columns:repeat(6,1fr)}}
@media (max-width:480px){.people-wellbeing-scope .sdgwheel{grid-template-columns:repeat(4,1fr)} .people-wellbeing-scope .sdg .t{display:none}}
.people-wellbeing-scope .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:860px){.people-wellbeing-scope .cards3{grid-template-columns:1fr}}
.people-wellbeing-scope .story{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.people-wellbeing-scope .story .img{aspect-ratio:16/9;max-width:100%;background:repeating-linear-gradient(135deg,var(--blue-soft) 0 10px,var(--soft) 10px 20px);display:grid;place-items:center;color:var(--muted);font-size:12px}
.people-wellbeing-scope .story .body{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.people-wellbeing-scope .split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.people-wellbeing-scope .split{grid-template-columns:1fr}}
.people-wellbeing-scope .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.people-wellbeing-scope .chips{display:flex;flex-wrap:wrap;gap:8px}
.people-wellbeing-scope .chip{border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:13px;background:var(--surface);color:var(--ink)}
.people-wellbeing-scope .btn{display:inline-block;background:var(--brand);color:var(--on-brand);padding:9px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;border:0;cursor:pointer}
.people-wellbeing-scope .btn.ghost{background:none;color:var(--brand);border:1px solid var(--brand)}
.people-wellbeing-scope .events{display:flex;flex-direction:column}
.people-wellbeing-scope .ev{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--line)}
.people-wellbeing-scope .ev:first-child{border-top:0}
.people-wellbeing-scope .ev .d{font:500 12px var(--f-mono);color:var(--brand);min-width:64px}

/* Section + sub pages */
.people-wellbeing-scope .pagehead{padding-block:18px 22px;display:flex;flex-direction:column;gap:10px}
.people-wellbeing-scope .pagehead p{color:var(--muted);max-width:68ch;font-size:16px}
.people-wellbeing-scope .layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.people-wellbeing-scope .subnav{position:sticky;top:90px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:8px}
.people-wellbeing-scope .subnav .h{padding:8px 10px 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.people-wellbeing-scope .subnav a{display:block;padding:8px 10px;border-radius:7px;text-decoration:none;color:var(--ink);font-size:14px}
.people-wellbeing-scope .subnav a:hover{background:var(--soft)}
.people-wellbeing-scope .subnav a.on{background:var(--soft);color:var(--brand);font-weight:600;box-shadow:inset 3px 0 0 var(--brand)}
@media (max-width:860px){
  .people-wellbeing-scope .layout{grid-template-columns:1fr}
  .people-wellbeing-scope .subnav{position:static;display:flex;overflow-x:auto;gap:4px;padding:6px}
  .people-wellbeing-scope .subnav .h{display:none}
  .people-wellbeing-scope .subnav a{white-space:nowrap;flex:none}
}
.people-wellbeing-scope .content{display:flex;flex-direction:column;gap:18px;min-width:0}
.people-wellbeing-scope .who-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted)}
.people-wellbeing-scope .aud{background:var(--green-soft);color:var(--green-ink);border-radius:99px;padding:2px 10px;font-size:12.5px;font-weight:500}
.people-wellbeing-scope .blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:640px){.people-wellbeing-scope .blocks{grid-template-columns:1fr}}
.people-wellbeing-scope .block{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:6px}
.people-wellbeing-scope .block .ph{height:58px;border-radius:6px;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--bg) 8px 16px);margin-top:4px}
.people-wellbeing-scope .block p{color:var(--muted);font-size:14px}
.people-wellbeing-scope .evlist{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.people-wellbeing-scope .evlist .row{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:center;flex-wrap:wrap}
.people-wellbeing-scope .evlist .row:first-child{border-top:0}
.people-wellbeing-scope .evlist .row a{font-weight:500}
.people-wellbeing-scope .evlist .meta{font:500 11.5px var(--f-mono);color:var(--muted)}
.people-wellbeing-scope .tagbox{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.people-wellbeing-scope .tags{display:flex;flex-wrap:wrap;gap:6px}
.people-wellbeing-scope .tag{font:500 11.5px var(--f-mono);border-radius:5px;padding:2px 7px;border:1px solid currentColor;text-decoration:none;white-space:nowrap}
.people-wellbeing-scope .tag.THE{color:var(--the)} .people-wellbeing-scope .tag.QS{color:var(--qs)} .people-wellbeing-scope .tag.GM{color:var(--gm)}
.people-wellbeing-scope .overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.people-wellbeing-scope .ocard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px}
.people-wellbeing-scope .ocard:hover{border-color:var(--brand)}
.people-wellbeing-scope .ocard p{color:var(--muted);font-size:14px}

/* SDG hub */
.people-wellbeing-scope .sdghead{border-radius:var(--r);color:#fff;padding:24px;display:flex;gap:18px;align-items:center}
.people-wellbeing-scope .sdghead .num{font-family:var(--f-display);font-size:56px;line-height:1}
.people-wellbeing-scope .tpl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:760px){.people-wellbeing-scope .tpl{grid-template-columns:1fr}}

/* Tables */
.people-wellbeing-scope .tablewrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.people-wellbeing-scope table{border-collapse:collapse;width:100%;font-size:13.5px}
.people-wellbeing-scope th,.people-wellbeing-scope td{text-align:left;padding:9px 12px;border-top:1px solid var(--line);vertical-align:top}
.people-wellbeing-scope thead th{border-top:0;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--soft)}
.people-wellbeing-scope td.code{font:500 12.5px var(--f-mono);white-space:nowrap}
.people-wellbeing-scope tr.grp td{background:var(--bg);font-weight:600;font-family:var(--f-display);font-size:15px}
.people-wellbeing-scope .st{font:600 10.5px var(--f-mono);letter-spacing:.04em;border-radius:4px;padding:2px 6px;white-space:nowrap}
.people-wellbeing-scope .st.ev{background:var(--green-soft);color:var(--green-ink)} .people-wellbeing-scope .st.d{background:var(--bg);color:var(--data);border:1px solid var(--line)}
.people-wellbeing-scope .st.b{background:var(--bg);color:var(--qs);border:1px solid var(--line)} .people-wellbeing-scope .st.gap{color:var(--gap);border:1px solid var(--gap)}
.people-wellbeing-scope .tabs{display:flex;gap:6px;flex-wrap:wrap}
.people-wellbeing-scope .tabs button{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 14px;font:600 14px var(--f-body);cursor:pointer}
.people-wellbeing-scope .tabs button.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.people-wellbeing-scope .legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);align-items:center}

/* Evidence template */
.people-wellbeing-scope .evpage{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:16px}
.people-wellbeing-scope .kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.people-wellbeing-scope .kv div{background:var(--surface);padding:10px 12px}
.people-wellbeing-scope .kv span{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.people-wellbeing-scope .kv b{font-weight:500;font-size:14px}
@media (max-width:640px){.people-wellbeing-scope .kv{grid-template-columns:1fr 1fr}}
.people-wellbeing-scope .doc{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px}
.people-wellbeing-scope .doc .ic{width:38px;height:46px;border-radius:4px;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;font:600 10px var(--f-mono);color:var(--brand)}
.people-wellbeing-scope .numlabel{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--note-ink);color:var(--note-bg);font:600 12px var(--f-body);margin-right:6px}

/* Guide page */
.people-wellbeing-scope .guide h2{margin-top:8px}
.people-wellbeing-scope .guide .gtable td:first-child{font-weight:600;width:28%}
.people-wellbeing-scope .gloss{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:700px){.people-wellbeing-scope .gloss{grid-template-columns:1fr}}
.people-wellbeing-scope .gloss .block b{font-family:var(--f-display);font-size:17px}
.people-wellbeing-scope .prose{max-width:72ch;display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.people-wellbeing-scope .prose p{color:var(--muted)}

.people-wellbeing-scope .flow{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:4px 0 8px}
.people-wellbeing-scope .fcol{display:flex;flex-direction:column;gap:8px;flex:none}
.people-wellbeing-scope .fbox{display:block;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;text-decoration:none;color:var(--ink);font-weight:600;font-size:13.5px;min-width:150px}
.people-wellbeing-scope .fbox small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.people-wellbeing-scope .fbox.main{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.people-wellbeing-scope .fbox.main small{color:var(--on-brand);opacity:.85}
.people-wellbeing-scope .farr{color:var(--green);font-size:20px;flex:none}
/* palette page */
.people-wellbeing-scope .swgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.people-wellbeing-scope .sw{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.people-wellbeing-scope .sw .c{height:64px;display:flex;align-items:flex-end;padding:6px 8px;font:600 11px var(--f-mono)}
.people-wellbeing-scope .sw .m{padding:8px 10px;font-size:12.5px;display:flex;flex-direction:column;gap:2px}
.people-wellbeing-scope .sw .m b{font-size:13px}
.people-wellbeing-scope .sw .m code{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.people-wellbeing-scope .tagd{font:600 9.5px var(--f-mono);letter-spacing:.05em;border-radius:3px;padding:0 4px;width:fit-content}
.people-wellbeing-scope .tagd.brand{background:var(--soft);color:var(--brand)} .people-wellbeing-scope .tagd.der{background:var(--green-soft);color:var(--green-ink)}
.people-wellbeing-scope .ratio{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.people-wellbeing-scope .ratio:first-child{border-top:0}
.people-wellbeing-scope .ratio .demo{min-width:120px;padding:6px 10px;border-radius:6px;font-weight:600;font-size:14px;border:1px solid var(--line)}
.people-wellbeing-scope .ratio .r{font:600 12px var(--f-mono);min-width:56px}
.people-wellbeing-scope .ok{color:var(--green-ink)} .people-wellbeing-scope .bad{color:var(--gap)}
.people-wellbeing-scope .mock{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#F1F2F2}
.people-wellbeing-scope footer{background:var(--foot);color:var(--band-ink);font-size:13.5px;border-top:5px solid var(--green)}
.people-wellbeing-scope footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding-block:32px}
.people-wellbeing-scope footer a{color:#FFFFFF;text-decoration:none;display:block;padding:2px 0} .people-wellbeing-scope footer a:hover{text-decoration:underline}
.people-wellbeing-scope footer h4{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--band-head)}
@media (max-width:760px){.people-wellbeing-scope footer .wrap{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.people-wellbeing-scope *{transition:none!important}}

/* Rich sub-page (Accessible Campus, Inclusive Campus for Women) */
.people-wellbeing-scope .rich .rhero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;align-items:center}
.people-wellbeing-scope .rich .rhimg{min-height:190px;border-radius:8px;background:repeating-linear-gradient(135deg,var(--soft) 0 10px,var(--bg) 10px 20px);display:grid;place-items:center;padding:12px;text-align:center;color:var(--muted);font-size:12.5px}
.people-wellbeing-scope .rich .rhtext{display:flex;flex-direction:column;gap:14px}
.people-wellbeing-scope .rich .rhtext p{font-size:15.5px;color:var(--ink)}
@media (max-width:760px){.people-wellbeing-scope .rich .rhero{grid-template-columns:1fr}}
.people-wellbeing-scope .kf{position:relative}
.people-wellbeing-scope .kf .kfn{font-size:11.5px;color:var(--gap);margin-top:4px}
.people-wellbeing-scope .kf.gap{border-style:dashed;border-color:var(--gap)} .people-wellbeing-scope .kf.gap .v{color:var(--muted)}
.people-wellbeing-scope .kf.confirm{border-color:var(--note-line)}
.people-wellbeing-scope .kfst{display:inline-block;font:600 10px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:1px 6px;margin-bottom:4px;white-space:nowrap}
.people-wellbeing-scope .kfst.gap{color:var(--gap);border:1px solid var(--gap)} .people-wellbeing-scope .kfst.confirm{color:var(--note-ink);background:var(--note-bg);border:1px solid var(--note-line)}
.people-wellbeing-scope body:not(.guide-on) .kf.gap,.people-wellbeing-scope body:not(.guide-on) .kfst,.people-wellbeing-scope body:not(.guide-on) .kf .kfn,.people-wellbeing-scope body:not(.guide-on) .evn,.people-wellbeing-scope body:not(.guide-on) .evlist .row.evgap{display:none}
.people-wellbeing-scope .rtoc{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.people-wellbeing-scope .rtoc .eyebrow{margin-right:4px}
.people-wellbeing-scope .rtoc button{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:5px 12px;font:500 13px var(--f-body);cursor:pointer}
.people-wellbeing-scope .rtoc button:hover{border-color:var(--brand);color:var(--brand)}
.people-wellbeing-scope .rblock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:12px;scroll-margin-top:90px;transition:box-shadow .3s}
.people-wellbeing-scope .rblock.flash,.people-wellbeing-scope #rb-ev.flash,.people-wellbeing-scope .contact.flash,.people-wellbeing-scope .rcta.flash{box-shadow:0 0 0 3px var(--accent)}
.people-wellbeing-scope #rb-ev,.people-wellbeing-scope .contact,.people-wellbeing-scope .rcta{scroll-margin-top:90px;border-radius:var(--r)}
.people-wellbeing-scope .rbhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.people-wellbeing-scope .rbhead h2{font-size:22px}
.people-wellbeing-scope .rbnum{width:28px;height:28px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font:600 13px var(--f-body);flex:none}
.people-wellbeing-scope .rblock p{color:var(--ink);max-width:72ch}
.people-wellbeing-scope .rblock .rlead{font-weight:600;margin-bottom:-6px}
.people-wellbeing-scope .rlist{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px;max-width:72ch}
.people-wellbeing-scope .rmedia{display:grid;grid-template-columns:1fr;gap:16px}
.people-wellbeing-scope .rmedia figure{margin:0}
.people-wellbeing-scope .rmedia .ph{aspect-ratio:4/3;border-radius:6px;background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--bg) 8px 16px)}
.people-wellbeing-scope .rmedia figcaption{font-size:12.5px;color:var(--muted);margin-top:4px}
@media (max-width:640px){.people-wellbeing-scope .rmedia{grid-template-columns:1fr}}
.people-wellbeing-scope .rcap{caption-side:top;text-align:left;padding:10px 12px 6px;font-weight:600;font-size:13px}
.people-wellbeing-scope .contact{display:flex;flex-direction:column;gap:2px;background:var(--soft);border-left:4px solid var(--brand);padding:14px 16px;font-size:14px}
.people-wellbeing-scope .contact b{font-family:var(--f-display);font-size:18px;margin:2px 0 4px}
.people-wellbeing-scope .rcta{width:fit-content;border-radius:8px}
.people-wellbeing-scope .rlinks{display:flex;flex-wrap:wrap;gap:8px}
.people-wellbeing-scope .rlinks a{border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:13.5px;text-decoration:none;font-weight:500}
.people-wellbeing-scope .rlinks a:hover{border-color:var(--brand)}
/* EDI page additions: commitment tiles, two-route flows, fold-out tables */
.people-wellbeing-scope .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.people-wellbeing-scope .tile{border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--r);padding:12px 14px;background:var(--bg);display:flex;flex-direction:column;gap:4px}
.people-wellbeing-scope .tile h3{font-size:17px}
.people-wellbeing-scope .rich .rblock .tiles .tile p:not(.rlead){font-size:14px;text-align:left}
@media (max-width:640px){.people-wellbeing-scope .tiles{grid-template-columns:1fr}}
.people-wellbeing-scope .cflows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.people-wellbeing-scope .cflows.one{grid-template-columns:minmax(0,680px)}
.people-wellbeing-scope .cflow h3{font-size:17px;margin-bottom:10px}
.people-wellbeing-scope .cflow ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px;counter-reset:fs}
.people-wellbeing-scope .cflow li{position:relative;border:1px solid var(--line);border-radius:8px;padding:10px 12px 10px 46px;background:var(--bg);counter-increment:fs;display:flex;flex-direction:column;gap:2px}
.people-wellbeing-scope .cflow li::before{content:counter(fs);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font:600 12px var(--f-body)}
.people-wellbeing-scope .cflow li:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);color:var(--muted);font-size:15px;line-height:1}
.people-wellbeing-scope .cflow li:first-child{border-color:var(--brand);background:var(--soft)}
.people-wellbeing-scope .cflow li b{font-size:14.5px}
.people-wellbeing-scope .cflow li span{font-size:13.5px;color:var(--muted)}
@media (max-width:700px){.people-wellbeing-scope .cflows{grid-template-columns:1fr}}
.people-wellbeing-scope details.rfold{border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.people-wellbeing-scope details.rfold>summary{cursor:pointer;padding:10px 12px;font-weight:600;font-size:14px}
.people-wellbeing-scope details.rfold .tablewrap{border:0;border-top:1px solid var(--line);border-radius:0 0 var(--r) var(--r)}
.people-wellbeing-scope .gapbox{display:none;background:transparent;color:var(--gap);border:1.5px dashed var(--gap);border-radius:var(--r);padding:10px 14px;font-size:13.5px}
.people-wellbeing-scope body.guide-on .gapbox{display:block}
.people-wellbeing-scope .gapbox b.lbl{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px}
.people-wellbeing-scope .gapbox ul{margin:4px 0 0;padding-left:18px;color:var(--ink)}
.people-wellbeing-scope .evlist .evt{font-weight:500}
.people-wellbeing-scope .evlist .evn{display:block;font-size:12px;color:var(--gap)}
.people-wellbeing-scope .slot{display:grid;place-items:center;aspect-ratio:4/3;border-radius:6px;border:1.5px dashed var(--line);background:repeating-linear-gradient(135deg,var(--soft) 0 8px,var(--bg) 8px 16px);background-size:cover;background-position:center;cursor:pointer;color:var(--muted);font-size:12px;text-align:center;padding:8px;min-width:0}
.people-wellbeing-scope .slot:hover{border-color:var(--brand);color:var(--brand)}
.people-wellbeing-scope .slot:focus-within{outline:2px solid var(--focus);outline-offset:2px}
.people-wellbeing-scope .slot.filled{border-style:solid;border-color:var(--line)} .people-wellbeing-scope .slot.filled span{display:none}
.people-wellbeing-scope .slot.wide{aspect-ratio:16/10;border:0;border-radius:0 0 6px 6px}
.people-wellbeing-scope .collage{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.people-wellbeing-scope .collage .slot{aspect-ratio:16/10}
.people-wellbeing-scope .contact.withph{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:center}
.people-wellbeing-scope .contact .ctext{display:flex;flex-direction:column;gap:2px}
.people-wellbeing-scope .contact .slot{background-color:var(--surface)}
@media (max-width:600px){.people-wellbeing-scope .contact.withph{grid-template-columns:1fr}}
.people-wellbeing-scope .shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.people-wellbeing-scope .shots figure{margin:0}
.people-wellbeing-scope .shots figcaption{font-size:12.5px;color:var(--muted);margin-top:4px}
.people-wellbeing-scope .browser{border:1px solid var(--line);border-radius:6px;overflow:hidden}
.people-wellbeing-scope .bbar{display:flex;gap:5px;padding:6px 8px;background:var(--soft);border-bottom:1px solid var(--line)}
.people-wellbeing-scope .bbar i{width:8px;height:8px;border-radius:50%;background:var(--line)}
@media (max-width:600px){.people-wellbeing-scope .shots{grid-template-columns:1fr}}
.people-wellbeing-scope .rside{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}
.people-wellbeing-scope .rstext{display:flex;flex-direction:column;gap:12px}
@media (max-width:700px){.people-wellbeing-scope .rside{grid-template-columns:1fr}}
.people-wellbeing-scope a.chip{text-decoration:none} .people-wellbeing-scope a.chip:hover{border-color:var(--brand);color:var(--brand)}

.people-wellbeing-scope .subcards{display:flex;flex-direction:column;gap:14px}
.people-wellbeing-scope .subcard{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start;border:1px solid var(--line);border-radius:var(--r);padding:14px;background:var(--bg)}
.people-wellbeing-scope .subcard .ill svg{display:block;width:100%;height:auto;border-radius:8px}
.people-wellbeing-scope .subcard .slot{aspect-ratio:4/3;background-color:var(--surface)}
.people-wellbeing-scope .sctext{display:flex;flex-direction:column;gap:10px;min-width:0}
.people-wellbeing-scope .sctext h3{font-size:20px}
.people-wellbeing-scope .sclead{font-weight:600}
.people-wellbeing-scope .scmeta{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:0}
.people-wellbeing-scope .scmeta div{background:var(--surface);padding:8px 10px;box-shadow:0 0 0 .5px var(--line)}
.people-wellbeing-scope .scmeta dt{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.people-wellbeing-scope .scmeta dd{margin:2px 0 0;font-weight:500;font-size:14px}
.people-wellbeing-scope .scnote{font-size:13.5px;color:var(--muted)!important}
@media (max-width:640px){.people-wellbeing-scope .subcard{grid-template-columns:1fr}}
.people-wellbeing-scope .slot{position:relative}
.people-wellbeing-scope .slot.rhimg{aspect-ratio:auto;min-height:190px}
.people-wellbeing-scope .slotx{display:none;position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font:600 16px/1 var(--f-body);cursor:pointer;place-items:center}
.people-wellbeing-scope .slot.filled.local .slotx,.people-wellbeing-scope body.can-edit .slot.filled .slotx{display:grid}
.people-wellbeing-scope .slot.busy{opacity:.6}
.people-wellbeing-scope #toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--surface);padding:10px 16px;border-radius:8px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:50;max-width:calc(100% - 32px)}
.people-wellbeing-scope #toast.on{opacity:1;transform:translateX(-50%)}
.people-wellbeing-scope .slotwrap{display:flex;flex-direction:column;gap:4px;min-width:0}
.people-wellbeing-scope .slotwrap>.slot{width:100%}
.people-wellbeing-scope .pcap{font-size:13px;color:var(--muted);margin:2px 0 0;line-height:1.4}
.people-wellbeing-scope .pcapin{display:none;width:100%;font:13px var(--f-body);color:var(--ink);background:var(--surface);border:1px dashed var(--line);border-radius:6px;padding:5px 8px}
.people-wellbeing-scope .pcapin:focus{border-style:solid;border-color:var(--brand);outline:none}
.people-wellbeing-scope body.can-edit .pcapin{display:block}
.people-wellbeing-scope body.can-edit .pcap{display:none}
.people-wellbeing-scope body.can-edit:not(.guide-on) .pcapin{border-color:transparent;background:transparent;color:var(--muted)}
.people-wellbeing-scope body.can-edit:not(.guide-on) .pcapin:placeholder-shown{opacity:0}
.people-wellbeing-scope body.can-edit:not(.guide-on) .slotwrap:hover .pcapin,.people-wellbeing-scope body.can-edit:not(.guide-on) .pcapin:focus{opacity:1;border-color:var(--line);background:var(--surface);color:var(--ink)}
.people-wellbeing-scope .pcap,.people-wellbeing-scope .pcapin,.people-wellbeing-scope .rmedia figcaption,.people-wellbeing-scope .shots figcaption{text-align:center}
.people-wellbeing-scope .pcap{align-self:center;width:100%}
.people-wellbeing-scope .feed{display:flex;flex-direction:column;gap:12px}
.people-wellbeing-scope .feedlist{display:flex;flex-direction:column;gap:12px}
.people-wellbeing-scope .feedlist:empty{display:none}
.people-wellbeing-scope .evi{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start;border:1px solid var(--line);border-radius:var(--r);padding:14px;background:var(--bg)}
.people-wellbeing-scope .evi.nophoto{grid-template-columns:1fr}
.people-wellbeing-scope .evimg{margin:0}
.people-wellbeing-scope .evimg img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;background:var(--soft)}
.people-wellbeing-scope .evimg figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:6px;line-height:1.4}
.people-wellbeing-scope .evitext{display:flex;flex-direction:column;gap:6px;min-width:0}
.people-wellbeing-scope .evitext h3{font-size:18px}
.people-wellbeing-scope .evitext p{color:var(--ink)}
.people-wellbeing-scope .evidate{font:500 12px var(--f-mono);color:var(--brand)}
.people-wellbeing-scope .eviact{display:none;gap:8px;margin-top:4px}
.people-wellbeing-scope .eviact button{background:none;border:1px solid var(--line);border-radius:6px;padding:3px 10px;font:500 12.5px var(--f-body);color:var(--ink);cursor:pointer}
.people-wellbeing-scope .eviact button.evdel{color:var(--gap)}
.people-wellbeing-scope body.can-edit .eviact{display:flex}
.people-wellbeing-scope .eviact button.evdel.armed{background:var(--gap);color:#fff;border-color:var(--gap)}
.people-wellbeing-scope .slotx.armed{width:auto;padding:0 10px;border-radius:13px;background:var(--gap);font-size:12px}
.people-wellbeing-scope .feedadd{display:none;width:fit-content}
.people-wellbeing-scope body.can-edit .feedadd{display:inline-block}
.people-wellbeing-scope body.can-edit .feedadd[hidden]{display:none}
.people-wellbeing-scope .eviform{display:flex;flex-direction:column;gap:10px;border:1.5px dashed var(--brand);border-radius:var(--r);padding:16px;background:var(--surface)}
.people-wellbeing-scope .eviftitle{font-family:var(--f-display);font-size:18px}
.people-wellbeing-scope .eviform label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--ink)}
.people-wellbeing-scope .eviform label.chk{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.people-wellbeing-scope .eviform input:not([type=checkbox]):not([type=file]),.people-wellbeing-scope .eviform textarea{font:14px var(--f-body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:7px 9px;width:100%}
.people-wellbeing-scope .eviform input[type=file]{font:13px var(--f-body);color:var(--ink)}
.people-wellbeing-scope .eviform .req{color:var(--gap)} .people-wellbeing-scope .eviform .opt{font-weight:400;color:var(--muted)}
.people-wellbeing-scope .eviformbtns{display:flex;gap:8px}
@media (max-width:640px){.people-wellbeing-scope .evi{grid-template-columns:1fr}}
.people-wellbeing-scope .slot,.people-wellbeing-scope .rich .slot.rhimg{background-size:cover;background-position:center;background-repeat:no-repeat}
.people-wellbeing-scope .rich .rhero{align-items:stretch}
.people-wellbeing-scope .rhero .slotwrap{height:100%}
.people-wellbeing-scope .rhero .slot.rhimg{flex:1;min-height:240px}
.people-wellbeing-scope .leaders{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.people-wellbeing-scope .ldh{font-size:19px}
.people-wellbeing-scope .ldgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.people-wellbeing-scope .ldcard{display:grid;grid-template-columns:42% minmax(0,1fr);gap:14px;align-items:stretch;border:1px solid var(--line);border-radius:var(--r);padding:12px;background:var(--bg)}
.people-wellbeing-scope .ldcard .slotwrap{height:100%}
.people-wellbeing-scope .ldcard .slot.ldph{aspect-ratio:auto;flex:1;min-height:210px;height:100%;background-color:var(--surface);background-position:center top;font-size:11.5px;padding:8px}
@media (max-width:420px){.people-wellbeing-scope .ldcard{grid-template-columns:96px minmax(0,1fr);gap:12px}}
.people-wellbeing-scope .ldtext{display:flex;flex-direction:column;gap:3px;min-width:0}
.people-wellbeing-scope .ldname{font-family:var(--f-display);font-size:17px;line-height:1.2}
.people-wellbeing-scope .ldrole{font-weight:600;font-size:14px;color:var(--brand)}
.people-wellbeing-scope .ldsub{font-size:13px;color:var(--muted)}
.people-wellbeing-scope .ldlinks{display:flex;flex-direction:column;gap:2px;font-size:12.5px;margin-top:4px;overflow-wrap:break-word}
@media (max-width:760px){.people-wellbeing-scope .ldgrid{grid-template-columns:1fr}}
.people-wellbeing-scope .rich .rhtext p,.people-wellbeing-scope .rich .rblock p:not(.rlead):not(.pcap),.people-wellbeing-scope .rich .sctext p,.people-wellbeing-scope .rich .evitext p,.people-wellbeing-scope .rich .leaders>p{text-align:justify;text-justify:inter-word}
.people-wellbeing-scope .rich .rblock p,.people-wellbeing-scope .rich .rlist{max-width:none}
/* v2 additions */
.people-wellbeing-scope .sdgchips{display:flex;flex-wrap:wrap;gap:6px}
.people-wellbeing-scope .sdgc{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:2px 10px 2px 3px;font-size:12.5px;font-weight:500;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line)}
.people-wellbeing-scope .sdgc i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 11px var(--f-body)}
.people-wellbeing-scope .sdgc:hover{border-color:var(--brand)}
.people-wellbeing-scope .kfrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.people-wellbeing-scope .kf{background:var(--surface);padding:12px 14px}
.people-wellbeing-scope .kfrow{background:none;border:0;gap:10px}
.people-wellbeing-scope .kf{border:1px solid var(--line);border-radius:8px;border-top:3px solid var(--green)}
.people-wellbeing-scope .kf .v{font-family:var(--f-display);font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--green-ink)}
.people-wellbeing-scope .kf .l{font-size:12.5px;color:var(--muted)}
.people-wellbeing-scope .kfcap{font-size:12px;color:var(--muted);margin-top:6px}
.people-wellbeing-scope .evid{font:500 11px var(--f-mono);color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:1px 6px}
.people-wellbeing-scope .newpill{font:600 10px var(--f-mono);letter-spacing:.05em;color:var(--green-ink);background:var(--green-soft);border:1px solid var(--green-ink);border-radius:4px;padding:0 5px;margin-left:6px;vertical-align:2px}
.people-wellbeing-scope .agency{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.people-wellbeing-scope .select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font:500 14px var(--f-body)}
.people-wellbeing-scope .cwtag{font:500 11.5px var(--f-mono);border-radius:5px;padding:1px 6px;border:1px solid currentColor;white-space:nowrap;display:inline-block;margin:1px 2px 1px 0}
.people-wellbeing-scope .cwtag.THE{color:var(--the)} .people-wellbeing-scope .cwtag.QS{color:var(--qs)} .people-wellbeing-scope .cwtag.GM{color:var(--gm)}
.people-wellbeing-scope .compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:700px){.people-wellbeing-scope .compare{grid-template-columns:1fr}}
.people-wellbeing-scope .compare .block.bad{border-style:dashed}
.people-wellbeing-scope .flag{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.people-wellbeing-scope .flag:first-child{border-top:0}
.people-wellbeing-scope .flag .k{font:600 10.5px var(--f-mono);border-radius:4px;padding:2px 6px;height:fit-content;white-space:nowrap}
.people-wellbeing-scope .flag .k.pend{color:var(--accent);border:1px solid var(--accent)}
.people-wellbeing-scope .flag .k.conf{color:var(--gap);border:1px solid var(--gap)}
.people-wellbeing-scope .flag .k.gap{color:var(--qs);border:1px solid var(--qs)}
.people-wellbeing-scope .primary a{padding:8px 8px;font-size:14px;white-space:nowrap}
.people-wellbeing-scope .primary{flex-wrap:nowrap}
@media (max-width:1100px){.people-wellbeing-scope .primary{flex-wrap:wrap}}
@media (max-width:1380px){.people-wellbeing-scope .sitename small{display:none}}
/* ---- Public build: hide internal review tools (guide notes, gap boxes, editing) ---- */
.people-wellbeing-scope .newpill,.people-wellbeing-scope .gtoggle,.people-wellbeing-scope .util a[href="#guide"],.people-wellbeing-scope .gnote,.people-wellbeing-scope .gapbox,.people-wellbeing-scope .feedadd,.people-wellbeing-scope .eviact,.people-wellbeing-scope .slotx,.people-wellbeing-scope .pcapin,.people-wellbeing-scope .feedform{display:none!important}
.people-wellbeing-scope .slot:not(.filled){display:none}
.people-wellbeing-scope .slot{cursor:default;pointer-events:none}
.people-wellbeing-scope .slot input[type=file]{display:none}