/* =====================================================================
   ACXPA Help Guides - shared player and dashboard picture
   File: themes/kleo-child/css/acxpa-help-guides.css   v1.1.0 - 9 Oct 2026
   Loaded by mu-plugins/acxpa-help-guides.php on the Business support page
   (96652) and the Team Membership Dashboard (75812).
   Scope: .ahg only. Colours from acxpa-tokens.css, with two stated
   exceptions copied from the real screens the guides picture:
   - --ahg-purple: the dashboard's self-allocate button (--md-purple)
   - --ahg-cxs-*: CX Skills Indigo, for the CX Skills booking guide
     (same values as the Training Hub's --trh-cxs-*)
   ===================================================================== */
.ahg{--ahg-purple:#6C3F9E;--ahg-cxs-50:#F4F4FA;--ahg-cxs-100:#E1E2EE;--ahg-cxs-200:#C5C6E0;--ahg-cxs-600:#504B8C;--ahg-cxs-700:#423E76;--ahg-cxs-800:#302D58;
  font-family:var(--acxpa-ds-font);color:var(--acxpa-ds-ink);line-height:1.6}
.ahg *{box-sizing:border-box}
.ahg button{font-family:var(--acxpa-ds-font)}
.ahg .ahg-gwrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--acxpa-ds-space-xl);align-items:start}
.ahg .ahg-glist{list-style:none;margin:0;padding:0;display:grid;gap:8px;position:sticky;top:120px}
.ahg .ahg-glist button{width:100%;display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;text-align:left;background:var(--acxpa-ds-cloud);border:1px solid var(--acxpa-ds-teal-100);border-radius:var(--acxpa-ds-radius-lg);padding:12px 14px;font-family:var(--acxpa-ds-font);cursor:pointer;color:var(--acxpa-ds-ink);transition:background .15s,border-color .15s}
.ahg .ahg-glist button:hover{border-color:var(--acxpa-ds-teal-300)}
.ahg .ahg-glist button[aria-current="true"]{background:var(--acxpa-ds-gold-tint);border-color:var(--acxpa-ds-gold)}
.ahg .ahg-gnum{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);font-weight:700;font-size:var(--acxpa-ds-text-small)}
.ahg .ahg-glist button[aria-current="true"] .ahg-gnum{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink)}
.ahg .ahg-gt{display:grid;gap:1px;min-width:0}
.ahg .ahg-gt b{font-size:var(--acxpa-ds-text-body);font-weight:600;line-height:1.3}
.ahg .ahg-gt span{font-size:var(--acxpa-ds-text-caption);color:var(--acxpa-ds-slate)}
.ahg .ahg-gdash{margin-top:var(--acxpa-ds-space-sm);font-size:var(--acxpa-ds-text-small)}

.ahg .ahg-player{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:16px;box-shadow:var(--acxpa-ds-shadow-lg);overflow:hidden;min-width:0;scroll-margin-top:140px}
.ahg .ahg-vp{position:relative;width:100%;max-width:100%;aspect-ratio:960/600;overflow:hidden;background:var(--acxpa-ds-teal-100)}
.ahg .ahg-cap{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px 24px 6px;align-items:start}
.ahg .ahg-capn{width:44px;height:44px;border-radius:50%;background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:var(--acxpa-ds-text-h4);display:grid;place-items:center;font-variant-numeric:tabular-nums}
.ahg .ahg-capb{min-width:0;display:grid;gap:2px}
.ahg .ahg-caps{font-size:var(--acxpa-ds-text-caption);font-weight:700;letter-spacing:var(--acxpa-ds-tracking-eyebrow);text-transform:uppercase;color:var(--acxpa-ds-slate)}
.ahg .ahg-capt{font-size:var(--acxpa-ds-text-h4);font-weight:700;line-height:1.3;color:var(--acxpa-ds-ink)}
.ahg .ahg-capd{color:var(--acxpa-ds-slate);max-width:64ch;min-height:3.2em}
.ahg .ahg-rail{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding:10px 24px 0}
.ahg .ahg-seg{appearance:none;border:0;background:none;padding:8px 0;cursor:pointer;display:grid;gap:6px;text-align:left;font-family:var(--acxpa-ds-font);color:var(--acxpa-ds-slate);min-width:0}
.ahg .ahg-segbar{height:5px;border-radius:3px;background:var(--acxpa-ds-teal-100);overflow:hidden;display:block}
.ahg .ahg-segfill{display:block;height:100%;width:0;background:var(--acxpa-ds-gold)}
.ahg .ahg-seg.is-done .ahg-segfill{width:100%}
.ahg .ahg-segl{font-size:var(--acxpa-ds-text-caption);font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ahg .ahg-seg.is-on .ahg-segl{color:var(--acxpa-ds-ink);font-weight:700}
.ahg .ahg-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px 20px}
.ahg .ahg-cbtn{appearance:none;border:0;font-family:var(--acxpa-ds-font);font-size:var(--acxpa-ds-text-small);font-weight:700;border-radius:var(--acxpa-ds-radius-md);padding:10px 16px;cursor:pointer;background:var(--acxpa-ds-teal-50);color:var(--acxpa-ds-teal-700);display:inline-flex;align-items:center;gap:8px;line-height:1.2}
.ahg .ahg-cbtn:hover{background:var(--acxpa-ds-teal-100)}
.ahg .ahg-cbtn--play{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink)}
.ahg .ahg-cbtn--play:hover{background:var(--acxpa-ds-gold-mid)}
.ahg .ahg-cbtn svg{width:16px;height:16px}
.ahg .ahg-ctl .ahg-sp{flex:1}
.ahg .ahg-ctl small{color:var(--acxpa-ds-slate);font-size:var(--acxpa-ds-text-caption)}
.ahg .ahg-read{border-top:1px solid var(--acxpa-ds-teal-100);padding:0 24px}
.ahg .ahg-read summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:var(--acxpa-ds-text-small);color:var(--acxpa-ds-teal-700);list-style:none}
.ahg .ahg-read summary::-webkit-details-marker{display:none}
.ahg .ahg-read summary::after{content:" +"}
.ahg .ahg-read[open] summary::after{content:" \2013"}
.ahg .ahg-read ol{margin:0 0 18px;padding-left:22px;display:grid;gap:6px;font-size:var(--acxpa-ds-text-small)}
.ahg .ahg-read li b{font-weight:600}

.ahg .ahg-end{position:absolute;inset:0;background:color-mix(in srgb,var(--acxpa-ds-teal-900) 90%,transparent);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .4s;z-index:30}
.ahg .ahg-end.is-on{opacity:1;pointer-events:auto}
.ahg .ahg-endin{display:grid;gap:18px;justify-items:center;text-align:center;padding:16px}
.ahg .ahg-endt{color:var(--acxpa-ds-white);font-weight:700;font-size:var(--acxpa-ds-text-h4)}
.ahg .ahg-endbtns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ahg .ahg-end .ahg-cbtn{font-size:var(--acxpa-ds-text-body);padding:12px 20px}
.ahg .ahg-end .ahg-cbtn--ghost{background:transparent;color:var(--acxpa-ds-white);box-shadow:inset 0 0 0 2px var(--acxpa-ds-teal-300)}

/* ---------- guide stage: a scaled picture of the Team Membership Dashboard ---------- */
.ahg .gs{position:absolute;left:0;top:0;width:960px;transform-origin:0 0;transition:transform 1s cubic-bezier(.65,0,.25,1);font-family:var(--acxpa-ds-font);color:var(--acxpa-ds-ink);font-size:13px;line-height:1.45;background:var(--acxpa-ds-cloud)}
.ahg .ahg-vp.is-instant .gs,.ahg .ahg-vp.is-instant .gs-cur{transition:none}
.ahg .gs-chrome{height:34px;background:var(--acxpa-ds-teal-100);display:flex;align-items:center;gap:7px;padding:0 14px}
.ahg .gs-chrome i{width:10px;height:10px;border-radius:50%;background:var(--acxpa-ds-teal-200);display:block}
.ahg .gs-url{margin-left:14px;background:var(--acxpa-ds-white);border-radius:6px;height:22px;flex:0 1 420px;font-size:11px;color:var(--acxpa-ds-slate);display:flex;align-items:center;padding:0 10px}
.ahg .gs-url b{color:var(--acxpa-ds-ink);font-weight:500}
.ahg .gs-site{padding:18px 28px 28px;display:grid;gap:14px}
.ahg .gs-card{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:12px}
.ahg .gs-wel{padding:18px 22px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}
.ahg .gs-wel h4{font-size:22px;font-weight:800;color:var(--acxpa-ds-teal-700);line-height:1.2;margin:0 0 4px}
.ahg .gs-wel p{font-size:12.5px;color:var(--acxpa-ds-slate);margin:0 0 4px}
.ahg .gs-wel ul{margin:0;padding-left:16px;font-size:11.5px;color:var(--acxpa-ds-ink);display:grid;gap:2px}
.ahg .gs-wel li{margin:0;padding:0;line-height:1.45}
.ahg .gs-wel img{width:84px;height:84px}
.ahg .gs-gold{color:var(--acxpa-ds-gold-deep);font-weight:700}
.ahg .gs-purp{color:var(--ahg-purple);font-weight:700}
.ahg .gs-info{background:var(--acxpa-ds-gold-tint);border-radius:10px;padding:10px 16px;font-size:12px;display:flex;gap:10px;align-items:center}
.ahg .gs-note{background:var(--acxpa-ds-teal-50);border:1px solid var(--acxpa-ds-teal-100);border-radius:10px;padding:10px 16px;font-size:12px;display:grid;gap:2px}
.ahg .gs-note b{color:var(--acxpa-ds-teal-700)}
.ahg .gs-acts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ahg .gs-self,.ahg .gs-inv{min-height:48px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:14px;padding:8px 14px;text-align:center}
.ahg .gs-self{background:var(--ahg-purple);color:var(--acxpa-ds-white)}
.ahg .gs-inv{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink)}
.ahg .gs-selfp{padding:14px 18px;display:grid;gap:8px;font-size:11.5px}
.ahg .gs-selfp .gs-go{justify-self:start;background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);font-weight:700;border-radius:6px;padding:8px 14px;font-size:12px}
.ahg .gs-wait{color:var(--acxpa-ds-error);font-size:11px}
.ahg .gs-h{font-size:15px;font-weight:700;color:var(--acxpa-ds-teal-700);margin:4px 0 -4px}
.ahg .gs-groups{display:grid;grid-template-columns:3fr 3fr 1.15fr;gap:12px}
.ahg .gs-gt{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acxpa-ds-slate);margin-bottom:5px}
.ahg .gs-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}
.ahg .gs-tile{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:10px;padding:10px 11px;display:grid;gap:1px;align-content:start}
.ahg .gs-n{font-size:23px;font-weight:800;color:var(--acxpa-ds-teal-700);line-height:1.1;font-variant-numeric:tabular-nums;display:inline-block;transform-origin:left center}
.ahg .gs-n small{font-size:11px;font-weight:600;color:var(--acxpa-ds-slate)}
.ahg .gs-l{font-size:11.5px;font-weight:700}
.ahg .gs-s{font-size:10px;color:var(--acxpa-ds-slate)}
.ahg .gs-tile.is-pend{background:var(--acxpa-ds-gold-tint);border-color:var(--acxpa-ds-gold)}
.ahg .gs-tile.is-pend .gs-n{color:var(--acxpa-ds-ink)}
.ahg .gs-tile.is-part{background:var(--acxpa-ds-harbour-tint);border-color:var(--acxpa-ds-harbour)}
.ahg .gs-tile.is-part .gs-n{color:var(--acxpa-ds-harbour)}
.ahg .gs-bump .gs-n{animation:ahgBump .7s ease}
@keyframes ahgBump{30%{transform:scale(1.28);color:var(--acxpa-ds-gold-deep)}}
.ahg .gs-acc{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:12px;overflow:hidden}
.ahg .gs-sum{padding:12px 18px;display:grid;gap:2px}
.ahg .gs-at{font-size:14px;font-weight:700;display:flex;gap:8px;align-items:center}
.ahg .gs-cnt{font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums}
.ahg .gs-hint{font-size:11px;color:var(--acxpa-ds-slate)}
.ahg .gs-acc.is-part{border-color:var(--acxpa-ds-harbour)}
.ahg .gs-acc.is-part .gs-sum{background:var(--acxpa-ds-harbour-tint)}
.ahg .gs-acc.is-part .gs-at{color:var(--acxpa-ds-harbour-deep)}
.ahg .gs-acc.is-part .gs-cnt{background:var(--acxpa-ds-harbour);color:var(--acxpa-ds-white)}
.ahg .gs-acc.is-pend{border-color:var(--acxpa-ds-gold)}
.ahg .gs-acc.is-pend .gs-sum{background:var(--acxpa-ds-gold-tint)}
.ahg .gs-acc.is-pend .gs-cnt{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink)}
.ahg .gs-acc.is-full .gs-sum{background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white)}
.ahg .gs-acc.is-full .gs-hint{color:var(--acxpa-ds-teal-100)}
.ahg .gs-acc.is-full .gs-cnt{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink)}
.ahg .gs-chev{margin-left:auto;font-size:10px;opacity:.75}
.ahg .gs-body{padding:6px 18px 14px}
.ahg .gs-nudge{display:inline-block;font-size:11.5px;font-weight:700;color:var(--acxpa-ds-teal-700);text-decoration:underline;text-underline-offset:2px;margin:4px 0 6px;padding:1px 4px;border-radius:5px;margin-left:-4px}
.ahg .gs-tbl{width:100%;border-collapse:collapse;font-size:11px}
.ahg .gs-tbl th{text-align:left;font-weight:700;color:var(--acxpa-ds-slate);font-size:10px;padding:5px 6px;border-bottom:1px solid var(--acxpa-ds-teal-100);white-space:nowrap}
.ahg .gs-tbl td{padding:6px;border-bottom:1px solid var(--acxpa-ds-teal-50);white-space:nowrap}
.ahg .gs-tbl tr.is-hl td{background:var(--acxpa-ds-gold-tint)}
.ahg .gs-tbl tr.is-in td{animation:ahgIn .7s ease}
@keyframes ahgIn{from{opacity:0}}
.ahg .gs-tbl .c{text-align:center}
.ahg .gs-tbl .r{text-align:right}
.ahg .gs-yes{color:var(--acxpa-ds-success);font-weight:700}
.ahg .gs-no{color:var(--acxpa-ds-error);font-weight:700}
.ahg .gs-edit{display:inline-block;background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);border-radius:4px;padding:2px 9px;font-size:10.5px;font-weight:600}
.ahg .gs-cxl{display:inline-block;background:var(--acxpa-ds-error);color:var(--acxpa-ds-white);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}
.ahg .gs-search{border:1px solid var(--acxpa-ds-teal-200);border-radius:6px;height:30px;display:flex;align-items:center;padding:0 10px;font-size:11.5px;color:var(--acxpa-ds-slate);width:260px;margin:6px 0 10px}
.ahg .gs-search.has-v{color:var(--acxpa-ds-ink)}
.ahg .gs-grid th,.ahg .gs-grid td{border-right:1px solid var(--acxpa-ds-teal-50)}
.ahg .gs-grid td:first-child{font-weight:600;color:var(--acxpa-ds-ink)}
.ahg .gs-grid tr.g td{background:var(--acxpa-ds-teal-50);font-weight:700;font-size:10px;color:var(--acxpa-ds-teal-700);letter-spacing:.04em}
.ahg .gs-grid .is-dim{opacity:.18}
.ahg .gs-more td{color:var(--acxpa-ds-slate);font-style:italic}
.ahg .gs-ring{box-shadow:0 0 0 3px var(--acxpa-ds-gold)!important;border-radius:8px}
.ahg .gs-hide{display:none!important}

/* modals */
.ahg .gs-scrim{position:absolute;inset:34px 0 0 0;background:color-mix(in srgb,var(--acxpa-ds-teal-900) 50%,transparent);opacity:0;pointer-events:none;transition:opacity .35s;z-index:5}
.ahg .gs-scrim.is-on{opacity:1}
.ahg .gs-mod{position:absolute;left:250px;top:60px;width:460px;background:var(--acxpa-ds-white);border-radius:12px;box-shadow:0 24px 60px -12px color-mix(in srgb,var(--acxpa-ds-teal-900) 55%,transparent);opacity:0;transform:translateY(14px) scale(.97);transition:opacity .35s,transform .35s;pointer-events:none;z-index:6;visibility:hidden}
.ahg .gs-mod.is-on{opacity:1;transform:none;visibility:visible}
.ahg .gs-mh{padding:16px 20px 10px;border-bottom:1px solid var(--acxpa-ds-teal-100);position:relative;display:grid;gap:4px}
.ahg .gs-mh h5{margin:0;font-size:17px;color:var(--acxpa-ds-teal-700);font-weight:700}
.ahg .gs-mh p,.ahg .gs-mh li{font-size:11px;color:var(--acxpa-ds-slate);line-height:1.5;margin:0}
.ahg .gs-mh ul{margin:0;padding-left:16px}
.ahg .gs-x{position:absolute;right:16px;top:12px;font-size:18px;color:var(--acxpa-ds-slate)}
.ahg .gs-mb{padding:12px 20px 4px;display:grid;gap:8px}
.ahg .gs-fl{font-size:11.5px;font-weight:700;margin-bottom:2px;display:block}
.ahg .gs-inp{height:30px;border:1px solid var(--acxpa-ds-teal-200);border-radius:6px;font-size:12.5px;display:flex;align-items:center;padding:0 10px;color:var(--acxpa-ds-ink);transition:border-color .2s,box-shadow .2s;background:var(--acxpa-ds-white)}
.ahg .gs-inp.is-ph{color:var(--acxpa-ds-teal-300)}
.ahg .gs-inp.is-focus{border-color:var(--acxpa-ds-teal-600);box-shadow:0 0 0 3px var(--acxpa-ds-teal-100)}
.ahg .gs-inp.is-focus::after{content:"";width:1.5px;height:15px;background:var(--acxpa-ds-ink);margin-left:1px;animation:ahgBlink 1s steps(1) infinite}
@keyframes ahgBlink{50%{opacity:0}}
.ahg .gs-left{font-size:11.5px;font-weight:700}
.ahg .gs-left span{color:var(--acxpa-ds-success)}
.ahg .gs-lnote{font-size:10.5px;color:var(--acxpa-ds-slate);font-weight:400}
.ahg .gs-chk{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;font-weight:600}
.ahg .gs-box{width:15px;height:15px;border:1.5px solid var(--acxpa-ds-slate);border-radius:3px;flex:none;margin-top:1px;display:grid;place-items:center;font-size:11px;line-height:1;color:var(--acxpa-ds-white)}
.ahg .gs-box.is-on{background:var(--acxpa-ds-teal-700);border-color:var(--acxpa-ds-teal-700)}
.ahg .gs-box.is-on::before{content:"\2713"}
.ahg .gs-sel{height:30px;border:1px solid var(--acxpa-ds-teal-200);border-radius:6px;font-size:12px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}
.ahg .gs-red{color:var(--acxpa-ds-error);font-size:10.5px;font-weight:400}
.ahg .gs-mf{padding:12px 20px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--acxpa-ds-teal-100);margin-top:8px}
.ahg .gs-mbtn{font-size:12.5px;font-weight:700;padding:8px 16px;border-radius:6px;border:1px solid var(--acxpa-ds-teal-200);background:var(--acxpa-ds-white);color:var(--acxpa-ds-ink);position:relative}
.ahg .gs-mbtn.is-grey{background:var(--acxpa-ds-teal-100);border-color:var(--acxpa-ds-teal-100);color:var(--acxpa-ds-white);transition:background .3s}
.ahg .gs-mbtn.is-gold{background:var(--acxpa-ds-gold);border-color:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink)}
.ahg .gs-mbtn.is-teal{background:var(--acxpa-ds-teal-700);border-color:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white)}
.ahg .gs-mbtn.is-red{background:var(--acxpa-ds-error);border-color:var(--acxpa-ds-error);color:var(--acxpa-ds-white)}
.ahg .gs-mbtn.is-busy{color:transparent!important}
.ahg .gs-mbtn.is-busy::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border:2px solid var(--acxpa-ds-ink);border-right-color:transparent;border-radius:50%;animation:ahgSpin .7s linear infinite}
@keyframes ahgSpin{to{transform:rotate(360deg)}}

.ahg .gs-cur{position:absolute;left:0;top:0;width:26px;height:26px;z-index:20;transition:transform .9s cubic-bezier(.45,0,.2,1);pointer-events:none;filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--acxpa-ds-ink) 35%,transparent))}
.ahg .gs-rip{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--acxpa-ds-gold) 60%,transparent);transform:scale(0);opacity:0;z-index:19;pointer-events:none}
@keyframes ahgRip{0%{transform:scale(.2);opacity:1}100%{transform:scale(1.7);opacity:0}}
.ahg .gs-env{position:absolute;width:44px;height:30px;left:0;top:0;opacity:0;pointer-events:none;z-index:21}


/* ---------- site top bar + menu (switch account / CX Skills guides) ---------- */
.ahg .gs-top{background:var(--acxpa-ds-slate);color:var(--acxpa-ds-white);height:28px;display:flex;align-items:center;justify-content:flex-end;gap:0;font-size:10.5px;padding:0 18px;position:relative}
.ahg .gs-top span{padding:0 10px;border-left:1px solid color-mix(in srgb,var(--acxpa-ds-white) 25%,transparent);line-height:28px;white-space:nowrap}
.ahg .gs-top span:first-child{border-left:0}
.ahg .gs-av{width:18px;height:18px;border-radius:50%;background:var(--acxpa-ds-teal-200);display:inline-block;vertical-align:middle}
.ahg .gs-sw{position:relative}
.ahg .gs-dd{position:absolute;top:28px;right:0;background:var(--acxpa-ds-white);color:var(--acxpa-ds-ink);border-radius:0 0 6px 6px;box-shadow:var(--acxpa-ds-shadow-lg);min-width:150px;z-index:4;padding:4px 0}
.ahg .gs-dd div{padding:7px 14px;font-size:11.5px;font-weight:500}
.ahg .gs-dd div.is-hov{background:var(--acxpa-ds-teal-50);color:var(--acxpa-ds-teal-700)}
.ahg .gs-nav{background:var(--acxpa-ds-teal-800);height:46px;display:flex;align-items:center;gap:26px;padding:0 28px;color:var(--acxpa-ds-white);font-weight:600;font-size:13px;position:relative}
.ahg .gs-nav b{font-weight:800;font-size:17px;letter-spacing:.06em;margin-right:18px}
.ahg .gs-nav span{white-space:nowrap}
.ahg .gs-mega{position:absolute;top:46px;left:250px;width:470px;background:var(--acxpa-ds-white);color:var(--acxpa-ds-ink);border-radius:0 0 10px 10px;box-shadow:var(--acxpa-ds-shadow-lg);display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 20px;z-index:4;font-weight:500}
.ahg .gs-mega h6{margin:0 0 6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--acxpa-ds-slate)}
.ahg .gs-mega div div{font-size:12px;padding:4px 0}
.ahg .gs-mega .is-cxs{color:var(--ahg-cxs-700);font-weight:700}
.ahg .gs-flash{animation:ahgFlash .6s ease}
@keyframes ahgFlash{0%{opacity:.25}100%{opacity:1}}

/* ---------- team tools strip ---------- */
.ahg .gs-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ahg .gs-tool{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:10px;padding:10px 12px;display:grid;gap:2px}
.ahg .gs-tool b{font-size:12px;color:var(--acxpa-ds-teal-700)}
.ahg .gs-tool span{font-size:10.5px;color:var(--acxpa-ds-slate);line-height:1.35}
.ahg .gs-intro{font-size:11.5px;color:var(--acxpa-ds-slate);margin-top:-6px}

/* ---------- full grid: more rows ---------- */
.ahg .gs-grid td{padding:4px 6px}
.ahg .gs-grid td:first-child{white-space:nowrap}

/* ---------- Team Email Library scene ---------- */
.ahg .gl-hero{background:var(--acxpa-ds-sand);padding:22px 28px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--acxpa-ds-teal-100)}
.ahg .gl-eye{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acxpa-ds-gold-deep)}
.ahg .gl-hero h4{margin:2px 0 6px;font-size:21px;font-weight:800;color:var(--acxpa-ds-teal-700);line-height:1.2}
.ahg .gl-hero p{margin:0;font-size:11.5px;color:var(--acxpa-ds-slate);max-width:62ch}
.ahg .gl-hero img{width:78px;height:78px}
.ahg .gl-body{padding:18px 28px 28px;display:grid;gap:12px}
.ahg .gl-tabs{display:flex;flex-wrap:wrap;gap:6px}
.ahg .gl-tab{font-size:11px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--acxpa-ds-teal-200);color:var(--acxpa-ds-teal-700);background:var(--acxpa-ds-white)}
.ahg .gl-tab.is-on{background:var(--acxpa-ds-teal-700);border-color:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white)}
.ahg .gl-cards{display:grid;gap:10px}
.ahg .gl-card{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:12px;padding:14px 16px;display:grid;gap:6px}
.ahg .gl-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}
.ahg .gl-card h5{margin:0;font-size:14px;font-weight:700;color:var(--acxpa-ds-ink)}
.ahg .gl-meta{font-size:10.5px;color:var(--acxpa-ds-slate);margin:2px 0 0;padding:1px 4px;margin-left:-4px;border-radius:5px}
.ahg .gl-meta b{color:var(--acxpa-ds-ink)}
.ahg .gl-acts{display:flex;gap:6px}
.ahg .gl-btn{font-size:10.5px;font-weight:700;padding:6px 10px;border-radius:6px;white-space:nowrap;border:1px solid var(--acxpa-ds-teal-700);color:var(--acxpa-ds-teal-700);background:var(--acxpa-ds-white)}
.ahg .gl-btn.is-pri{background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white)}
.ahg .gl-subj{font-size:11px}
.ahg .gl-subj span{color:var(--acxpa-ds-slate)}
.ahg .gl-prev{font-size:11px;font-weight:700;color:var(--acxpa-ds-teal-700)}
.ahg .gl-mail{white-space:pre-line;font-size:11px;background:var(--acxpa-ds-cloud);border-radius:8px;padding:10px 12px;line-height:1.5;color:var(--acxpa-ds-ink)}

/* ---------- CX Skills scene ---------- */
.ahg .gc-top{background:var(--ahg-cxs-800);height:30px;display:flex;align-items:center;gap:14px;padding:0 18px;font-size:10px;color:var(--ahg-cxs-200);white-space:nowrap}
.ahg .gc-disc{background:var(--acxpa-ds-error);color:var(--acxpa-ds-white);font-weight:700;padding:0 10px;line-height:30px;text-transform:capitalize;font-size:9.5px;border-radius:2px}
.ahg .gc-top .gc-r{margin-left:auto;white-space:nowrap}
.ahg .gc-nav{background:var(--ahg-cxs-700);height:44px;display:flex;align-items:center;gap:22px;padding:0 28px;color:var(--acxpa-ds-white);font-weight:600;font-size:12.5px}
.ahg .gc-nav b{font-size:16px;font-weight:800;margin-right:16px}
.ahg .gc-hero{background:var(--ahg-cxs-50);padding:22px 28px 26px;display:grid;gap:6px}
.ahg .gc-crumb{font-size:10px;color:var(--acxpa-ds-slate)}
.ahg .gc-hero h4{margin:0;font-size:22px;font-weight:800;color:var(--ahg-cxs-800);line-height:1.2}
.ahg .gc-hero p{margin:0;font-size:12px;color:var(--acxpa-ds-slate);max-width:64ch}
.ahg .gc-box{margin:18px 28px 28px;background:var(--ahg-cxs-100);border-top:4px solid var(--acxpa-ds-gold);border-radius:10px;padding:14px 18px;display:grid;gap:10px}
.ahg .gc-lbl{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:var(--ahg-cxs-700);text-transform:uppercase;border-bottom:1px solid var(--ahg-cxs-200);padding-bottom:8px}
.ahg .gc-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:start;border-bottom:1px solid var(--ahg-cxs-200);padding-bottom:12px}
.ahg .gc-row h5{margin:0 0 4px;font-size:14.5px;font-weight:700;color:var(--ahg-cxs-800)}
.ahg .gc-row p{margin:0;font-size:11px;color:var(--acxpa-ds-slate);max-width:52ch}
.ahg .gc-price{font-size:12.5px;font-weight:700;white-space:nowrap}
.ahg .gc-price s{color:var(--acxpa-ds-error);margin-right:6px}
.ahg .gc-price small{font-size:9.5px;font-weight:500;color:var(--acxpa-ds-slate)}
.ahg .gc-qty{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700}
.ahg .gc-pm{width:26px;height:26px;border-radius:50%;border:1px solid var(--ahg-cxs-200);background:var(--acxpa-ds-white);display:grid;place-items:center;font-size:15px;font-weight:500;color:var(--ahg-cxs-800)}
.ahg .gc-foot{display:flex;justify-content:flex-end;align-items:center;gap:20px;font-size:11.5px}
.ahg .gc-buy{background:var(--acxpa-ds-gold);color:var(--ahg-cxs-800);font-weight:800;font-size:14px;padding:10px 22px;border-radius:999px}
.ahg .gc-mod{left:110px;width:740px}
.ahg .gc-mh{padding:16px 20px;font-size:15px;font-weight:800;color:var(--ahg-cxs-800);border-bottom:1px solid var(--ahg-cxs-100)}
.ahg .gc-mb{padding:12px 20px 4px;display:grid;gap:10px}
.ahg .gc-note{background:var(--ahg-cxs-50);border:1px solid var(--ahg-cxs-200);border-radius:8px;padding:8px 12px;font-size:10.5px;font-weight:600;color:var(--ahg-cxs-800)}
.ahg .gc-att{border:1px solid var(--ahg-cxs-100);border-left:4px solid var(--acxpa-ds-gold);border-radius:8px;padding:10px 14px;display:grid;gap:8px}
.ahg .gc-att-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}
.ahg .gc-fill{font-size:9.5px;font-weight:700;background:var(--acxpa-ds-gold-tint);color:var(--acxpa-ds-gold-deep);border-radius:999px;padding:2px 8px}
.ahg .gc-fill.is-done{background:var(--acxpa-ds-success-tint);color:var(--acxpa-ds-success-deep)}
.ahg .gc-mem{background:var(--ahg-cxs-800);color:var(--acxpa-ds-white);border-radius:8px;padding:10px 12px;display:grid;gap:5px;position:relative}
.ahg .gc-mem b{font-size:12px}
.ahg .gc-mem small{font-size:10px;color:var(--ahg-cxs-200)}
.ahg .gc-sel{background:var(--acxpa-ds-white);color:var(--acxpa-ds-ink);border:2px solid var(--acxpa-ds-gold);border-radius:6px;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:11.5px;font-weight:600}
.ahg .gc-opts{position:absolute;left:12px;right:12px;top:72px;background:var(--acxpa-ds-white);color:var(--acxpa-ds-ink);border-radius:6px;box-shadow:var(--acxpa-ds-shadow-lg);z-index:3;padding:4px 0;font-size:11.5px}
.ahg .gc-opts div{padding:5px 12px}
.ahg .gc-opts div.is-hov{background:var(--ahg-cxs-50);color:var(--ahg-cxs-700);font-weight:700}
.ahg .gc-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.ahg .gc-fields .gs-fl{font-size:10.5px}
.ahg .gc-fields .gs-inp{height:26px;font-size:11px}
.ahg .gc-mf{display:flex;justify-content:flex-end;gap:10px;padding:10px 20px 16px;border-top:1px solid var(--ahg-cxs-100);margin-top:6px}
.ahg .gc-b1{font-size:12px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid var(--ahg-cxs-600);color:var(--ahg-cxs-700)}
.ahg .gc-b2{font-size:12px;font-weight:800;padding:8px 16px;border-radius:999px;background:var(--acxpa-ds-gold);color:var(--ahg-cxs-800)}

/* ---------- dashboard: "Show me how" chips + modal player ---------- */
.ahg-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--acxpa-ds-font);font-size:var(--acxpa-ds-text-small);font-weight:700;line-height:1.2;color:var(--acxpa-ds-teal-700)!important;background:var(--acxpa-ds-gold-tint);border:1px solid var(--acxpa-ds-gold);border-radius:var(--acxpa-ds-radius-pill);padding:6px 12px;cursor:pointer;text-decoration:none!important;vertical-align:middle}
.ahg-chip:hover{background:var(--acxpa-ds-gold)}
.ahg-chip:focus-visible{outline:3px solid var(--acxpa-ds-gold);outline-offset:2px}
.ahg-chip svg{width:12px;height:12px;flex:none}
.ahg-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.ahg-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px 16px;background:color-mix(in srgb,var(--acxpa-ds-teal-900) 70%,transparent)}
.ahg-modal[hidden]{display:none!important}
.ahg-modal-in{width:min(1180px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--acxpa-ds-white);border-radius:16px;box-shadow:var(--acxpa-ds-shadow-lg);position:relative;padding:22px}
.ahg-modal-x{position:absolute;right:12px;top:10px;width:38px;height:38px;border-radius:50%;border:0;background:var(--acxpa-ds-teal-50);color:var(--acxpa-ds-teal-700);font-size:22px;line-height:1;cursor:pointer;z-index:2}
.ahg-modal-x:hover{background:var(--acxpa-ds-teal-100)}
.ahg-modal-h{font-size:var(--acxpa-ds-text-h4);font-weight:700;color:var(--acxpa-ds-teal-700);margin:0 48px 14px 0;font-family:var(--acxpa-ds-font)}
.ahg-modal .ahg-glist{position:static}
.ahg-modal .ahg-player{box-shadow:none}
.ahg-modal-foot{margin:14px 0 0;font-family:var(--acxpa-ds-font);font-size:var(--acxpa-ds-text-small);color:var(--acxpa-ds-slate)}
.ahg-modal-foot a{color:var(--acxpa-ds-teal-700);font-weight:700}

/* ---------- responsive ---------- */
@media (max-width:991px){
  .ahg .ahg-gwrap{grid-template-columns:minmax(0,1fr)}
  .ahg .ahg-glist{position:static;display:flex;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:thin}
  .ahg .ahg-glist li{flex:0 0 230px}
}
@media (max-width:640px){
  .ahg .ahg-cap{padding:16px 16px 4px;gap:12px}
  .ahg .ahg-capn{width:36px;height:36px;font-size:var(--acxpa-ds-text-body)}
  .ahg .ahg-rail{padding:8px 16px 0;gap:4px}
  .ahg .ahg-segl{display:none}
  .ahg .ahg-ctl{padding:10px 16px 16px}
  .ahg .ahg-ctl small{display:none}
  .ahg .ahg-read{padding:0 16px}
  .ahg .ahg-end .ahg-endbtns{flex-direction:column}
  .ahg-modal{padding:8px}
  .ahg-modal-in{padding:14px;max-height:calc(100vh - 16px)}
}
@media (prefers-reduced-motion:reduce){
  .ahg .gs,.ahg .gs-cur,.ahg .gs-mod,.ahg .gs-scrim,.ahg .ahg-end{transition:none!important}
  .ahg .gs-bump .gs-n,.ahg .gs-tbl tr.is-in td,.ahg .gs-inp.is-focus::after,.ahg .gs-flash{animation:none!important}
}
.ahg #scCxs{min-height:900px;background:var(--acxpa-ds-white)}
.ahg .gc-more{margin:0 28px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.ahg .gc-more div{display:grid;gap:10px;align-content:start;background:var(--ahg-cxs-50);border-radius:10px;padding:16px}
.ahg .gc-more i{display:block;height:10px;border-radius:5px;background:var(--ahg-cxs-100)}
.ahg .gc-more i:nth-child(2n){width:80%}
.ahg .gc-more i:nth-child(3n){width:60%}
.ahg #scLib{background:var(--acxpa-ds-cloud)}
/* dashboard: chips placed inside the Needs your attention accordions line up with their content */
details.mdash-acc > .ahg-chiprow{padding:4px 30px 0;margin:10px 0 0}
@media (max-width:640px){details.mdash-acc > .ahg-chiprow{padding:4px 16px 0}}
.mdash-nudge.ahg-hasChips{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.mdash-nudge.ahg-hasChips .ahg-chip{margin:0}

/* ---------- v1.1: Member's Hub (Individual) and Business home scenes ---------- */
.ahg #scInd,.ahg #scBus{background:var(--acxpa-ds-white);min-height:620px}
.ahg .gi-wrap{margin:14px 22px 0;background:var(--acxpa-ds-cloud);border-top:3px solid var(--acxpa-ds-gold);padding:24px 26px;display:grid;grid-template-columns:1.6fr 1fr;gap:24px}
.ahg .gi-main{display:grid;gap:10px;align-content:start}
.ahg .gi-main h4{margin:0 0 0 -4px;font-size:24px;font-weight:800;color:var(--acxpa-ds-teal-800);line-height:1.2;padding:2px 4px;border-radius:6px}
.ahg .gi-main p{margin:0;font-size:12.5px;color:var(--acxpa-ds-ink)}
.ahg .gi-renew{padding:14px 18px;display:grid;gap:6px;font-size:12px}
.ahg .gi-renew b{color:var(--acxpa-ds-teal-700)}
.ahg .gi-side{display:grid;gap:14px;align-content:start}
.ahg .gi-otp{padding:16px;display:grid;gap:8px;text-align:center}
.ahg .gi-b{display:block;border:1.5px solid var(--acxpa-ds-teal-700);border-radius:8px;padding:8px;font-size:12px;font-weight:700;color:var(--acxpa-ds-teal-700)}
.ahg .gi-b.is-gold{background:var(--acxpa-ds-gold);border-color:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink)}
.ahg .gi-contact{padding:14px 16px;display:grid;gap:4px;font-size:12px}
.ahg .gi-contact b{color:var(--acxpa-ds-teal-700);font-size:13px}
.ahg .gi-pills{display:flex;justify-content:center;gap:10px;margin:18px 22px;padding:12px 0;border-top:3px solid var(--acxpa-ds-gold);border-bottom:1px solid var(--acxpa-ds-teal-100)}
.ahg .gi-pills span{border:1px solid var(--acxpa-ds-teal-700);border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:600;color:var(--acxpa-ds-teal-700)}
.ahg #scInd .gc-more,.ahg #scBus .gc-more{margin:0 22px 22px}
.ahg .gb-hero{padding:22px 28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.ahg .gb-hero h4{margin:0 0 8px;font-size:28px;font-weight:800;color:var(--acxpa-ds-teal-800);line-height:1.15}
.ahg .gb-hero p{margin:0 0 8px;font-size:12.5px}
.ahg .gb-hero img{width:150px;height:150px}
.ahg .gb-renew{background:var(--acxpa-ds-cloud);border-left:4px solid var(--acxpa-ds-teal-700);border-radius:6px;padding:10px 14px;font-size:12px}
.ahg .gb-quick{margin:0 28px 28px;padding:20px 22px;display:grid;gap:6px}
.ahg .gb-quick h5{margin:0 0 6px;font-size:20px;font-weight:800;color:var(--acxpa-ds-teal-800)}
.ahg .gb-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ahg .gb-cards div{border:1px solid var(--acxpa-ds-teal-100);border-top:3px solid var(--acxpa-ds-teal-700);border-radius:10px;padding:12px 14px;display:grid;gap:4px}
.ahg .gb-cards b{font-size:13px;color:var(--acxpa-ds-teal-800)}
.ahg .gb-cards span{font-size:11px;color:var(--acxpa-ds-slate)}
.ahg .gc-skip{display:block;font-size:10px;color:var(--ahg-cxs-200);padding:2px 4px;margin-left:-4px;border-radius:5px}
.ahg .gc-skip.gs-ring{color:var(--acxpa-ds-white)}
.ahg #gsNavItems{display:flex;gap:26px}

/* ===== Individual member guides (v1.2) =====
   Youzify profile pages. It is pictured only so the guides match what members see. */
.ahg{
  /* Stated exceptions: the WFM hub's own group colours, pictured as the live
     hub page shows them (approved off-palette per the hub build). */
  --ahg-hub-navy:#2E4272;--ahg-hub-rust:#B65C43;--ahg-hub-stone:#7A6A5C;
  --ahg-hub-q0:#E3E7F5;--ahg-hub-q1:#FBE9E4;--ahg-hub-q2:#F5EFE6}
.ahg .gs-mega--ind{width:auto;left:0;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,auto);gap:26px}
.ahg .gs-mega--ind div div{white-space:nowrap}
.ahg .gs-nav span[id^="nav-"]{padding:4px 0}
/* Youzify settings */
.ahg .yz-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;padding:18px 22px 30px;background:var(--acxpa-ds-teal-50)}
.ahg .yz-side{background:var(--acxpa-ds-white);border-radius:8px;padding:16px 14px;display:grid;gap:12px;align-content:start;box-shadow:var(--acxpa-ds-shadow-sm)}
.ahg .yz-me{display:flex;gap:10px;align-items:center}
.ahg .yz-me b{display:block;font-size:12px;letter-spacing:.04em}
.ahg .yz-me small{font-size:10.5px;color:var(--acxpa-ds-slate)}
.ahg .yz-av,.ahg .dr-av,.ahg .mp-av{width:44px;height:44px;border-radius:50%;background:var(--acxpa-ds-teal-600);color:var(--acxpa-ds-white);display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.ahg .yz-icons{display:flex;gap:6px}
.ahg .yz-icons i{width:30px;height:30px;border-radius:6px;display:block}
.ahg .yz-acc{border-top:1px solid var(--acxpa-ds-teal-100);padding-top:10px}
.ahg .yz-acc-h{display:flex;gap:10px;align-items:center}
.ahg .yz-acc-h b{display:block;font-size:12px}
.ahg .yz-acc-h small{font-size:10.5px;color:var(--acxpa-ds-slate)}
.ahg .yz-ic{width:28px;height:28px;border-radius:6px;flex:none}
.ahg .yz-acc-b{display:grid;gap:2px;margin:8px 0 0 38px}
.ahg .yz-acc-b span{font-size:11.5px;padding:3px 8px;border-radius:4px;color:var(--acxpa-ds-slate)}
.ahg .yz-acc-b span.is-on{background:var(--acxpa-ds-teal-50);color:var(--acxpa-ds-ink);font-weight:600}
.ahg .yz-main{background:var(--acxpa-ds-white);border-radius:8px;padding:0 0 18px;box-shadow:var(--acxpa-ds-shadow-sm);min-height:420px}
.ahg .yz-h,.ahg .pf-h{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--acxpa-ds-teal-100)}
.ahg .yz-h b,.ahg .pf-h b{font-size:14px;flex:1}
.ahg .yz-hi{width:30px;height:30px;border-radius:6px;background:var(--acxpa-ds-teal-50);display:grid;place-items:center;color:var(--acxpa-ds-teal-700);font-size:15px}
.ahg .yz-save{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:11.5px;padding:8px 14px;border-radius:999px}
.ahg .yz-addbtn{border:1px solid var(--acxpa-ds-teal-300);color:var(--acxpa-ds-teal-700);font-weight:600;font-size:11.5px;padding:7px 12px;border-radius:6px}
.ahg .yz-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:14px 18px;border-bottom:1px solid var(--acxpa-ds-teal-50)}
.ahg .yz-l b{display:block;font-size:12px}
.ahg .yz-l small{font-size:10.5px;color:var(--acxpa-ds-slate);line-height:1.4;display:block;margin-top:2px}
.ahg .yz-r{display:flex;gap:12px;align-items:center;min-width:0}
.ahg .yz-r .gs-inp{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.ahg .gs-inp.yz-big{height:auto;min-height:74px;align-items:flex-start;padding-top:8px;white-space:normal}
.ahg .yz-upbtn{background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);font-size:11.5px;font-weight:600;padding:8px 14px;border-radius:6px}
.ahg .yz-circle{width:46px;height:46px;border-radius:50%;background:var(--acxpa-ds-teal-50);border:1px dashed var(--acxpa-ds-teal-200)}
.ahg .yz-tip{margin:14px 18px 0;background:var(--acxpa-ds-teal-50);border-left:3px solid var(--acxpa-ds-teal-600);padding:10px 12px;font-size:11.5px;border-radius:4px}
.ahg .yz-items{padding:14px 18px;display:grid;gap:10px}
.ahg .yz-none{font-size:12px;color:var(--acxpa-ds-slate);text-align:center;padding:24px;border:1px dashed var(--acxpa-ds-teal-200);border-radius:6px}
.ahg .yz-item{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;background:var(--acxpa-ds-cloud);border-radius:6px;padding:12px}
.ahg .yz-item.sv{grid-template-columns:90px 1fr 2fr}
.ahg .yz-item small{display:block;font-size:10.5px;color:var(--acxpa-ds-slate);margin-bottom:4px}
.ahg .sk-col{display:flex;align-items:center;height:30px;border:1px solid var(--acxpa-ds-teal-200);border-radius:6px;padding:0 10px;font-size:11.5px;background:var(--acxpa-ds-white)}
.ahg .sk-col.is-on{background:var(--acxpa-ds-teal-600);border-color:var(--acxpa-ds-teal-600)}
.ahg .sv-ic{display:grid;place-items:center;height:30px;border:1px solid var(--acxpa-ds-teal-200);border-radius:6px;background:var(--acxpa-ds-white)}
/* ACXPA Member Profile form */
.ahg .pf-up{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:11.5px;padding:8px 14px;border-radius:6px}
.ahg .pf-f{padding:12px 18px;display:grid;gap:5px;border-bottom:1px solid var(--acxpa-ds-teal-50)}
.ahg .pf-f>b{font-size:12px}
.ahg .pf-f>b i{color:var(--acxpa-ds-error);font-style:normal}
.ahg .pf-f>small{font-size:10.5px;color:var(--acxpa-ds-slate)}
.ahg .pf-f .gs-inp,.ahg .pf-f .gs-sel{max-width:360px}
.ahg .pf-checks{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:11.5px}
.ahg .pf-checks span{display:flex;gap:6px;align-items:center}
/* Avatar */
.ahg .av-box{padding:16px 18px;display:grid;gap:12px}
.ahg .av-t{font-weight:700;font-size:12px;letter-spacing:.06em}
.ahg .av-tabs{display:flex;gap:4px}
.ahg .av-tabs span{font-size:11.5px;padding:7px 14px;border-radius:6px 6px 0 0;background:var(--acxpa-ds-teal-50)}
.ahg .av-tabs span.is-on{background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);font-weight:600}
.ahg .av-drop{border:2px dashed var(--acxpa-ds-teal-200);border-radius:8px;padding:40px;display:grid;gap:8px;justify-items:center;text-align:center}
.ahg .av-drop b{font-size:15px}
.ahg .av-drop small{color:var(--acxpa-ds-slate)}
.ahg .av-sel{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;padding:9px 18px;border-radius:6px}
.ahg .av-crop{border-radius:8px;background:var(--acxpa-ds-teal-800);padding:28px;display:grid;gap:10px;justify-items:center;color:var(--acxpa-ds-white)}
.ahg .av-frame{width:150px;height:150px;border:2px dashed var(--acxpa-ds-gold);display:grid;place-items:center;background:var(--acxpa-ds-teal-600);font-size:40px;font-weight:700}
.ahg .av-crop small{font-size:11px}
.ahg .av-note{font-size:11px;color:var(--acxpa-ds-slate)}
/* Members directory */
.ahg .dr-hero{background:var(--acxpa-ds-teal-800);color:var(--acxpa-ds-white);text-align:center;padding:30px 30px 26px;display:grid;gap:4px;justify-items:center}
.ahg .dr-hero h4{margin:0;font-size:24px}
.ahg .dr-hero p{margin:0;color:var(--acxpa-ds-gold);font-weight:700}
.ahg .dr-hero small{font-size:11.5px;opacity:.85}
.ahg .dr-bar{display:flex;gap:8px;margin-top:14px;width:560px}
.ahg .dr-q{flex:1;display:flex;align-items:center;gap:8px;background:var(--acxpa-ds-white);border-radius:6px;padding:0 10px;color:var(--acxpa-ds-ink)}
.ahg .dr-q .gs-inp{border:0;flex:1;padding:0}
.ahg .dr-ic{color:var(--acxpa-ds-slate)}
.ahg .dr-filt{background:var(--acxpa-ds-teal-800);color:var(--acxpa-ds-white);font-weight:700;padding:0 16px;border-radius:8px;display:flex;align-items:center;gap:6px}
.ahg .dr-info{margin:16px 28px 0;font-size:11.5px;display:grid;gap:4px}
.ahg .dr-info p{margin:0}
.ahg .dr-info b{color:var(--acxpa-ds-teal-700)}
.ahg .dr-panel{margin:12px 28px 0;background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:8px;padding:14px 18px;box-shadow:var(--acxpa-ds-shadow-sm)}
.ahg .dr-panel h5{margin:0 0 4px;font-size:13px}
.ahg .dr-panel p{margin:0 0 10px;font-size:11px;color:var(--acxpa-ds-slate)}
.ahg .dr-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.ahg .dr-cols b{display:block;font-size:11.5px;margin-bottom:6px}
.ahg .dr-cols label{display:flex;gap:7px;align-items:center;font-size:11.5px;padding:2px 0}
.ahg .dr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 28px 30px}
.ahg .dr-card{background:var(--acxpa-ds-white);border-radius:8px;overflow:hidden;display:grid;justify-items:center;text-align:center;padding-bottom:14px;box-shadow:var(--acxpa-ds-shadow-sm);gap:2px}
.ahg .dr-cover{height:46px;width:100%;background:var(--acxpa-ds-teal-100)}
.ahg .dr-card .dr-av{margin-top:-24px;border:3px solid var(--acxpa-ds-white);width:52px;height:52px}
.ahg .dr-card b{font-size:13px;margin-top:4px}
.ahg .dr-card small{font-size:10.5px;color:var(--acxpa-ds-slate)}
.ahg .dr-ics{display:flex;gap:8px;margin:6px 0}
.ahg .dr-ics i{width:22px;height:22px;border-radius:50%;background:var(--acxpa-ds-teal-50);display:block}
.ahg .dr-btn{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:11px;padding:6px 14px;border-radius:5px}
/* Youzify member profile (pictured with its current green bar) */
.ahg .mp-cover{background:linear-gradient(120deg,var(--acxpa-ds-teal-700),var(--acxpa-ds-teal-900));color:var(--acxpa-ds-white);display:flex;gap:16px;align-items:center;padding:40px 28px 18px}
.ahg .mp-cover .mp-av{width:84px;height:84px;font-size:26px;border:4px solid var(--acxpa-ds-white)}
.ahg .mp-cover b{display:block;font-size:20px}
.ahg .mp-cover em{font-style:normal;font-size:9.5px;background:var(--acxpa-ds-success);padding:2px 6px;border-radius:3px;vertical-align:middle;margin-left:6px}
.ahg .mp-tick{font-style:normal;font-size:12px;background:var(--acxpa-ds-teal-500);border-radius:50%;padding:0 4px}
.ahg .mp-cover small{font-size:10.5px;letter-spacing:.04em;opacity:.9}
.ahg .mp-bar{background:var(--acxpa-ds-teal-800);border-bottom:3px solid var(--acxpa-ds-gold);color:var(--acxpa-ds-white);display:flex;align-items:center;gap:4px;padding:0 20px;min-height:54px}
.ahg .mp-bar span{font-size:9.5px;font-weight:600;letter-spacing:.06em;text-align:center;padding:8px 12px;line-height:1.5}
.ahg .mp-bar span.is-on{color:var(--acxpa-ds-gold);box-shadow:inset 0 -3px 0 var(--acxpa-ds-gold)}
.ahg .mp-bar .mp-add{margin-left:auto;background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-size:11.5px;font-weight:700;padding:9px 16px;border-radius:999px;letter-spacing:0}
.ahg .mp-bar .mp-add.is-sent{background:var(--acxpa-ds-white)}
.ahg .mp-body{display:grid;grid-template-columns:260px 1fr;gap:16px;padding:18px 28px 30px;background:var(--acxpa-ds-teal-50)}
.ahg .mp-web,.ahg .mp-card{background:var(--acxpa-ds-white);border-radius:8px;padding:14px;display:grid;gap:4px;align-content:start;font-size:11.5px}
.ahg .mp-card-h{font-weight:700;font-size:13px;margin-bottom:6px}
.ahg .mp-card div:not(.mp-card-h){display:grid;grid-template-columns:140px 1fr;padding:5px 0;border-bottom:1px solid var(--acxpa-ds-teal-50)}
/* Friend requests + messages */
.ahg .rq-body,.ahg .mx-body{margin:18px 28px 30px;background:var(--acxpa-ds-white);border-radius:8px;padding:0 0 14px;box-shadow:var(--acxpa-ds-shadow-sm)}
.ahg .mx-tabs{display:flex;gap:4px;border-bottom:1px solid var(--acxpa-ds-teal-100);padding:0 14px}
.ahg .mx-tabs{padding:12px 14px;gap:10px}.ahg .mx-tabs span{font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:8px 13px;color:var(--acxpa-ds-teal-700);background:var(--acxpa-ds-cloud);border-radius:999px}
.ahg .mx-tabs span.is-on{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink)}
.ahg .rq-row{display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--acxpa-ds-teal-50)}
.ahg .rq-row>div{flex:1}
.ahg .rq-row b{display:block;font-size:13px}
.ahg .rq-row small{font-size:10px;color:var(--acxpa-ds-slate);letter-spacing:.05em}
.ahg .rq-acc{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:11px;padding:7px 12px;border-radius:999px}
.ahg .rq-rej{background:var(--acxpa-ds-white);color:var(--acxpa-ds-error);border:1px solid var(--acxpa-ds-error);font-weight:700;font-size:11px;padding:6px 11px;border-radius:999px}
.ahg .mx-form{padding:14px 18px;display:grid;gap:6px}
.ahg .mx-form b{font-size:12px;margin-top:6px}
.ahg .gs-inp.mx-msg{height:90px;align-items:flex-start;padding-top:8px}
.ahg .mx-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.ahg .mx-att{font-size:11.5px;color:var(--acxpa-ds-teal-700);font-weight:600}
.ahg .mx-send{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:11.5px;padding:9px 18px;border-radius:6px;letter-spacing:.04em}
/* Site-wide "complete your profile" popup */
.ahg .i-pop{position:absolute;left:230px;top:170px;width:500px;z-index:6;background:var(--acxpa-ds-white);border-radius:12px;padding:26px 28px;text-align:center;display:grid;gap:10px;justify-items:center;box-shadow:0 0 0 2000px color-mix(in srgb,var(--acxpa-ds-ink) 55%,transparent),var(--acxpa-ds-shadow-lg)}
.ahg .i-pop p{margin:0;font-size:12px;color:var(--acxpa-ds-slate)}
.ahg .i-pop .i-pop-h{font-size:17px;font-weight:700;color:var(--acxpa-ds-ink)}
.ahg .i-pop-btn{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;padding:10px 20px;border-radius:6px;margin-top:6px}
@media (max-width:560px){.ahg .gs-mega--ind{grid-auto-columns:minmax(130px,auto)}}
.ahg .yz-acc.is-on .yz-acc-h b{color:var(--acxpa-ds-teal-700)}
.ahg .yz-save.is-saved,.ahg .pf-up.is-saved{background:var(--acxpa-ds-success);color:var(--acxpa-ds-white)}
.ahg .yz-icons .c1,.ahg .c2,.ahg .c3,.ahg .c4{background:var(--acxpa-ds-teal-700)}.ahg .yz-icons .c5{background:var(--acxpa-ds-ink)}
/* v2 additions: current nav, wide megas, "on your profile" scenes */
.ahg .gs-nav.is-ind{gap:16px;font-size:11.5px;padding:0 20px}
.ahg .gs-nav.is-ind b{font-size:15px;margin-right:10px}
.ahg .gs-mega--ind.is-wide{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));width:920px;gap:10px 18px}
.ahg .gs-mega--ind.is-wide div div{white-space:normal;font-size:11px;padding:2.5px 0}
.ahg .mp-soc{display:flex;gap:6px;margin-top:6px}
.ahg .mp-soc i{width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--acxpa-ds-white) 18%,transparent);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700}
.ahg .mp-msgbtn{margin-left:auto}
.ahg .mp-bar .mp-msgbtn + .mp-add{margin-left:8px}
.ahg .mw-glow{box-shadow:0 0 0 3px var(--acxpa-ds-gold)}
.ahg .mw-about{display:flex;gap:12px;align-items:flex-start}
.ahg .mw-about p{margin:0;font-size:12px;line-height:1.6}
.ahg .mw-ph{width:56px;height:56px;border-radius:8px;background:var(--acxpa-ds-teal-600);color:var(--acxpa-ds-white);display:grid;place-items:center;font-weight:700;flex:none}
.ahg .mw-sk{display:grid;grid-template-columns:120px 1fr 40px;gap:10px;align-items:center;padding:6px 0;border-bottom:0!important}
.ahg .mw-sk span:first-child{font-size:11.5px;font-weight:600}
.ahg .mw-bar{height:9px;border-radius:5px;background:var(--acxpa-ds-teal-50);overflow:hidden;display:block}
.ahg .mw-bar i{display:block;height:100%;border-radius:5px}
.ahg .mw-sk b{font-size:11px;text-align:right}
.ahg .mw-svc{display:flex;gap:12px;align-items:center;border-bottom:0!important}
.ahg .mw-svc-ic{width:40px;height:40px;border-radius:8px;background:var(--acxpa-ds-teal-50);display:grid;place-items:center;font-size:19px;flex:none}
.ahg .mw-svc b{display:block;font-size:12.5px}
.ahg .mw-svc small{font-size:11px;color:var(--acxpa-ds-slate)}
.ahg .mw-quote div,.ahg .mw-vid{aspect-ratio:16/9;border-radius:8px;background:var(--acxpa-ds-teal-900);display:grid;place-items:center}
.ahg .mw-vid span{width:46px;height:46px;border-radius:50%;background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);display:grid;place-items:center;font-size:17px;padding-left:3px}
.ahg .sv-ic{position:relative}
.ahg .sv-pick{position:absolute;left:0;top:34px;z-index:5;display:grid;grid-template-columns:repeat(3,30px);gap:4px;background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-200);border-radius:8px;padding:6px;box-shadow:var(--acxpa-ds-shadow-lg)}
.ahg .sv-pick i{width:30px;height:30px;display:grid;place-items:center;font-style:normal;border-radius:6px}
.ahg .sv-pick i:hover{background:var(--acxpa-ds-teal-50)}
.ahg .sk-col.c1{background:var(--acxpa-ds-teal-600);border-color:var(--acxpa-ds-teal-600)}
.ahg .sk-col.c2{background:var(--acxpa-ds-gold);border-color:var(--acxpa-ds-gold)}
.ahg .sk-col.c3{background:var(--ahg-purple);border-color:var(--ahg-purple)}

/* Member's own pages (overview + profile), mirroring today's Youzify layout.
   pre-restyle Youzify styling, re-skinned after the restyle lands). */
.ahg .yzp-grid{display:grid;grid-template-columns:185px minmax(0,1fr) 185px;gap:14px;padding:18px 22px 32px;background:var(--acxpa-ds-cloud);align-items:start}
.ahg #myWidgets{display:grid;gap:14px;min-width:0}
.ahg .yzp-card{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:12px;overflow:hidden;box-shadow:var(--acxpa-ds-shadow-sm)}
.ahg .yzp-h{background:var(--acxpa-ds-sand);color:var(--acxpa-ds-ink);border-bottom:1px solid var(--acxpa-ds-teal-100);display:flex;align-items:center;gap:9px;padding:11px 14px;font-weight:700;font-size:12.5px}
.ahg .yzp-h i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);display:grid;place-items:center;font-size:11px}
.ahg .yzp-edit{margin-left:auto;color:var(--acxpa-ds-slate);font-size:12px}
.ahg .yzp-b{padding:14px 16px}
.ahg .yzp-people{padding:10px 12px;display:grid;gap:9px}
.ahg .yzp-people>div{display:flex;gap:8px;align-items:center}
.ahg .yzp-people .dr-av{width:30px;height:30px;font-size:10px}
.ahg .yzp-gav{border-radius:6px!important;background:var(--acxpa-ds-teal-100);color:var(--acxpa-ds-teal-700)}
.ahg .yzp-people b{font-size:10.5px;font-weight:600;line-height:1.3}
.ahg .yzp-tick{font-style:normal;color:var(--acxpa-ds-success);font-size:10px}
.ahg .yzp-fields{display:grid}
.ahg .yzp-fields>div{display:grid;grid-template-columns:160px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--acxpa-ds-teal-50);font-size:11.5px}
.ahg .yzp-fields b{font-weight:700}
.ahg .mw-nm{display:block;font-size:13px;letter-spacing:.04em;margin-bottom:4px}
.ahg .mw-quote{text-align:center;background:var(--acxpa-ds-teal-800);border-radius:6px;padding:18px 16px;color:var(--acxpa-ds-white)}
.ahg .mw-quote p{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.5}
.ahg .mw-quote small{color:var(--acxpa-ds-gold)}
.ahg .mw-vt{margin:8px 0 0;font-size:12px;font-weight:600}
.ahg .mw-card.is-hl{box-shadow:0 0 0 3px var(--acxpa-ds-gold)}
/* ---- Course library ---- */
.ahg .lb-hero{margin:16px 22px;background:var(--acxpa-ds-sand);border-radius:10px;padding:18px 22px;display:flex;gap:18px;align-items:center;justify-content:space-between}
.ahg .lb-hero h4{margin:0 0 4px;font-size:17px}
.ahg .lb-hero p{margin:0;font-size:11.5px;color:var(--acxpa-ds-slate);max-width:52ch}
.ahg .lb-jump{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:12px;padding:10px 16px;border-radius:7px;white-space:nowrap}
.ahg .lb-band{background:var(--acxpa-ds-teal-800);padding:18px 22px 28px;display:grid;gap:18px}
.ahg .lb-cat h5{margin:0 0 10px;color:var(--acxpa-ds-gold);font-size:14px}
.ahg .lb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ahg .lb-card{background:var(--acxpa-ds-white);border-radius:8px;padding:14px;display:grid;gap:6px;align-content:start}
.ahg .lb-card b{font-size:13px}
.ahg .lb-card p{margin:0;font-size:11px;color:var(--acxpa-ds-slate);min-height:3.2em}
.ahg .lb-start{background:var(--acxpa-ds-gold);border-radius:6px;font-weight:700;font-size:11.5px;text-align:center;padding:8px;position:relative;overflow:hidden;display:block}
.ahg .lb-start em{font-style:normal;position:relative}
.ahg .lb-prog{position:absolute;left:0;top:0;bottom:0;width:12%;background:var(--acxpa-ds-gold-mid);display:block}
/* ---- Quizzes ---- */
.ahg .qz-top{padding:18px 26px 10px}
.ahg .qz-top h4{margin:0;font-size:15px;color:var(--acxpa-ds-slate)}
.ahg .qz-lead{margin:2px 0 0;font-size:19px;font-weight:700;color:var(--acxpa-ds-ink)}
.ahg .qz-top small{color:var(--acxpa-ds-slate)}
.ahg .qz-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ahg .qz-tabs span{border:1px solid var(--acxpa-ds-teal-200);border-left:4px solid var(--acxpa-ds-teal-300);border-radius:7px;padding:8px 12px;font-weight:700;font-size:11.5px;display:flex;gap:7px;align-items:center}
.ahg .qz-tabs span i{font-style:normal;border:1px solid var(--acxpa-ds-teal-200);border-radius:999px;font-size:10px;padding:1px 7px;font-weight:600}
.ahg .qz-tabs span.is-on{background:var(--acxpa-ds-teal-800);color:var(--acxpa-ds-white);border-color:var(--acxpa-ds-teal-800)}
.ahg .qz-bandh{margin:12px 26px 0;background:var(--acxpa-ds-teal-800);color:var(--acxpa-ds-white);font-weight:700;font-size:13px;padding:12px 16px;border-radius:8px 8px 0 0}
.ahg .qz-band{margin:0 26px 24px;background:var(--acxpa-ds-teal-50);border-radius:0 0 8px 8px;padding:14px 16px}
.ahg .qz-band>p{margin:0 0 12px;font-size:11.5px}
.ahg .qz-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ahg .qz-card{background:var(--acxpa-ds-white);border-left:4px solid var(--acxpa-ds-teal-600);border-radius:8px;padding:14px;display:grid;gap:6px;align-content:start}
.ahg .qz-sh{justify-self:start;background:var(--acxpa-ds-gold);border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;padding:3px 9px}
.ahg .qz-card b{font-size:13px;color:var(--acxpa-ds-teal-700)}
.ahg .qz-card p{margin:0;font-size:10.5px;color:var(--acxpa-ds-slate);min-height:4em}
.ahg .qz-take{justify-self:start;background:var(--acxpa-ds-teal-50);border:1px solid var(--acxpa-ds-teal-200);border-radius:999px;font-weight:700;font-size:11px;padding:7px 13px}
.ahg .qz-note{margin-top:14px;background:var(--acxpa-ds-white);border-left:4px solid var(--acxpa-ds-gold);border-radius:6px;padding:11px 14px;font-size:11.5px}
/* ---- Open Mic ---- */
.ahg .om-wrap{padding:22px 28px}
.ahg .om-badge{background:var(--acxpa-ds-gold);border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.07em;padding:4px 11px}
.ahg .om-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:22px;align-items:start}
.ahg .om-hero h4{margin:10px 0 8px;font-size:22px;color:var(--acxpa-ds-teal-700)}
.ahg .om-hero p{margin:0 0 8px;font-size:11.5px;line-height:1.6}
.ahg .om-jt{background:var(--acxpa-ds-white);border-radius:10px;box-shadow:var(--acxpa-ds-shadow-sm);padding:14px;display:grid;gap:3px;justify-items:center;text-align:center}
.ahg .om-av{width:74px;height:74px;border-radius:50%;background:var(--acxpa-ds-teal-600);color:var(--acxpa-ds-white);display:grid;place-items:center;font-weight:800;font-size:22px}
.ahg .om-jt b{font-size:12px}
.ahg .om-jt small{font-size:10px;color:var(--acxpa-ds-slate)}
.ahg .om-card{margin-top:18px;border:2px solid var(--acxpa-ds-gold);border-radius:12px;padding:14px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:center;background:var(--acxpa-ds-white)}
.ahg .om-count{background:var(--acxpa-ds-gold);border-radius:8px;padding:12px 16px}
.ahg .om-count small{display:block;font-weight:700;font-size:10.5px}
.ahg .om-count b{font-size:20px}
.ahg .om-btns{display:grid;gap:8px}
.ahg .om-join{background:var(--acxpa-ds-teal-100);color:var(--acxpa-ds-slate);border-radius:7px;text-align:center;font-weight:700;font-size:12px;padding:11px}
.ahg .om-join.is-live{background:var(--acxpa-ds-success);color:var(--acxpa-ds-white)}
.ahg .om-remind{background:var(--acxpa-ds-gold);border-radius:7px;text-align:center;font-weight:700;font-size:12px;padding:11px}
.ahg .om-remind.is-on{background:var(--acxpa-ds-success-tint);color:var(--acxpa-ds-success-deep)}
/* ---- Hub ---- */
.ahg .hb-ask{margin:16px 22px 0;border:2px solid var(--acxpa-ds-teal-800);border-radius:12px;padding:14px}
.ahg .hb-ask h5{margin:0 0 10px;font-size:13px}
.ahg .hb-qs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ahg .hb-q{border-radius:8px;padding:10px;display:flex;gap:9px;align-items:flex-start}
.ahg .hb-q.q0{background:var(--ahg-hub-q0)}.ahg .hb-q.q1{background:var(--ahg-hub-q1)}.ahg .hb-q.q2{background:var(--ahg-hub-q2)}
.ahg .hb-q span{width:30px;height:30px;border-radius:7px;background:var(--acxpa-ds-white);display:grid;place-items:center;flex:none}
.ahg .hb-q b{display:block;font-size:11px;line-height:1.35}
.ahg .hb-q small{font-size:9.5px;color:var(--acxpa-ds-slate);line-height:1.35}
.ahg .hb-h{margin:20px 22px 2px;font-size:18px;color:var(--acxpa-ds-ink)}
.ahg .hb-sub{margin:0 22px 12px;color:var(--acxpa-ds-slate);font-size:11.5px}
.ahg .hb-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 22px 26px}
.ahg .hb-col{border-radius:10px;overflow:hidden;padding-bottom:10px}
.ahg .hb-col.hbg0{background:var(--ahg-hub-navy)}.ahg .hb-col.hbg1{background:var(--ahg-hub-rust)}.ahg .hb-col.hbg2{background:var(--ahg-hub-stone)}
.ahg .hb-colh{padding:14px 12px 10px;color:var(--acxpa-ds-white)}
.ahg .hb-colh b{display:block;font-size:14px;margin-bottom:3px}
.ahg .hb-colh small{font-size:10px;opacity:.9;line-height:1.4}
.ahg .hb-tool{background:var(--acxpa-ds-white);border-radius:7px;margin:8px 10px 0;padding:10px 12px;display:grid;gap:3px}
.ahg .hb-inc{justify-self:start;border:1px solid var(--acxpa-ds-success);color:var(--acxpa-ds-success-deep);border-radius:999px;font-size:8.5px;font-weight:800;letter-spacing:.06em;padding:2px 8px}
.ahg .hb-tool b{font-size:12px}
.ahg .hb-tool small{font-size:10px;color:var(--acxpa-ds-slate);line-height:1.4}
/* ---- Email preferences ---- */
.ahg .pfc-wrap{padding:20px 90px 30px;background:var(--acxpa-ds-cloud)}
.ahg .pfc-card{background:var(--acxpa-ds-white);border-radius:12px;border-top:4px solid var(--acxpa-ds-teal-700);box-shadow:var(--acxpa-ds-shadow-sm);padding:20px 24px}
.ahg .pfc-eyebrow{background:var(--acxpa-ds-teal-50);color:var(--acxpa-ds-teal-700);border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.07em;padding:4px 11px}
.ahg .pfc-card h4{margin:10px 0 6px;font-size:19px;color:var(--acxpa-ds-teal-700)}
.ahg .pfc-card>p{margin:0 0 12px;font-size:11.5px;color:var(--acxpa-ds-slate)}
/* ---- Submit article ---- */
.ahg .art-wrap{margin:16px 60px 30px;background:var(--acxpa-ds-white);border-radius:10px;box-shadow:var(--acxpa-ds-shadow-sm);padding:16px 22px}
.ahg .art-tabs{display:flex;gap:16px;border-bottom:1px solid var(--acxpa-ds-teal-100);padding-bottom:10px;font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--acxpa-ds-slate)}
.ahg .art-tabs .is-on{color:var(--acxpa-ds-ink);border-bottom:3px solid var(--acxpa-ds-gold);margin-bottom:-11px;padding-bottom:9px}
.ahg .art-head{display:flex;gap:10px;align-items:center;margin:14px 0 8px}
.ahg .art-head b{font-size:13.5px;color:var(--acxpa-ds-teal-700);flex:1}
.ahg .art-draft{background:var(--acxpa-ds-gold-tint);border:1px solid var(--acxpa-ds-gold);border-radius:6px;font-weight:700;font-size:11px;padding:8px 13px}
.ahg .art-sub{background:var(--acxpa-ds-gold);border-radius:6px;font-weight:700;font-size:11px;padding:8px 13px}
.ahg .art-intro{margin:0 0 12px;font-size:10.5px;color:var(--acxpa-ds-slate);line-height:1.5}
.ahg .art-f{display:grid;gap:4px;margin-bottom:10px}
.ahg .art-f small{font-size:10.5px;font-weight:700}
.ahg .art-body{height:120px;align-items:flex-start!important;padding-top:8px}
.ahg .art-ok{background:var(--acxpa-ds-success-tint);color:var(--acxpa-ds-success-deep);border-radius:7px;padding:11px 14px;font-size:11.5px;font-weight:600}
/* ---- Course page (mirrors /course/<slug>/) ---- */
.ahg .crs-hero{margin:14px 22px 0;background:var(--acxpa-ds-teal-800);border-radius:12px 12px 0 0;padding:20px 24px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;color:var(--acxpa-ds-white)}
.ahg .crs-r{display:grid;gap:12px;justify-items:center;align-content:start}
.ahg .crs-med{width:92px;height:92px}
.ahg .crs-back{font-size:9.5px;font-weight:800;letter-spacing:.08em;color:var(--acxpa-ds-gold);display:block;margin-bottom:8px}
.ahg .crs-pill{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.07em;padding:4px 9px}
.ahg .crs-hero h4{margin:10px 0 2px;font-size:22px}
.ahg .crs-hi{display:block;color:var(--acxpa-ds-gold);font-size:12px;margin-bottom:6px}
.ahg .crs-hero p{margin:0;font-size:11px;line-height:1.6;opacity:.95}
.ahg .crs-facts{border-left:3px solid var(--acxpa-ds-gold);padding-left:14px;display:grid;gap:9px;align-content:center}
.ahg .crs-facts small{display:block;font-size:8.5px;font-weight:800;letter-spacing:.08em;opacity:.8}
.ahg .crs-facts b{font-size:11.5px}
.ahg .crs-steps{margin:0 22px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--acxpa-ds-cloud);border-radius:0 0 10px 10px;overflow:hidden}
.ahg .crs-step{display:flex;gap:10px;align-items:center;padding:13px 16px;background:var(--acxpa-ds-teal-50)}
.ahg .crs-step.is-on{background:var(--acxpa-ds-white);box-shadow:inset 0 -3px 0 var(--acxpa-ds-gold)}
.ahg .crs-step i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--acxpa-ds-gold);display:grid;place-items:center;font-weight:800;font-size:11px;flex:none}
.ahg .crs-step b{display:block;font-size:11.5px}
.ahg .crs-step small{font-size:10px;color:var(--acxpa-ds-slate)}
.ahg .crs-wb{margin:14px 22px;border:1px solid var(--acxpa-ds-gold);border-left-width:4px;border-radius:9px;background:var(--acxpa-ds-white);padding:12px 16px;display:flex;gap:12px;align-items:center}
.ahg .crs-pdf{width:38px;height:38px;border-radius:8px;background:var(--acxpa-ds-teal-50);display:grid;place-items:center;font-weight:800;font-size:10px;flex:none}
.ahg .crs-wb b{display:block;font-size:12.5px;color:var(--acxpa-ds-teal-700)}
.ahg .crs-wb small{font-size:10.5px;color:var(--acxpa-ds-slate)}
.ahg .crs-wb>div{flex:1}
.ahg .crs-dl{background:var(--acxpa-ds-gold);border-radius:7px;font-weight:700;font-size:12px;padding:10px 18px}
.ahg .crs-assess{margin:0 22px 26px;background:var(--acxpa-ds-teal-600);border-radius:10px;padding:16px 18px;color:var(--acxpa-ds-white);text-align:center}
.ahg .crs-assess h5{margin:0 0 4px;font-size:15px}
.ahg .crs-assess p{margin:0 auto 12px;font-size:10.5px;max-width:62ch;opacity:.95}
.ahg .crs-fs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.ahg .crs-fs>div{background:var(--acxpa-ds-white);color:var(--acxpa-ds-ink);border-radius:7px;padding:9px}
.ahg .crs-fs small{display:block;font-size:8.5px;font-weight:800;letter-spacing:.08em;color:var(--acxpa-ds-slate)}
.ahg .crs-fs b{font-size:12.5px;color:var(--acxpa-ds-teal-700)}
.ahg .crs-startrow{background:var(--acxpa-ds-sand);border-radius:7px;padding:12px}
.ahg .crs-start{background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);border-radius:8px;font-weight:700;font-size:13px;padding:11px 34px;box-shadow:0 0 0 3px var(--acxpa-ds-gold-tint)}
/* course walkthrough: video, assessment question, certificate */
.ahg .crs-dl.is-done{background:var(--acxpa-ds-success);color:var(--acxpa-ds-white)}
.ahg .crs-vid{margin:0 22px 26px}
.ahg .crs-vidscr{position:relative;aspect-ratio:16/7;border-radius:10px;background:var(--acxpa-ds-teal-900);overflow:hidden}
.ahg .crs-vslide{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:3px;background:linear-gradient(140deg,var(--acxpa-ds-teal-900) 15%,var(--acxpa-ds-teal-800) 80%);padding-bottom:14px}
.ahg .crs-vmed{width:44px;height:44px;margin-bottom:5px}
.ahg .crs-vslide small{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--acxpa-ds-gold)}
.ahg .crs-vslide h5{margin:0;font-size:24px;color:var(--acxpa-ds-white)}
.ahg .crs-vslide p{margin:0 0 6px;font-size:10.5px;color:var(--acxpa-ds-cloud);opacity:.85}
.ahg .crs-play{width:50px;height:50px;border-radius:50%;background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);display:grid;place-items:center;font-size:18px;padding-left:4px;transition:transform .4s,opacity .4s;box-shadow:0 4px 14px color-mix(in srgb,var(--acxpa-ds-ink) 30%,transparent)}
.ahg .crs-play.is-min{transform:scale(.3);opacity:0}
.ahg .crs-vlow{position:absolute;left:14px;bottom:28px;background:color-mix(in srgb,var(--acxpa-ds-ink) 60%,transparent);border-left:3px solid var(--acxpa-ds-gold);padding:6px 14px 7px;border-radius:0 6px 6px 0;color:var(--acxpa-ds-white);text-align:left}
.ahg .crs-vlow b{display:block;font-size:11.5px}
.ahg .crs-vlow small{font-size:9px;opacity:.8}
.ahg .crs-vbar{position:absolute;left:14px;right:14px;bottom:12px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--acxpa-ds-white) 25%,transparent)}
.ahg .crs-vbar i{display:block;height:100%;width:0;border-radius:3px;background:var(--acxpa-ds-gold)}
.ahg .crs-vtime{position:absolute;right:16px;bottom:24px;color:var(--acxpa-ds-white);font-size:10px}
.ahg .crs-vcap{display:block;margin-top:8px;font-size:11px;color:var(--acxpa-ds-slate);text-align:center}
.ahg .crs-q{margin:0 22px 26px}
.ahg .crs-q-in{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-top:4px solid var(--acxpa-ds-teal-700);border-radius:10px;padding:16px 18px;display:grid;gap:8px}
.ahg .crs-q-in>small{font-size:9.5px;font-weight:800;letter-spacing:.08em;color:var(--acxpa-ds-slate)}
.ahg .crs-q-in>b{font-size:14px;line-height:1.4}
.ahg .crs-opt{display:flex;gap:9px;align-items:center;border:1px solid var(--acxpa-ds-teal-100);border-radius:7px;padding:10px 12px;font-size:11.5px}
.ahg .crs-opt.is-right{border-color:var(--acxpa-ds-success);background:var(--acxpa-ds-success-tint)}
.ahg .crs-q .crs-dl{justify-self:start;margin-top:4px}
.ahg .crs-res{background:var(--acxpa-ds-success);color:var(--acxpa-ds-white);border-radius:10px;padding:18px;text-align:center;font-size:15px;font-weight:700}
.ahg .crs-cert{margin:0 80px 28px;display:grid;gap:12px;justify-items:center}
.ahg .crs-cert-in{width:100%;background:var(--acxpa-ds-white);border:2px solid var(--acxpa-ds-gold);outline:6px solid var(--acxpa-ds-teal-50);border-radius:6px;padding:26px;text-align:center;display:grid;gap:5px}
.ahg .cc-brand{font-weight:800;font-size:17px;letter-spacing:.09em;color:var(--acxpa-ds-teal-800)}
.ahg .cc-eye{font-size:9.5px;font-weight:800;letter-spacing:.18em;color:var(--acxpa-ds-gold-mid)}
.ahg .crs-cert-in h5{margin:8px 0 0;font-size:21px;color:var(--acxpa-ds-ink)}
.ahg .crs-cert-in p{margin:0;font-size:10.5px;color:var(--acxpa-ds-slate)}
.ahg .cc-course{font-size:14.5px;color:var(--acxpa-ds-teal-700)}
.ahg .cc-date{font-size:10px;color:var(--acxpa-ds-slate)}

/* ---- Private groups (restyled look) ---- */
.ahg .gp-dir{padding:18px 24px 28px;display:grid;gap:14px}
.ahg .gp-intro{background:var(--acxpa-ds-sand);border-left:4px solid var(--acxpa-ds-gold);border-radius:8px;padding:14px 18px}
.ahg .gp-intro b{display:block;font-size:14.5px;margin-bottom:3px}
.ahg .gp-intro p{margin:0;font-size:11.5px;color:var(--acxpa-ds-slate)}
.ahg .gp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ahg .gp-card{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:12px;overflow:hidden;display:grid;justify-items:center;gap:4px;padding-bottom:14px;text-align:center}
.ahg .gp-band{width:100%;height:40px;background:var(--acxpa-ds-cloud)}
.ahg .gp-tile{width:56px;height:56px;border-radius:12px;background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);display:grid;place-items:center;font-weight:800;font-size:16px;margin-top:-26px;border:3px solid var(--acxpa-ds-white);box-shadow:var(--acxpa-ds-shadow-sm)}
.ahg .gp-card b{font-size:12.5px;margin-top:2px}
.ahg .gp-card small{font-size:10px;color:var(--acxpa-ds-slate)}
.ahg .gp-i{width:22px;height:22px;border-radius:50%;background:var(--acxpa-ds-teal-50);color:var(--acxpa-ds-teal-700);display:grid;place-items:center;font-weight:800;font-size:11px;font-style:italic;margin:3px 0}
.ahg .gp-req{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:11px;border-radius:999px;padding:8px 16px;width:78%}
.ahg .gp-one{padding-bottom:28px}
.ahg .gp-head{background:linear-gradient(135deg,var(--acxpa-ds-teal-50),var(--acxpa-ds-harbour-tint));display:flex;gap:16px;align-items:center;padding:26px 28px}
.ahg .gp-head .gp-tile--lg{width:74px;height:74px;font-size:20px;margin-top:0}
.ahg .gp-head h4{margin:0 0 3px;font-size:20px;color:var(--acxpa-ds-ink)}
.ahg .gp-head small{font-size:10px;letter-spacing:.05em;color:var(--acxpa-ds-slate)}
.ahg .gp-nav{background:var(--acxpa-ds-white);border-bottom:1px solid var(--acxpa-ds-teal-100);display:flex;align-items:center;padding:12px 28px}
.ahg .gp-home{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--acxpa-ds-ink);box-shadow:inset 0 -3px 0 var(--acxpa-ds-gold);padding-bottom:9px;margin-bottom:-13px}
.ahg .gp-reqbtn{margin-left:auto;background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:12px;border-radius:999px;padding:10px 18px}
.ahg .gp-reqbtn.is-sent{background:var(--acxpa-ds-teal-50);color:var(--acxpa-ds-teal-700)}
.ahg .gp-info{margin:18px 28px;background:var(--acxpa-ds-harbour-tint);border-left:4px solid var(--acxpa-ds-harbour);border-radius:6px;padding:13px 16px}
.ahg .gp-info p{margin:0 0 6px;font-size:11.5px;line-height:1.55}
.ahg .gp-form{margin:0 28px;background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-radius:10px;padding:16px 18px;display:grid;gap:8px}
.ahg .gp-form b{font-size:13px}
.ahg .gp-form p{margin:0;font-size:10.5px;color:var(--acxpa-ds-slate)}
.ahg .gs-inp.gp-note{height:64px;align-items:flex-start;padding-top:8px}
.ahg .gp-send{justify-self:start;background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:700;font-size:11.5px;letter-spacing:.04em;border-radius:999px;padding:10px 20px}
.ahg .gp-sent{margin:14px 28px 0;background:var(--acxpa-ds-success-tint);color:var(--acxpa-ds-success-deep);border-radius:8px;padding:12px 16px;font-weight:600;font-size:12px}
.ahg .gp-card .gp-tile{justify-self:center}

/* ---- Roundtable AI assistant scene (demo set, 10 Oct 2026) ---- */
.ahg .rt-pagehead{margin:14px 22px 10px}
.ahg .rt-pagehead h4{margin:0 0 2px;font-size:19px;color:var(--acxpa-ds-teal-800)}
.ahg .rt-pagehead p{margin:0;font-size:10.5px;color:var(--acxpa-ds-slate)}
.ahg .rt-wrap{margin:0 22px 24px;border-radius:14px;overflow:hidden;border:1px solid var(--acxpa-ds-stone);background:var(--acxpa-ds-gold-tint)}
.ahg .rt-band{background:var(--acxpa-ds-gold);padding:16px 20px 14px;color:var(--acxpa-ds-ink)}
.ahg .rt-badge{display:inline-block;border:1.5px solid var(--acxpa-ds-ink);border-radius:999px;padding:2px 10px;font-size:8px;font-weight:800;letter-spacing:.1em;margin-bottom:6px}
.ahg .rt-band h5{margin:0 0 4px;font-size:18px}
.ahg .rt-band p{margin:0;font-size:10.5px;line-height:1.55}
.ahg .rt-body{padding:14px 20px 16px}
.ahg .rt-askrow{display:flex;gap:8px;align-items:stretch}
.ahg .rt-input{flex:1;background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-stone);border-radius:8px;padding:10px 12px;font-size:11px;position:relative}
.ahg .rt-ph{color:var(--acxpa-ds-slate);opacity:.75}
.ahg .rt-sel{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-stone);border-radius:8px;padding:10px 12px;font-size:11px;font-weight:600;white-space:nowrap}
.ahg .rt-sel i{font-style:normal;opacity:.6}
.ahg .rt-ask{background:var(--acxpa-ds-teal-800);color:var(--acxpa-ds-white);border-radius:999px;padding:10px 20px;font-size:11.5px;font-weight:700;display:grid;place-items:center}
.ahg .rt-try{margin:10px 0 0;font-size:10px;color:var(--acxpa-ds-slate);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ahg .rt-pill{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-stone);border-radius:999px;padding:5px 12px;font-size:10px;font-weight:700;color:var(--acxpa-ds-teal-800)}
.ahg .rt-hr{border:0;border-top:1px solid var(--acxpa-ds-gold-mid);margin:14px 0}
.ahg .rt-answer p{margin:0 0 8px;font-size:11px;line-height:1.65;color:var(--acxpa-ds-ink)}
.ahg .rt-srchead{margin:12px 0 8px}
.ahg .rt-srchead b{font-size:13px;color:var(--acxpa-ds-ink)}
.ahg .rt-srchead small{margin-left:8px;font-size:9.5px;color:var(--acxpa-ds-teal-700);font-weight:600}
.ahg .rt-src{background:var(--acxpa-ds-sand);border:1px solid var(--acxpa-ds-stone);border-radius:10px;padding:10px 14px;margin:0 0 8px}
.ahg .rt-srctop{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ahg .rt-time{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);border-radius:999px;padding:2px 10px;font-size:9.5px;font-weight:800}
.ahg .rt-srctop small{font-size:8.5px;font-weight:800;letter-spacing:.06em;color:var(--acxpa-ds-slate)}
.ahg .rt-src p{margin:7px 0;font-size:10.5px;line-height:1.55;color:var(--acxpa-ds-ink);font-style:italic}
.ahg .rt-open{display:inline-block;background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-300);border-radius:999px;padding:4px 12px;font-size:9.5px;font-weight:700;color:var(--acxpa-ds-teal-800)}
.ahg .rt-foot{margin:12px 0 0;font-size:9px;line-height:1.5;color:var(--acxpa-ds-slate)}

/* ---- single roundtable jump scene + invitation email scene (demo set) ---- */
/* Stated exceptions: the CX Roundtable single template's own approved series colours (like --ahg-hub-*) */
.ahg{--ahg-rt-red:#8C2F23;--ahg-rt-rust:#C25B3F}
.ahg .rs-hero{margin:14px 22px 12px;background:var(--acxpa-ds-sand);border:1px solid var(--acxpa-ds-stone);border-radius:14px;padding:16px 20px}
.ahg .rs-crumb{font-size:9px;color:var(--acxpa-ds-slate);display:flex;justify-content:space-between;align-items:center;gap:10px}
.ahg .rs-pill{background:var(--ahg-rt-red);color:var(--acxpa-ds-white);border-radius:999px;padding:3px 12px;font-size:8.5px;font-weight:800;letter-spacing:.08em}
.ahg .rs-cols{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;margin-top:8px}
.ahg .rs-l h4{margin:0 0 8px;font-size:21px;color:var(--acxpa-ds-ink)}
.ahg .rs-meta{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-stone);border-left:3px solid var(--ahg-rt-rust);border-radius:8px;padding:8px 12px}
.ahg .rs-meta p{margin:2px 0;font-size:10px}
.ahg .rs-meta b{color:var(--acxpa-ds-teal-800)}
.ahg .rs-focus{background:var(--acxpa-ds-harbour-deep);border-top:3px solid var(--acxpa-ds-gold);border-radius:10px;padding:10px 14px;color:var(--acxpa-ds-white)}
.ahg .rs-focus small{display:block;font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--acxpa-ds-gold);margin-bottom:5px}
.ahg .rs-focus p{margin:0 0 6px;font-size:9.5px;line-height:1.5}
.ahg .rs-watch{margin:0 22px 24px;background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-stone);border-top:4px solid var(--acxpa-ds-teal-800);border-radius:12px;padding:14px 18px}
.ahg .rs-watch h5{margin:0 0 10px;font-size:15px;color:var(--acxpa-ds-teal-800)}
.ahg .rs-vid{position:relative;aspect-ratio:734/404;border-radius:10px;background:var(--acxpa-ds-teal-900);overflow:hidden}
.ahg .rs-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ahg .rs-chip{position:absolute;top:10px;left:12px;background:color-mix(in srgb,var(--acxpa-ds-ink) 65%,transparent);color:var(--acxpa-ds-gold);border-radius:999px;padding:4px 12px;font-size:9px;font-weight:800;letter-spacing:.1em}
.ahg .rs-vbar{position:absolute;left:14px;right:14px;bottom:12px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--acxpa-ds-white) 30%,transparent)}
.ahg .rs-vbar i{display:block;height:100%;width:83%;border-radius:3px;background:var(--acxpa-ds-gold)}
.ahg .rs-vtime{position:absolute;right:14px;bottom:24px;color:var(--acxpa-ds-white);font-size:10px;background:color-mix(in srgb,var(--acxpa-ds-ink) 65%,transparent);border-radius:999px;padding:3px 10px}
.ahg .rs-cap{display:block;margin-top:8px;font-size:10px;color:var(--acxpa-ds-slate);text-align:center}
.ahg .em-app{margin:20px 60px;background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-stone);border-radius:12px;overflow:hidden;box-shadow:var(--acxpa-ds-shadow-lg)}
.ahg .em-top{display:flex;justify-content:space-between;align-items:center;background:var(--acxpa-ds-cloud);border-bottom:1px solid var(--acxpa-ds-stone);padding:10px 18px;font-size:11px}
.ahg .em-top span{color:var(--acxpa-ds-slate);font-size:10px}
.ahg .em-msg{padding:16px 22px 20px}
.ahg .em-head{display:flex;gap:10px;align-items:flex-start}
.ahg .em-av{width:34px;height:34px;border-radius:50%;background:var(--acxpa-ds-teal-800);color:var(--acxpa-ds-gold);display:grid;place-items:center;font-weight:800;font-size:15px;flex:none}
.ahg .em-head b{font-size:12px}
.ahg .em-head small{display:inline-block;font-size:9.5px;color:var(--acxpa-ds-slate)}
.ahg .em-head .em-to{display:block}
.ahg .em-when{margin-left:auto;white-space:nowrap}
.ahg .em-subj{margin:12px 0 8px;font-size:16px;color:var(--acxpa-ds-ink)}
.ahg .em-body p{margin:0 0 8px;font-size:11px;line-height:1.6}
.ahg .em-body ul{margin:0 0 12px;padding-left:18px}
.ahg .em-body li{font-size:11px;line-height:1.7}
.ahg .em-btn{display:inline-block;background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);border-radius:8px;padding:10px 22px;font-size:12px;font-weight:800}
.ahg .em-note{margin-top:10px !important;font-size:9.5px !important;color:var(--acxpa-ds-slate)}

.ahg .rt-ts{margin:0 22px 24px;background:linear-gradient(135deg,var(--acxpa-ds-teal-700),var(--acxpa-ds-teal-800));border-top:4px solid var(--acxpa-ds-gold);border-radius:12px;padding:16px 20px;color:var(--acxpa-ds-white)}
.ahg .rt-ts h5{margin:0 0 4px;font-size:15px;color:var(--acxpa-ds-white)}
.ahg .rt-ts p{margin:0 0 10px;font-size:10.5px;color:var(--acxpa-ds-teal-100)}
.ahg .rt-tsrow{display:flex;gap:8px}
.ahg .rt-tsin{flex:1;background:var(--acxpa-ds-white);border-radius:8px;padding:10px 12px;font-size:10.5px;color:var(--acxpa-ds-slate)}
.ahg .rt-tsbtn{background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);border-radius:8px;padding:10px 20px;font-size:11px;font-weight:800;display:grid;place-items:center}

/* usage-grid resource tooltip (demo) — matches the live dashboard's memdb-tooltip:
   a ? icon after each resource name; hover shows a Teal 800 bubble with the resource description */
.ahg .gs-grid td{position:relative}
.ahg .gs-qi{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);font-size:9.5px;font-weight:700;line-height:14px;text-align:center;margin-left:5px;vertical-align:1px}
.ahg .gs-tipbox{animation:ahgTipIn .25s ease-out;position:absolute;bottom:calc(100% - 2px);left:16px;background:var(--acxpa-ds-teal-800);color:var(--acxpa-ds-white);font-size:12.5px;font-weight:500;line-height:1.45;padding:10px 13px;border-radius:8px;width:max-content;max-width:330px;white-space:normal;text-align:left;box-shadow:0 6px 16px color-mix(in srgb,var(--acxpa-ds-ink) 28%,transparent);z-index:6}
.ahg .gs-tipbox::after{content:'';position:absolute;top:100%;left:30px;border:6px solid transparent;border-top-color:var(--acxpa-ds-teal-800)}

@keyframes ahgTipIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* ---- public demo placements (roundtable libraries, visitors only) ---- */
.ahg-rtdemo{margin:56px auto;max-width:1120px;padding:0 20px;font-family:var(--acxpa-ds-font)}
.ahg-rtdemo-in{background:var(--acxpa-ds-sand);border:1px solid var(--acxpa-ds-stone);border-top:5px solid var(--ahg-rt-rust,#C25B3F);border-radius:var(--acxpa-ds-radius-lg);padding:36px 32px 32px}
.ahg-rtdemo-eyebrow{display:inline-block;background:var(--ahg-rt-red,#8C2F23);color:var(--acxpa-ds-white);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:5px 14px;border-radius:var(--acxpa-ds-radius-pill);margin:0 0 14px}
.ahg-rtdemo h2{font-family:var(--acxpa-ds-font);font-size:30px;font-weight:800;line-height:1.2;color:var(--acxpa-ds-ink);margin:0 0 10px}
.ahg-rtdemo-sub{color:var(--acxpa-ds-slate);font-size:var(--acxpa-ds-text-body);max-width:760px;margin:0 0 6px}
.ahg-rtdemo-sub+.ahg-rtdemo-sub{margin-bottom:22px}
.ahg-rtdemo .ahg{margin-top:18px}
.ahg-rtdemo-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ahg-rtdemo-btn{display:inline-block;background:var(--acxpa-ds-gold);color:var(--acxpa-ds-ink);font-weight:800;font-size:15px;padding:12px 26px;border-radius:var(--acxpa-ds-radius-pill);text-decoration:none}
.ahg-rtdemo-btn:hover{background:var(--acxpa-ds-gold-mid);color:var(--acxpa-ds-ink)}
.ahg-rtdemo-btn--ghost{background:transparent;border:2px solid var(--acxpa-ds-teal-700);color:var(--acxpa-ds-teal-700)}
.ahg-rtdemo-btn--ghost:hover{background:var(--acxpa-ds-teal-50);color:var(--acxpa-ds-teal-800)}
@media (max-width:640px){.ahg-rtdemo-in{padding:26px 18px}.ahg-rtdemo h2{font-size:24px}}

/* ---- batch 4 rework additions (12 Oct 2026) ---- */
/* photo guide: pretend photo + crop ring */
.ahg .av-frame{position:relative;overflow:hidden;border-style:solid}
.ahg .av-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ahg .av-ring{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border:3px solid var(--acxpa-ds-gold);border-radius:50%;box-shadow:0 0 0 999px color-mix(in srgb,var(--acxpa-ds-ink) 38%,transparent)}
.ahg .mp-avimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ahg #mpAvMe{position:relative;overflow:hidden}
/* social guide: sidebar widget */
.ahg .yzp-soc{display:flex;gap:9px;padding:4px 2px}
.ahg .yzp-soc i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--acxpa-ds-white);font-style:normal;font-weight:800;font-size:12px}
.ahg .yzp-soc .s-li{background:#0a66c2}.ahg .yzp-soc .s-fb{background:#1877f2}.ahg .yzp-soc .s-yt{background:#d22;font-size:9px}
/* directory: search button + tech chip */
.ahg .dr-gorow{display:flex;justify-content:flex-end;margin-top:12px}
.ahg .dr-go{background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);font-weight:800;font-size:12px;padding:10px 30px;border-radius:7px}
.ahg .dr-chip{position:absolute;top:8px;left:8px;background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);font-size:9px;font-weight:800;padding:4px 9px;border-radius:999px}
.ahg .dr-card{position:relative}
/* courses: downloaded workbook panel */
.ahg .crs-dlpanel{display:flex;gap:16px;align-items:center;background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-left:5px solid var(--acxpa-ds-gold);border-radius:10px;padding:14px 18px;margin:12px 0;box-shadow:var(--acxpa-ds-shadow-sm)}
.ahg .crs-wbcov{width:96px;border-radius:5px;box-shadow:0 4px 12px color-mix(in srgb,var(--acxpa-ds-ink) 25%,transparent)}
.ahg .crs-dlpanel b{font-size:13px;display:block;margin-bottom:4px}
.ahg .crs-dlpanel small{font-size:11.5px;color:var(--acxpa-ds-slate);line-height:1.45;display:block}
.ahg .crs-dlok{display:inline-block;margin-top:8px;color:var(--acxpa-ds-success);font-weight:800;font-size:11px}
/* quiz-taking */
.ahg .iq-wrap{display:grid;gap:12px;max-width:620px;margin:8px auto 0}
.ahg .iq-head{display:flex;justify-content:space-between;align-items:center;background:var(--acxpa-ds-teal-800);color:var(--acxpa-ds-white);border-radius:10px;padding:12px 16px}
.ahg .iq-head small{display:block;font-size:9px;font-weight:800;letter-spacing:.09em;opacity:.8}
.ahg .iq-head b{font-size:15px}
.ahg .iq-prog{background:color-mix(in srgb,var(--acxpa-ds-white) 14%,transparent);font-size:10.5px;font-weight:700;padding:5px 11px;border-radius:999px}
.ahg .iq-q{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-top:4px solid var(--acxpa-ds-teal-700);border-radius:10px;padding:16px 18px;display:grid;gap:8px}
.ahg .iq-q>b{font-size:14px;line-height:1.4}
.ahg .iq-res{background:var(--acxpa-ds-white);border:1px solid var(--acxpa-ds-teal-100);border-top:4px solid var(--acxpa-ds-gold);border-radius:10px;padding:18px;display:grid;gap:10px;justify-items:center;text-align:center}
.ahg .iq-res>b{font-size:17px}
.ahg .iq-res>p{font-size:12px;color:var(--acxpa-ds-slate);margin:0}
/* open mic: zoom-style meeting */
.ahg .zm-app{background:#111518;border-radius:12px;overflow:hidden;max-width:860px;margin:18px auto;font-family:var(--acxpa-ds-font)}
.ahg .zm-top{display:flex;align-items:center;gap:10px;background:#1c2125;color:#e8eaec;padding:10px 16px;font-size:12px}
.ahg .zm-top b{font-size:12.5px;flex:1;text-align:center}
.ahg .zm-rec{color:#e24a4a;font-size:10px}
.ahg .zm-view{font-size:11px;color:#aab2b8}
.ahg .zm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.ahg .zm-tile{position:relative;aspect-ratio:16/10;background:#262c31;border-radius:8px;display:grid;place-items:center;overflow:hidden}
.ahg .zm-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ahg .zm-host{outline:3px solid #35b56a;outline-offset:-3px}
.ahg .zm-you{outline:2px solid color-mix(in srgb,var(--acxpa-ds-gold) 80%,transparent);outline-offset:-2px}
.ahg .zm-av{width:52px;height:52px;border-radius:50%;background:var(--acxpa-ds-teal-700);color:var(--acxpa-ds-white);display:grid;place-items:center;font-weight:800;font-size:17px}
.ahg .zm-name{position:absolute;left:8px;bottom:7px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:5px;z-index:1}
.ahg .zm-bar{display:flex;gap:22px;justify-content:center;align-items:center;background:#1c2125;color:#cdd3d7;padding:11px;font-size:11px}
.ahg .zm-leave{background:#d64541;color:#fff;font-weight:700;padding:7px 18px;border-radius:7px}
/* email prefs: saved toast */
/* article body: paragraphs */
.ahg .art-body{height:150px;white-space:pre-line;line-height:1.55;font-size:11.5px}
/* connect: accepted row */
.ahg .rq-acc.is-done{background:var(--acxpa-ds-success);color:var(--acxpa-ds-white)}
.ahg .rq-row.is-done{opacity:.95}

/* ---- round-2 (12 Oct): Emily avatar images, bio paragraphs, social bars ---- */
.ahg .av-emily{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.ahg .mp-av,.ahg .yz-av,.ahg .mw-ph,.ahg .dr-av,.ahg .zm-av,.ahg .gs-av{overflow:hidden}
.ahg .mw-about p{white-space:pre-line}
.ahg .gs-inp.yz-big{white-space:pre-line}
.ahg .yzp-socbars{display:flex;flex-direction:column;gap:9px;padding:2px 0}
.ahg .sbx{display:flex;align-items:center;color:#fff;font-weight:700;font-size:12.5px;border-radius:3px;overflow:hidden;line-height:1}
.ahg .sbx i{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-style:normal;background:rgba(0,0,0,.18);margin-right:10px;font-size:12px;flex:none}
.ahg .sb-li{background:#0077b5}
.ahg .sb-fb{background:#5e79a8}
.ahg .sb-tk{background:#010101}
.ahg .sb-yt{background:#cd201f}
.ahg .mp-soc i{font-style:normal}

/* ---- round-3 (12 Oct): faces, find-your-own, talking video, real directory filters, certificates, PDF viewer, email prefs form, notifications, article library ---- */
.ahg .zm-tile img.av-emily{width:100%;height:100%;object-fit:cover}
.ahg .zm-av{overflow:hidden}
.ahg .zm-host img{object-fit:cover}
.ahg .zm-speaking{box-shadow:0 0 0 3px #2fd36b inset,0 0 0 2px #2fd36b}
.ahg .om-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
/* talking intro video widget */
.ahg .mw-vid{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f4f5c,#15606e)}
.ahg .mw-vid .mw-vid-img{position:absolute;left:50%;top:50%;height:96%;transform:translate(-50%,-50%);border-radius:10px;opacity:0;transition:opacity .3s}
.ahg .mw-vid .mw-vid-play{position:relative;z-index:2}
.ahg .mw-vid-ctl{position:absolute;left:0;right:0;bottom:0;display:none;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font-size:10px}
.ahg .mw-vid-ctl i{font-style:normal;font-size:9px}
.ahg .mw-vid-bar{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.ahg .mw-vid-bar b{display:block;height:100%;width:2%;background:var(--acxpa-ds-gold);transition:width 3.4s linear}
.ahg .mw-vid.is-on .mw-vid-img{opacity:1}
.ahg .mw-vid.is-on .mw-vid-play{display:none}
.ahg .mw-vid.is-on .mw-vid-ctl{display:flex}
.ahg .mw-vid.is-on .mw-vid-bar b{width:9%}
/* directory filters - real Youzify search form */
.ahg .dr-panel{border:2px solid #b8d2da;border-radius:2px;background:#fff;padding:22px 26px 20px}
.ahg .dr-panel h5{color:#0f4f5c;font-size:15px;margin:0 0 6px}
.ahg .dr-panel>p{font-size:10.5px;color:#6b7378;line-height:1.55;margin:0 0 14px}
.ahg .dr-sels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 22px}
.ahg .dr-self{position:relative}
.ahg .dr-self b{display:block;font-size:10.5px;color:#6b7378;font-weight:600;margin-bottom:5px}
.ahg .dr-sel{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;border-radius:3px;padding:9px 12px;font-size:10.5px;color:#666;font-weight:600}
.ahg .dr-sel i{font-style:normal;font-size:10px;color:#888}
.ahg .dr-selv.is-set{color:#0f4f5c;font-weight:700}
.ahg .dr-dd{position:absolute;left:0;right:0;top:100%;z-index:5;background:#fff;border:1px solid #e3e7e9;border-radius:3px;box-shadow:0 8px 20px rgba(0,0,0,.12);padding:8px}
.ahg .dr-ddq{display:block;border:1px solid #e3e7e9;border-radius:3px;padding:5px 8px;font-size:10px;color:#999;margin-bottom:6px}
.ahg .dr-dd label{display:flex;align-items:center;gap:8px;font-size:10.5px;color:#444;padding:5px 2px}
.ahg .dr-dd .gs-box{width:13px;height:13px;border-radius:2px;background:#eef0f1;border:1px solid #d6dbde}
.ahg .dr-dd .gs-box.is-on{background:#0f4f5c;border-color:#0f4f5c}
.ahg .dr-gorow{display:flex;justify-content:flex-end;margin-top:16px}
.ahg .dr-panel .dr-go{background:#0f4f5c;color:#fff;border-radius:3px;padding:10px 46px;font-size:13px;font-weight:600}
/* certificate (real ACXPA template) */
.ahg .ct-page{position:relative;background:#fff;width:300px;aspect-ratio:1414/2000;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.12);margin:0 auto;font-family:'DejaVu Sans',Verdana,sans-serif;color:#0f4f5c}
.ahg .ct-body{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 18px 0}
.ahg .ct-h{font-size:12.5px;letter-spacing:.14em;font-weight:800;margin-bottom:22px}
.ahg .ct-eye{font-size:6.5px;letter-spacing:.2em;color:#6b7378;margin-bottom:10px}
.ahg .ct-name{font-size:17px;font-weight:800;margin-bottom:12px}
.ahg .ct-l{font-size:6.5px;color:#55636a;margin-bottom:8px}
.ahg .ct-t{font-size:11px;font-weight:800;margin-bottom:8px}
.ahg .ct-l2{font-size:7px;color:#0f4f5c;margin-bottom:7px}
.ahg .ct-d{font-size:6px;color:#55636a}
.ahg .ct-mini{margin:10px 0 12px}
.ahg .ct-mini .ct-page{width:220px}
.ahg .ct-mini .ct-h{font-size:9px;letter-spacing:.06em;margin-bottom:12px;white-space:nowrap}
.ahg .ct-mini .ct-name{font-size:13px}
.ahg .ct-mini .ct-t{font-size:9px}
/* PDF viewer */
.ahg .pdfv{position:absolute;inset:0;z-index:20;background:#525659;display:flex;flex-direction:column}
.ahg .pdfv-bar{display:flex;align-items:center;gap:16px;background:#323639;color:#f1f1f1;font-size:11px;padding:9px 14px}
.ahg .pdfv-bar b{font-weight:600}
.ahg .pdfv-pg{margin-left:auto}
.ahg .pdfv-r{margin-left:auto;letter-spacing:.05em}
.ahg .pdfv-doc{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:18px 0;overflow:hidden}
.ahg .pdfv-doc .ct-page{width:330px}
.ahg #scQz{position:relative}
/* course video: real footage */
.ahg .crs-vclip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ahg .crs-vidscr{position:relative}
/* email preferences - real Gravity Form */
.ahg .pfc-hero{border-top:4px solid;border-image:linear-gradient(90deg,#0f4f5c,#15606e 70%,#f4a93c) 1;border-radius:8px;border:1px solid #e3e7e9;padding:18px 20px;margin-bottom:16px;position:relative}
.ahg .pfc-hero:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#0f4f5c,#15606e 70%,#f4a93c)}
.ahg .pfc-hero h4{font-size:19px;margin:10px 0 8px}
.ahg .pfc-hero p{font-size:11px;margin:0 0 6px}
.ahg .pfc-hero small{font-size:9.5px;color:#6b7378}
.ahg .pfc-eyebrow{display:inline-block;background:#e8f2f3;color:#0f4f5c;border:1px solid #cfe2e5;border-radius:999px;padding:3px 9px;font-size:8px;font-weight:700;letter-spacing:.06em}
/* notification switches */
.ahg .nt-row{align-items:center}
.ahg .nt-l{color:#4a89a5 !important;font-size:11px}
.ahg .nt-tog{display:inline-block;width:38px;height:18px;border-radius:9px;background:#e1e5e7;position:relative;transition:background .25s}
.ahg .nt-tog i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .25s}
.ahg .nt-tog.is-on{background:#9fb3bb}
.ahg .nt-tog.is-on i{left:22px}
/* article library */
.ahg .al-hero{margin:18px 40px 0;border-radius:12px;border-top:4px solid #f4a93c;background:linear-gradient(135deg,#0f4f5c,#0b3e48);color:#fff;padding:26px 28px;min-height:120px}
.ahg .al-hero h4{color:#fff;font-size:22px;margin:6px 0 10px}
.ahg .al-hero p{color:#dfeef0;font-size:11px;max-width:430px;margin:0}
.ahg .al-eye{color:#f4a93c;font-size:9px;font-weight:700;letter-spacing:.1em}
.ahg .al-browse{text-align:center;padding:22px 40px 8px}
.ahg .al-browse h5{font-size:17px;color:#22313a;margin:0 0 12px}
.ahg .al-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ahg .al-chips span{border:1px solid #0f4f5c;color:#0f4f5c;border-radius:999px;padding:3px 10px;font-size:9px;font-weight:600}
.ahg .al-chips span.is-on{background:#0f4f5c;color:#fff}
.ahg .al-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 40px 30px}
.ahg .al-card{border:1px solid #e3e7e9;border-radius:10px;background:#fff;text-align:center;padding:0 0 14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.ahg .al-img{position:relative;height:110px;background:#0f4f5c;border:5px solid #0f4f5c;border-radius:10px 10px 0 0}
.ahg .al-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}
.ahg .al-img--bp{background:linear-gradient(135deg,#d9c2a5,#a98a6a)}
.ahg .al-img--erl{background:linear-gradient(135deg,#cfd8de,#8fa3ad)}
.ahg .al-tag{position:absolute;top:6px;right:6px;background:#f4c430;color:#22313a;font-size:6.5px;font-weight:800;border-radius:3px;padding:2px 5px}
.ahg .al-card b{display:block;color:#0f4f5c;font-size:12px;line-height:1.3;padding:12px 12px 6px}
.ahg .al-card p{font-size:9.5px;color:#444;line-height:1.5;padding:0 14px;margin:0 0 10px}
.ahg .al-more{display:inline-block;background:#f4a93c;color:#22313a;border-radius:4px;padding:6px 14px;font-size:9.5px;font-weight:700}
.ahg .al-by{display:block;font-size:8.5px;color:#6b7378;margin-top:8px}
.ahg .mw-vid .mw-vid-bar{display:block;flex:1;width:auto;height:4px;padding:0;border-radius:2px;background:rgba(255,255,255,.35);font-size:0}
.ahg .mw-vid .mw-vid-ctl small{color:#fff;font-size:9px}

/* ---- round-4 (12 Oct) ---- */
.ahg .ct-bg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ahg .ct-body{position:relative;z-index:1;padding-top:13%}
.ahg .gp-band{height:46px;display:flex;justify-content:center;align-items:flex-start;overflow:visible}
.ahg .gp-card .gp-tile--img{width:58px;height:58px;margin-top:12px;padding:3px;background:#fff;border:1px solid var(--acxpa-ds-teal-100);border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.ahg .gp-tile--img img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}
.ahg .gp-card b{margin-top:30px}
.ahg .gp-head .gp-tile--lg.gp-tile--img{width:74px;height:74px;margin-top:0}
.ahg .ahg-tslide{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0A3A44,#0F4F5C);opacity:0;transition:opacity .35s;pointer-events:none}
.ahg .ahg-tslide.is-on{opacity:1}
.ahg .ahg-ts-in{text-align:center;color:#fff;padding:0 40px;transform:translateY(10px);transition:transform .45s}
.ahg .ahg-tslide.is-on .ahg-ts-in{transform:none}
.ahg .ahg-ts-eye{display:inline-block;color:#0A3A44;background:#F9B02E;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:800;letter-spacing:.12em}
.ahg .ahg-ts-h{display:block;font-family:Poppins,Arial,sans-serif;font-size:34px;font-weight:800;margin:16px 0 10px;color:#fff}
.ahg .ahg-ts-h:after{content:"";display:block;width:64px;height:5px;border-radius:3px;background:#F9B02E;margin:14px auto 0}
.ahg .ahg-ts-sub{display:block;font-size:15px;color:#DBE5E7}
.ahg .ms-wrap{padding:20px 6px 26px}
.ahg .ms-card{max-width:620px;margin:0 auto;padding:34px 36px;text-align:center;background:#fff;border:1px solid #DBE5E7;border-radius:16px;box-shadow:0 10px 28px rgba(15,79,92,.08)}
.ahg .ms-card h4{display:inline-block;margin:0;color:#0F4F5C;font-size:22px;font-weight:800}
.ahg .ms-card h4:after{content:"";display:block;width:48px;height:4px;border-radius:3px;background:#F9B02E;margin:10px auto 0}
.ahg .ms-card p{margin:16px auto 20px;font-size:12.5px;line-height:1.7;color:#5E7075}
.ahg .ms-btn{display:inline-flex;padding:12px 26px;border-radius:10px;background:#F9B02E;color:#14252A;font-weight:800;font-size:13px;box-shadow:0 6px 18px rgba(249,176,46,.42)}
.ahg .ms-card small{display:block;margin-top:18px;font-size:10.5px;color:#5E7075}

/* ---- round-6 (12 Oct): Account mega = live, inbox list, friends-only picker, sent states ---- */
.ahg .gs-mega--ind.is-wide.is-acct{grid-template-columns:repeat(3,minmax(0,1fr)) 190px}
.ahg .gs-mega--ind .mg-h2{margin-top:12px}
.ahg .gs-mega--ind .mg-card{background:#FAF7F2;border-radius:0 10px 10px 0;margin:-14px -14px -14px 0;padding:14px}
.ahg .gs-mega--ind .mg-hi{background:#fff;border:1px solid #E7E1D8;border-radius:10px;padding:10px 12px;margin:6px 0 12px}
.ahg .gs-mega--ind .mg-hi b{display:block;font-size:13px;color:#14252A}
.ahg .gs-mega--ind .mg-hi span{display:inline-block;margin-top:5px;background:#FDEBCB;color:#14252A;border-radius:999px;padding:2px 8px;font-size:9.5px;font-weight:700}
.ahg .gs-mega--ind .mg-go{display:inline-block;background:#F9B02E;color:#14252A;border-radius:6px;padding:7px 10px;font-size:10.5px;font-weight:700;white-space:nowrap}
.ahg .dr-btn.is-sent{background:#F1F6F7;color:#0F4F5C;box-shadow:inset 0 0 0 1px #DBE5E7}
.ahg .mx-list{padding:6px 18px 4px}
.ahg .mx-row{display:grid;grid-template-columns:34px 150px 1fr;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--acxpa-ds-teal-100)}
.ahg .mx-row .dr-av{width:34px;height:34px;overflow:hidden}
.ahg .mx-row b{display:block;font-size:11.5px;color:#14252A}
.ahg .mx-row small{display:block;font-size:10px;color:#5E7075}
.ahg .mx-row .mx-subjl{color:#0F4F5C}
.ahg .mx-towrap{position:relative}
.ahg .mx-dd{position:absolute;left:0;right:0;top:100%;z-index:6;margin-top:3px;background:#fff;border:1px solid #DBE5E7;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:6px}
.ahg .mx-dd small{display:block;font-size:9px;font-weight:700;letter-spacing:.08em;color:#5E7075;padding:3px 6px 5px}
.ahg .mx-dd>div{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;background:#F1F6F7}
.ahg .mx-dd .dr-av{width:26px;height:26px;overflow:hidden}
.ahg .mx-dd b{font-size:11.5px;margin:0}
.ahg .mx-dd em{margin-left:auto;font-style:normal;font-size:9.5px;font-weight:700;color:#0F4F5C;background:#DBE5E7;border-radius:999px;padding:2px 8px}
.ahg .mx-ok{margin:14px 18px;background:#E8F5EC;border-left:4px solid #2E8B57;border-radius:6px;padding:12px 14px;font-size:12px;font-weight:600;color:#1f5f3b}
/* ---- Email preferences form: matches acxpa-email-preferences.css v1.0.0 (GF 57 / GF 75) ---- */
.ahg .pfc-i{position:absolute;top:8px;right:8px;display:inline-flex;width:12px;height:12px;border-radius:50%;border:1px solid #9cc3c9;background:#fff;color:#14707f;font-size:7.5px;font-style:italic;font-weight:700;align-items:center;justify-content:center;font-family:Georgia,serif}
.ahg .pfc-hero .pfc-i{position:static;display:inline-flex;vertical-align:middle}
.ahg .pfc-i.is-open{background:#0f4f5c;border-color:#0f4f5c;color:#fff}
.ahg .pfc-sec{padding:14px 0 6px}
.ahg .pfc-sh{display:block;font-size:14px;font-weight:800;color:#0a3a44;margin-bottom:4px}
.ahg .pfc-sh em{color:#c0392b;font-weight:600;font-style:normal;font-size:8px}
.ahg .pfc-sec>p,.ahg .pfc-panel p,.ahg .pfc-loc>p{font-size:9px;color:#5e7075;margin:0 0 8px;line-height:1.55}
.ahg .pfc-sec>p u{color:#0f4f5c}
.ahg .pfc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ahg .pfc-grid label{position:relative;display:flex;align-items:flex-start;gap:7px;min-height:28px;box-sizing:border-box;padding:8px 22px 8px 9px;background:#f4f7f7;border:1px solid #dbe5e7;border-radius:6px;font-size:9.5px;color:#14252a;font-weight:600;line-height:1.35}
.ahg .pfc-grid label.is-on{background:#e0e7f2;border-color:#2c4880}
.ahg .pfc-grid .gs-box{flex:none;width:11px;height:11px;border-radius:2px;border:1px solid #6b7a80;background:#fff;margin-top:1px}
.ahg .pfc-grid .gs-box.is-on{background:#2c4880;border-color:#2c4880;box-shadow:none;position:relative}
.ahg .pfc-grid .gs-box.is-on:after{content:"";position:absolute;left:3px;top:0;width:3px;height:6px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.ahg .pfc-pop{position:absolute;z-index:3;left:0;top:calc(100% + 7px);width:200px;background:#14252a;color:#fff;border-radius:8px;padding:10px 12px;font-size:9.5px;font-weight:500;line-height:1.5;box-shadow:0 10px 24px rgba(20,37,42,.3)}
.ahg .pfc-pop:before{content:"";position:absolute;left:18px;top:-5px;width:10px;height:10px;background:#14252a;transform:rotate(45deg)}
.ahg .pfc-pop em{display:table;font-style:normal;font-weight:800;font-size:8px;background:#f9b02e;color:#14252a;border-radius:999px;padding:2px 8px;margin-bottom:6px}
.ahg .pfc-pop u{display:block;margin-top:6px;color:#f9b02e;font-weight:800;text-decoration-thickness:1px}
.ahg .pfc-panel{margin-top:12px;background:#f4f7f7;border:1px solid #dbe5e7;border-radius:9px;padding:14px 16px}
.ahg .pfc-sel{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #8ab0b8;border-radius:6px;padding:8px 10px;font-size:10px;color:#14252a;margin-top:4px}
.ahg .pfc-sel:after{content:"";border:4px solid transparent;border-top-color:#5e7075;border-bottom:0;margin-left:8px}
.ahg .pfc-loc{padding:16px 0 4px}
.ahg .pfc-sh--lg{font-size:14px}
.ahg .pfc-loc2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ahg .pfc-loc2 b{display:block;font-size:10px;color:#14252a}
.ahg .pfc-loc2 em{color:#c0392b;font-weight:600;font-style:normal;font-size:8px}
.ahg .pfc-foot{border-top:1px solid #dbe5e7;margin-top:16px;padding-top:14px}
.ahg .pfc-save{display:inline-block;background:#f9b02e;color:#14252a;border-radius:999px;padding:10px 20px;font-size:11px;font-weight:800;box-shadow:0 4px 12px rgba(249,176,46,.35)}