*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,Arial;color:#18334b;background:#f5f8fc}a{color:inherit;text-decoration:none}.wrap{width:min(1150px,92%);margin:auto}.top{background:#092d4a;color:#fff;padding:10px 0}.nav{background:#fff;box-shadow:0 2px 12px #1232;position:sticky;top:0;z-index:5}.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 0}.nav a{margin-right:15px}.brand{font-weight:800;color:#0d5277;font-size:21px}.hero{background:linear-gradient(120deg,#0a3555,#126b88);color:white;padding:85px 0}.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.15;max-width:750px}.hero p{max-width:680px;font-size:19px}.btn{display:inline-block;background:#e9b44c;color:#172b3b;padding:11px 19px;border:0;border-radius:8px;font-weight:700;cursor:pointer}.section{padding:46px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background:white;padding:23px;border-radius:14px;box-shadow:0 5px 20px #1231}.card h3{margin-top:0}.muted{color:#617589}.footer{background:#092d4a;color:white;padding:35px 0;margin-top:40px}.form{max-width:550px}.form input,.form textarea,.form select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:7px;margin:6px 0 14px;font:inherit}.form label{font-weight:600}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #dce5ed}.alert{padding:12px;background:#e5f5e8;border-radius:8px}.error{background:#ffe6e6}.actions{display:flex;gap:10px;align-items:center}.actions form{display:inline}.content{white-space:pre-wrap}.tag{display:inline-block;background:#d9ecf5;border-radius:15px;padding:2px 10px;font-size:13px}@media(max-width:650px){.hero{padding:50px 0}.nav a{display:inline-block;margin:5px 9px 5px 0}}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px;flex-wrap:wrap}.section-head h2{font-size:clamp(25px,3vw,36px);margin-bottom:8px}.feature{border-top:4px solid #e9b44c;transition:transform .2s}.feature:hover{transform:translateY(-4px)}.feature>span{color:#0c7493;font-weight:800}.thumb{width:100%;height:210px;object-fit:cover;border-radius:10px}.hero{padding:0;background:#082e4d}.hero>.wrap{padding:48px 0}.hero-slide{display:none;background-size:cover;background-position:center;min-height:420px;padding:55px 30px;border-radius:16px;background-color:#0a3555}.hero-slide.current{display:flex;align-items:center}.hero-copy{max-width:720px}.slide-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px}.slide-controls button{background:#fff;border:0;border-radius:8px;font-size:28px;width:45px;height:42px;cursor:pointer}.nav nav{display:flex;flex-wrap:wrap;gap:9px}.nav nav a{margin:0}.nav nav a:hover{color:#0c7493}@media(max-width:650px){.hero-slide{min-height:360px;padding:30px 15px}.hero>.wrap{padding:20px 0}}

.nav-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-inner nav{display:flex;flex-wrap:wrap;gap:12px;flex:1}.language-switch{display:flex;align-items:center;gap:6px;font-size:.85rem}.language-switch select{max-width:140px;padding:7px;border-radius:6px}.form fieldset{border:1px solid #d6e0ea;border-radius:8px;padding:14px}.form legend{font-weight:700}

/* Phase 5 identity and management */
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.02em}.university-logo{width:55px;height:55px;object-fit:contain;background:white;border-radius:50%;padding:2px}.brand span{display:flex;flex-direction:column}.brand small{font-size:10px;font-weight:500;letter-spacing:0;color:#64748b}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.admin-table{width:100%;border-collapse:collapse;background:white}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #dce4eb;text-align:left}.admin-form{max-width:780px;display:grid;gap:12px}.admin-form label{font-weight:600}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:11px;border:1px solid #b9c8d8;border-radius:8px}.notice{background:#fff8dc;padding:12px;border-radius:8px}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.portal-card{padding:24px;background:white;border:1px solid #d9e1eb;border-radius:12px}

/* Phase 7 brand controls and navigation */
:root{--su-primary:#092d4a;--su-accent:#e9b44c}.top,.footer{background:var(--su-primary)}.btn{background:var(--su-accent)}.admin-quicknav{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.admin-quicknav a{background:var(--su-primary);color:white;border-radius:9px;padding:12px 18px}.table-scroll{overflow-x:auto}.nav-inner nav{max-height:110px;overflow-y:auto}.brand{min-width:220px}@media(max-width:760px){.nav-inner nav{max-height:none}.admin-quicknav a{width:100%}}

/* Phase 8: responsive admin dashboard */
.su-admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.su-admin-sidebar{background:#092d4a;color:white;padding:22px;border-radius:14px}.su-admin-sidebar h2,.su-admin-sidebar h3{color:white}.su-admin-sidebar h3{font-size:.86rem;margin:20px 0 6px;opacity:.75}.su-admin-sidebar a{display:block;color:white;text-decoration:none;padding:8px 10px;border-radius:7px}.su-admin-sidebar a:hover,.su-admin-sidebar a:focus{background:#ffffff24}.su-admin-sidebar form{margin-top:16px}.su-admin-main{min-width:0}.su-admin-main .card{min-width:0}@media(max-width:850px){.su-admin-layout{grid-template-columns:1fr}.su-admin-sidebar{display:block}.su-admin-sidebar a{display:inline-block;margin:2px}}

/* Phase 9 academic directory */
.academic-page{padding:30px 0 65px}.academic-hero{background:linear-gradient(125deg,var(--su-primary,#092d4a),#1768a3);color:#fff;border-radius:20px;padding:40px 35px;margin:20px 0 28px}.academic-hero h1{color:#fff;font-size:clamp(2rem,4vw,3rem);margin:8px 0}.academic-hero p{max-width:750px}.eyebrow{letter-spacing:.15em;font-weight:700}.academic-search{display:grid;grid-template-columns:2fr 1fr 1.5fr auto auto;gap:12px;align-items:end;background:#fff;padding:18px;border-radius:16px;box-shadow:0 6px 24px #102d4a18;margin-bottom:30px}.academic-search label{font-weight:600;font-size:.88rem}.academic-search input,.academic-search select{display:block;width:100%;padding:12px;border:1px solid #bdcbd6;border-radius:9px;margin-top:7px;background:white;color:#162d3e}.academic-search button{background:var(--su-primary,#092d4a);color:#fff;border:0;border-radius:9px;padding:13px 18px;cursor:pointer}.clear-filters{padding:12px}.academic-grid,.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:15px 0 35px}.academic-unit,.program-card{background:#fff;border:1px solid #e3eaf0;border-radius:15px;padding:23px;box-shadow:0 5px 17px #1530470b}.academic-unit h3,.program-card h3{margin:10px 0}.academic-unit a{font-weight:700}.unit-label,.level-tag{display:inline-block;background:#e9f4fc;color:#154d78;border-radius:99px;padding:5px 11px;font-size:.78rem;font-weight:700}.program-card small{color:#586a77}.department-section{padding:25px;margin:16px 0}.department-program{padding:14px 0;border-top:1px solid #e4e9ee}.academic-empty{padding:22px}@media(max-width:900px){.academic-search{grid-template-columns:1fr 1fr}.academic-grid,.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.academic-search,.academic-grid,.program-grid{grid-template-columns:1fr}.academic-hero{padding:28px 20px}}

/* Phase 10: public-site redesign */
:root{--su-ink:#102d44;--su-gold:#e9b44c}body{color:var(--su-ink);background:#f4f7fb}.wrap{width:min(1240px,92%)}.top{font-size:13px;padding:7px 0}.top-inner{display:flex;justify-content:space-between;gap:12px}.top a{color:#fff;text-decoration:underline;text-underline-offset:3px}.top-muted{opacity:.72}.nav{position:sticky;top:0;z-index:30}.nav .wrap{gap:12px;padding:12px 0}.nav-inner{display:flex;align-items:center}.nav nav{display:flex;align-items:center;flex-wrap:wrap;gap:2px;max-height:94px;overflow:auto;flex:1}.nav nav a{font-size:13px;font-weight:650;margin:0;padding:8px 9px;border-radius:7px;white-space:nowrap}.nav nav a:hover,.nav nav a:focus-visible{background:#edf5fb;color:#07537d}.brand{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.2;flex-shrink:0}.brand small{display:block;font-size:10px;font-weight:500;color:#667788;margin-top:5px}.university-logo{width:56px;height:56px;object-fit:contain}.language-switch{display:flex;gap:6px;align-items:center;font-size:12px}.language-switch select{padding:7px;border:1px solid #d2dce4;border-radius:7px;background:white}.mobile-nav-toggle{display:none;background:#eaf3f8;border:0;border-radius:7px;padding:10px 12px;font-weight:700}.hero{background:linear-gradient(135deg,#07283f,#0d5575)}.hero>.wrap{padding:28px 0 36px}.hero-slide{min-height:475px;border-radius:18px;box-shadow:0 16px 38px #062b4340;padding:clamp(25px,6vw,70px)}.hero-copy{max-width:660px}.hero-copy h1{font-size:clamp(34px,4.8vw,62px);letter-spacing:-.03em}.hero-copy p{font-size:19px}.quick-access{position:relative;margin-top:-12px;z-index:2}.quick-access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-access a{display:flex;flex-direction:column;gap:5px;background:#fff;border-radius:13px;padding:22px;box-shadow:0 7px 24px #1232;border-bottom:3px solid var(--su-gold)}.quick-access a span{font-size:27px}.quick-access a strong{font-size:17px}.quick-access a small{color:#63778a;font-size:13px}.section{padding:44px 0}.section-head h2{letter-spacing:-.025em}.card{border:1px solid #e5edf3;box-shadow:0 6px 18px #173a5210;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #173a521a}.su-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#0b3958;color:#fff;border-radius:18px;padding:32px;margin:28px 0}.su-cta h2{margin:12px 0 6px;font-size:30px}.su-cta p{margin:0;max-width:640px}.su-cta-links{display:flex;gap:10px;flex-wrap:wrap}.btn-outline{background:transparent;color:white;border:1px solid #ffffff9c}.footer{margin-top:32px}.mobile-nav-toggle:focus-visible,.nav a:focus-visible{outline:3px solid #e9b44c;outline-offset:2px}@media(max-width:1000px){.mobile-nav-toggle{display:block}.nav nav{display:none;order:5;flex-basis:100%;max-height:none;flex-direction:column;align-items:stretch;padding:12px 0}.nav nav.is-open{display:flex}.nav nav a{font-size:15px}.nav .wrap{flex-wrap:wrap}.language-switch{margin-left:auto}.quick-access-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.brand{font-size:14px}.university-logo{width:43px;height:43px}.top-muted{display:none}.quick-access-grid{grid-template-columns:1fr 1fr;gap:9px}.quick-access a{padding:15px}.quick-access a strong{font-size:14px}.hero-slide{min-height:350px}.su-cta{display:block;padding:24px}.su-cta-links{margin-top:18px}.language-switch label{display:none}}

/* Phase 39: Homepage slider */
.slide-deck{overflow:hidden;border-radius:18px}.hero-slide{background-size:cover;background-position:center;min-height:clamp(360px,45vw,610px)}.slide-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.slide-controls button{cursor:pointer}.su-slide-dots{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.su-slide-dot{width:12px;height:12px;border-radius:50%;background:#a7b8c9;border:1px solid #fff;padding:0;cursor:pointer}.su-slide-dot[aria-current=true]{background:#f1b54b;transform:scale(1.2)}@media(max-width:640px){.hero-slide{min-height:380px;background-position:center}.hero-copy{max-width:100%}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none!important}}

/* Homepage full-bleed hero: scoped to homepage only */
.su-home-hero { width:100%; overflow:hidden; padding:0; }
.su-home-hero > .su-hero-full { width:100%; max-width:none; margin:0; padding:0; }
.su-home-hero .slide-deck { width:100%; border-radius:0; overflow:hidden; }
.su-home-hero .hero-slide { min-height:clamp(440px,48vw,650px); border-radius:0; box-shadow:none; padding:clamp(28px,6vw,88px) max(5vw, calc((100vw - 1240px)/2)); background-size:cover; background-position:center; }
.su-home-hero .hero-copy { width:min(100%,660px); max-width:660px; }
.su-home-hero .hero-copy h1 { font-size:clamp(30px,4vw,56px); line-height:1.13; letter-spacing:-.025em; overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.su-home-hero .hero-copy p { font-size:clamp(15px,1.4vw,18px); line-height:1.55; max-width:60ch; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.su-home-hero .slide-controls { display:none!important; }
@media(max-width:650px) { .su-home-hero .hero-slide { min-height:460px; padding:42px 6vw; background-position:center; } .su-home-hero .hero-copy h1 { font-size:clamp(29px,7vw,42px); } }

/* Full browser-width hero: override legacy .wrap and card constraints */
body:has(.su-home-hero) .su-home-hero,
.su-home-hero { width:100%; max-width:none; margin:0; padding:0; overflow:hidden; }
.su-home-hero > .wrap.su-hero-full { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
.su-home-hero .slide-deck { width:100%; max-width:none; margin:0; padding:0; border-radius:0 !important; box-shadow:none; }
.su-home-hero .hero-slide { width:100%; max-width:none; margin:0; border-radius:0 !important; box-shadow:none !important; min-height:clamp(470px,48vw,680px); background-size:cover; background-position:center center; }
.su-home-hero .hero-copy { max-width:660px; }
.su-home-hero .slide-controls,.su-home-hero .su-slide-dots { display:none !important; }
@media(max-width:650px) { .su-home-hero .hero-slide { min-height:480px; background-position:center; } }