:root{--ink:#14213d;--blue:#155eef;--navy:#0b1f45;--cyan:#20c4d9;--paper:#f5f7fb;--line:#dfe5ef;--muted:#637083;--white:#fff;--green:#157f5b;--red:#b42318;--shadow:0 18px 50px rgba(16,32,66,.09)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:var(--blue);text-decoration:none}.top{height:72px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:20px}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:14px;letter-spacing:-1px}.nav{display:flex;align-items:center;gap:22px}.nav a{color:#44516a;font-size:14px;font-weight:600}.nav a:hover{color:var(--blue)}.nav-cta{padding:9px 16px;border:1px solid var(--line);border-radius:10px}.nav-toggle{display:none;border:0;background:none;font-size:25px}.container{width:min(1180px,92%);margin:auto}.hero{min-height:600px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.01;letter-spacing:-4px;margin:18px 0 25px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:20px;color:var(--muted);max-width:700px}.eyebrow{font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:1.7px;font-size:12px}.actions{display:flex;gap:12px;margin-top:30px}.hero-card{background:linear-gradient(145deg,var(--navy),#173c7f);border-radius:32px;color:white;padding:45px;text-align:center;box-shadow:0 30px 70px rgba(11,31,69,.25);transform:rotate(2deg)}.orbit{width:160px;height:160px;border-radius:50%;margin:5px auto 30px;display:grid;place-items:center;border:1px solid #ffffff55;box-shadow:0 0 0 25px #ffffff0b,0 0 0 50px #ffffff08;font-size:46px;font-weight:900;background:linear-gradient(135deg,#ffffff22,#20c4d944)}.mini-stats{display:flex;justify-content:space-between;border-top:1px solid #ffffff28;padding-top:25px}.mini-stats span{display:flex;flex-direction:column;font-size:12px;color:#c7d7f7}.mini-stats b{font-size:18px;color:white}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:90px}.pillars article,.card,.op-card,.mentor{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 6px 20px rgba(14,36,75,.035)}.pillars b{color:var(--cyan)}.pillars h3{margin:12px 0 5px}.pillars p,.muted,.meta{color:var(--muted)}.install{width:min(850px,92%);margin:50px auto}.install .card{box-shadow:var(--shadow)}.auth{width:min(470px,100%);margin:70px auto}.wide{width:min(850px,100%);margin:45px auto}.card h1,.section-head h1{font-size:36px;letter-spacing:-1px;margin:.2em 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin:13px 0}input,select,textarea{width:100%;border:1px solid #cfd7e6;border-radius:10px;padding:12px 13px;background:white;color:var(--ink);font:inherit}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #155eef20;border-color:var(--blue)}.full{grid-column:1/-1}.check{flex-direction:row;align-items:center}.check input{width:auto}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:11px 18px;font-weight:800;font-size:14px;cursor:pointer}.btn.primary{background:var(--blue);color:white}.btn.ghost{background:white;color:var(--navy);border:1px solid var(--line)}.btn.danger{background:#fff0ee;color:var(--red)}.btn.small{padding:7px 11px;font-size:12px}.welcome,.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:42px 0 22px}.welcome h1{font-size:43px;margin:8px 0}.welcome p,.section-head p{color:var(--muted);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;gap:14px;align-items:center}.metric>span{display:grid;place-items:center;background:#eaf0ff;color:var(--blue);width:40px;height:40px;border-radius:12px;font-weight:900}.metric strong{font-size:27px;display:block;line-height:1}.metric small{color:var(--muted)}.list{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.list-row{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--ink)}.list-row:last-child{border:0}.list-row:hover{background:#fafbfe}.list-row h3{margin:4px 0;font-size:17px}.list-row p,.list-row small{margin:0;color:var(--muted)}.count{display:block;white-space:nowrap;font-size:12px;background:#edf2fa;padding:6px 9px;border-radius:20px;color:#43516a;margin-top:7px}.badge{display:inline-block;border-radius:20px;padding:4px 9px;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.5px;background:#edf2fa;color:#45526b}.badge.approved,.badge.resolved,.badge.accepted,.badge.selected{background:#e7f8f1;color:var(--green)}.badge.pending,.badge.answered,.badge.interview{background:#fff4d6;color:#8a6200}.badge.rejected,.badge.suspended{background:#ffebe9;color:var(--red)}.badge.referral{background:#e6faff;color:#087a8b}.badge.neutral{background:#eaf0ff;color:var(--blue)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:18px}.question-detail{background:white;border:1px solid var(--line);padding:36px;border-radius:20px;margin:40px 0 25px}.question-detail h1{font-size:38px;line-height:1.15}.prose{font-size:17px;margin:25px 0}.answer{display:flex;gap:17px;background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin:12px 0}.answer.accepted{border:2px solid #3bb58b;background:#fbfffd}.answer h3{margin:0}.answer p{font-size:16px}.avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:white;font-weight:900}.avatar.large{width:70px;height:70px;margin:auto;font-size:24px}.helpful{color:var(--green)}.link-btn{background:none;border:0;color:var(--blue);font-weight:800;padding:5px 0;cursor:pointer}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.op-card h2,.mentor h2{margin:16px 0 2px}.op-card h3{margin:0;color:var(--blue)}.op-card small,.mentor small{color:var(--muted)}.op-card details,.mentor details{margin-top:18px}.mentor{text-align:center}.inline{display:flex;gap:7px;align-items:center;margin-top:12px}.approve{display:grid;grid-template-columns:180px auto auto;gap:6px;align-items:center}.alert{padding:13px 17px;border-radius:10px;margin:18px 0}.alert.success{background:#e7f8f1;color:#096447}.alert.error{background:#ffebe9;color:#8f1710}.empty{text-align:center;padding:55px;background:white;border:1px dashed #bdc7d8;border-radius:16px}.disclaimer{font-size:12px;color:var(--muted);padding:18px;border-left:3px solid var(--cyan)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:1px}.bar{width:90px;height:6px;background:#e8edf5;border-radius:4px;display:inline-block;margin-right:8px}.bar i{display:block;height:100%;background:var(--blue);border-radius:4px}footer{text-align:center;color:#7a8495;font-size:12px;padding:70px 0 35px}@media(max-width:850px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding:70px 0}.hero-card{display:none}.pillars,.card-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.list-row{align-items:flex-start}.approve{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:560px){.pillars,.card-grid,.metrics,.filters{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.welcome,.section-head,.list-row{align-items:stretch;flex-direction:column}.question-detail{padding:23px}.question-detail h1{font-size:29px}}@media print{.top,.btn,footer{display:none}.container{width:100%}.metric,.card{break-inside:avoid}}

/* Permission Management */
.permission-layout{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:18px;align-items:start}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.permission-card{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #dce4ee;border-radius:14px;background:#fff;cursor:pointer}
.permission-card input{margin-top:4px;min-width:auto}.permission-card span{display:block}.permission-card strong,.permission-card small{display:block}.permission-card small{margin-top:5px;color:#64748b;line-height:1.4}
.list-row.selected{outline:2px solid #2563eb;background:#eff6ff}
@media(max-width:850px){.permission-layout,.permission-grid{grid-template-columns:1fr}}

/* Alumni News & Stories */
.news-hero{padding:34px;margin:20px 0;border-radius:22px;background:linear-gradient(135deg,#eef8ff,#f7fbff);border:1px solid #dce8f5}
.news-hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:.3rem 0}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.news-card{overflow:hidden;padding:0}
.news-card>img{width:100%;height:190px;object-fit:cover}
.news-card>div{padding:18px}
.news-card h2{margin:.55rem 0}
.news-detail{max-width:900px;margin:20px auto}
.news-detail-image{width:100%;max-height:480px;object-fit:cover;border-radius:16px;margin-bottom:18px}
.story-meta{padding:12px 0;border-bottom:1px solid #e5edf5;margin-bottom:20px}
.story-body{font-size:1.05rem;line-height:1.8;white-space:normal}
.story-status-list>div{padding:12px 0;border-bottom:1px solid #e6edf5}
.story-status-list small{display:block;margin-top:4px}
@media(max-width:900px){.news-grid{grid-template-columns:1fr}.news-hero{padding:24px}}

.delete-account-box{margin-left:10px}
.delete-account-box>summary{list-style:none;cursor:pointer;display:inline-block}
.delete-account-box>summary::-webkit-details-marker{display:none}
.compact-delete{margin-top:12px;padding:14px;border:1px solid #f1caca;border-radius:12px;background:#fff8f8;min-width:min(420px,80vw)}
@media(max-width:760px){.delete-account-box{margin:10px 0 0}.compact-delete{min-width:0;width:100%}}
/* Alumni Association identity + sponsor strip */
.home-association-brand{display:flex;align-items:center;gap:18px;margin:0 0 1rem}.home-association-brand img{width:180px;max-height:180px;object-fit:contain;border-radius:22px}.home-association-brand .ab-name{font-weight:900;font-size:clamp(1.5rem,3vw,2.35rem);letter-spacing:-.03em}.home-association-brand .ab-name small{display:block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#0755d5;margin-bottom:.3rem}.sponsor-strip{margin:2rem 0 0;padding:1.1rem 0;border-top:1px solid #e4e8ef;background:#fff;overflow:hidden}.sponsor-title{text-align:center;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:#68758a;margin-bottom:.8rem}.sponsor-marquee{overflow:hidden}.sponsor-track{display:flex;width:max-content;gap:2.2rem;align-items:center;animation:sponsor-scroll 28s linear infinite}.sponsor-track:hover{animation-play-state:paused}.sponsor-track a,.sponsor-track span{display:flex;align-items:center;gap:.65rem;color:#26364d;text-decoration:none;min-width:190px}.sponsor-track img{width:110px;height:54px;object-fit:contain}.sponsor-track b{font-size:.85rem;max-width:150px}@keyframes sponsor-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:760px){.home-association-brand{flex-direction:column;align-items:flex-start}.home-association-brand img{width:145px}.sponsor-track{animation-duration:20s}}

.public-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.public-contact-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.7rem}.public-contact-card h3,.public-contact-card p{margin:0}.public-contact-card small{color:var(--muted,#64748b)}@media(max-width:800px){.public-contact-grid{grid-template-columns:1fr}}

/* v4 homepage association mark: keep compact even when home-campus.css loads later */
.hero.home-campus-direct .home-association-brand img{width:110px!important;height:110px!important;max-width:110px!important;max-height:110px!important;object-fit:contain!important;display:block!important}
@media(max-width:760px){.hero.home-campus-direct .home-association-brand img{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important}}

/* AlumniBridge country code and WhatsApp consent */
.ab-phone-group{display:grid;grid-template-columns:minmax(150px,1fr) minmax(190px,2fr);gap:12px;align-items:end}.ab-phone-group label{min-width:0}.ab-phone-group .ab-other-code:not([hidden]){grid-column:1/-1}.ab-phone-group [hidden]{display:none!important}.ab-wa-fields{border:1px solid #dbe3ee;border-radius:12px;padding:14px}.ab-wa-fields legend{font-weight:700;padding:0 6px}.ab-wa-fields>label{display:inline-flex;align-items:center;gap:6px;margin-right:16px}.ab-wa-fields .ab-wa-consent{display:flex;margin:14px 0 8px;align-items:flex-start}.ab-wa-fields input[type=checkbox],.ab-wa-fields input[type=radio]{width:auto;flex-shrink:0}.ab-wa-fields small{display:block;color:#65758b}@media(max-width:550px){.ab-phone-group{grid-template-columns:1fr}}


/* Unified role-aware navigation panels: Ask & Answer, Opportunities, Community */
@media(min-width:861px){
.nav .ab-unified-nav{position:relative}
.nav .ab-unified-nav>.ab-unified-panel{position:absolute;top:calc(100% + 13px);right:-135px;width:min(560px,90vw);max-height:min(76vh,690px);overflow:auto;z-index:110;background:#fff;border:1px solid #dce6f3;border-radius:17px;box-shadow:0 24px 60px rgba(14,35,74,.19);padding:0;display:none}
.nav .ab-unified-nav[open]>.ab-unified-panel{display:block}
}
.ab-unified-panel{color:#162b4b;text-align:left}
.ab-unified-heading{display:flex;align-items:center;gap:13px;padding:19px;background:linear-gradient(110deg,#102f60,#1c56a2);color:#fff}
.ab-unified-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #ffffff66;border-radius:11px;font-size:12px;font-weight:800;flex-shrink:0}
.ab-unified-heading strong,.ab-unified-heading small{display:block;color:#fff}
.ab-unified-heading strong{font-size:16px}.ab-unified-heading small{font-size:11px;font-weight:400;color:#d9e8ff}
.ab-unified-sections{padding:19px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ab-unified-section h3{font-size:10px;letter-spacing:1.25px;text-transform:uppercase;color:#597497;margin:0 0 10px;font-weight:800}
.ab-unified-items{display:grid;gap:3px}
.nav .ab-unified-items a{display:flex;align-items:center;gap:10px;min-height:37px;padding:7px;border-radius:9px;font-size:12px;line-height:1.3;color:#17345a;font-weight:700;text-decoration:none}
.nav .ab-unified-items a:hover,.nav .ab-unified-items a:focus-visible{background:#eff5ff;color:#155eef}
.ab-unified-icon{display:grid;place-items:center;flex:0 0 26px;height:26px;background:#eaf2ff;border-radius:8px;color:#1b56a3;font-size:13px}
.ab-unified-chevron{margin-left:auto;color:#91a5c3;font-size:19px}
.ab-unified-foot{background:#f7f9fd;padding:10px 18px;font-size:10px;color:#778aa4;border-top:1px solid #edf1f7}
@media(max-width:860px){.nav .ab-unified-nav>.ab-unified-panel{display:block;position:static;max-height:none;width:100%;border:1px solid #e2e9f4;border-radius:12px;overflow:visible}.nav .ab-unified-nav:not([open])>.ab-unified-panel{display:none}.ab-unified-sections{grid-template-columns:1fr;padding:12px}.ab-unified-heading{padding:13px}}
@media(max-width:460px){.ab-unified-sections{grid-template-columns:1fr}}