:root{
  --navy:#061a33; --navy2:#0b2948; --gold:#c9a34a; --cream:#f7f1e3;
  --teal:#176878; --ink:#1d2730; --white:#fff; --muted:#68727c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
img{max-width:100%;height:auto}
a{color:inherit}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px;z-index:10000}
.skip-link:focus{left:8px}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 4vw;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff22}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,serif;font-weight:700;letter-spacing:.4px;line-height:1.1}
.brand img{width:58px;height:58px;object-fit:contain}
.brand small{display:block;color:var(--gold);font-size:11px;margin-top:4px;letter-spacing:1.2px}
header nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
header nav a{text-decoration:none;padding:9px 9px;font-size:13px;font-weight:700;border-radius:2px}
header nav a:hover,header nav a.active{color:var(--gold)}
.gold{display:inline-block;background:var(--gold);color:var(--navy)!important;text-decoration:none;font-weight:800;padding:12px 20px;border-radius:2px}
.outline{display:inline-block;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font-weight:800;padding:11px 20px;border-radius:2px}
.menu{display:none;background:transparent;border:1px solid var(--gold);color:#fff;font-size:24px;padding:6px 10px;cursor:pointer}

main section{padding:68px max(5vw,24px)}
section.light{background:var(--cream)}
.navy-section{background:var(--navy);color:#fff}
.navy-section h2,.teal-section h2{color:#fff}
.teal-section{background:var(--teal);color:#fff}
.cta{text-align:center;background:var(--navy);color:#fff}
.cta h2{color:#fff}
.eyebrow{color:var(--gold);font-weight:800;letter-spacing:2px;font-size:13px;text-transform:uppercase}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif}
h1{font-size:clamp(38px,6vw,68px);line-height:1.05;margin:12px 0}
h2{font-size:clamp(30px,4vw,46px);line-height:1.15;color:var(--navy);margin:10px 0 18px}
h3{line-height:1.2}
.lead{font-size:18px;line-height:1.75;max-width:950px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.actions.center{justify-content:center}
.page-hero{min-height:570px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:40px;color:#fff;background:radial-gradient(circle at 80% 40%,#1a4561 0,#061a33 48%,#031226 82%)}
.page-hero h1{color:#fff}
.page-hero>img{max-width:360px;justify-self:center;filter:drop-shadow(0 16px 24px #0008)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.value-grid article{padding:25px;background:#fff;border-top:4px solid var(--gold);box-shadow:0 8px 18px #0001}
.steps{display:grid;gap:10px}
.steps b{padding:16px;background:#fff;border:1px solid #d7c49a;color:var(--navy)}
.notice{margin-top:28px;border-left:4px solid var(--gold);background:#f5f0e5;padding:18px}
.gateway-card{max-width:760px;margin:30px auto 0;background:#fff;color:var(--ink);padding:32px;text-align:center;border-top:5px solid var(--gold);box-shadow:0 10px 28px #0002}
.gateway-card h3{font:28px Georgia,serif;color:var(--navy)}
.gateway-card button{padding:14px 20px;border:0;background:#ddd;color:#666;font-weight:700}
.pullquote{font:italic 24px Georgia,serif}
.centered-quote{max-width:900px;margin:35px auto 0;text-align:center;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:24px}
.outcome-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:30px 0}
.outcome-strip b{padding:18px 10px;text-align:center;border:1px solid var(--gold);color:var(--gold);background:#08213d;font-family:Georgia,serif}

footer{display:grid;grid-template-columns:auto 1.3fr 1fr 1fr;gap:28px;align-items:start;background:#031226;color:#fff;padding:38px max(5vw,24px);border-top:4px solid var(--gold)}
footer img{width:92px}
footer strong{font-family:Georgia,serif;color:var(--gold)}
footer p{font-size:13px;color:#e2e6ea}

.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}
.program-grid article{background:#fff;border-top:5px solid var(--gold);padding:26px;box-shadow:0 8px 22px #0001}
.program-grid .number{font:700 34px Georgia,serif;color:var(--gold)}
.program-grid h3{font-size:27px;color:var(--navy);margin:8px 0}
.program-grid ul{padding-left:19px}
.value-grid.five{grid-template-columns:repeat(5,1fr)}
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
.journey-grid>div{border:1px solid #c9ab68;background:#fff;padding:28px}
.journey-grid h3{font-size:26px;color:var(--navy)}
.horizontal-steps{grid-template-columns:repeat(6,1fr);margin-top:28px}
.horizontal-steps b{text-align:center}

.admission-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.admission-steps article,.paperless-grid article{background:#fff;padding:26px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001}
.admission-steps b{font:700 30px Georgia,serif;color:var(--gold)}
.admission-steps h3,.paperless-grid h3{font-size:25px;color:var(--navy)}
.application-flow{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;margin:28px 0}
.application-flow span{border:1px solid var(--gold);padding:12px 6px;text-align:center;font-size:13px}
.quote-card{max-width:850px;margin:30px auto;padding:35px;border:1px solid var(--gold);font:italic 25px Georgia,serif;text-align:center;color:var(--navy);background:#faf7ef}
.paperless-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}

.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.resource-grid article,.policy-grid article{background:#fff;padding:28px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001}
.resource-grid h3,.policy-grid h3{font-size:25px;color:var(--navy)}
.resource-grid span,.policy-cards span,.contact-grid span{display:block;margin-top:8px;font-size:13px;font-weight:700;color:var(--teal)}
.service-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.service-list a{display:flex;justify-content:space-between;gap:15px;padding:18px 20px;border:1px solid #d3c29b;text-decoration:none;color:var(--navy);font-weight:700;background:#fff}
.policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}

.policy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.policy-cards article{background:#fff;padding:28px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001}
.policy-cards h3,.privacy-grid h3{font-size:25px;color:var(--navy)}
.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.privacy-grid article{background:#fff;color:var(--ink);padding:26px;border-bottom:4px solid var(--gold)}
.grievance-flow{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:28px 0}
.grievance-flow b{padding:15px 8px;text-align:center;background:#08213d;color:var(--gold);border:1px solid var(--gold)}

.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.contact-grid article{background:#fff;padding:28px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001}
.contact-grid h3{font-size:25px;color:var(--navy)}
.verification-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.verification-panel div{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #d4c39c;background:#faf7ef}
.verification-panel strong{color:var(--navy)}
.verification-panel span{color:#666}

.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.portal-grid article{background:#fff;padding:28px;border-top:5px solid var(--gold);box-shadow:0 8px 22px #0001}
.portal-grid span{font:700 32px Georgia,serif;color:var(--gold)}
.portal-grid h3{font-size:25px;color:var(--navy)}
.portal-grid button{border:0;padding:12px;background:#ddd;color:#666;font-weight:700}
.campus-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:28px 0}
.campus-flow b{padding:17px 8px;text-align:center;background:#08213d;color:var(--gold);border:1px solid var(--gold)}
.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.security-grid article{background:#fff;color:var(--ink);padding:26px;border-bottom:4px solid var(--gold)}
.security-grid h3{font-size:24px;color:var(--navy)}
.access-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.access-levels article{background:#fff;padding:26px;border:1px solid #d4c39c}
.access-levels strong{color:var(--teal);font-size:13px;letter-spacing:1px}
.access-levels h3{font-size:24px;color:var(--navy)}

@media(max-width:1100px){
  .program-grid,.journey-grid,.portal-grid,.security-grid,.access-levels{grid-template-columns:1fr 1fr}
  .value-grid.five{grid-template-columns:1fr 1fr}
  .outcome-strip{grid-template-columns:repeat(3,1fr)}
  .horizontal-steps{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:900px){
  header{position:relative;flex-wrap:wrap}
  .menu{display:block}
  header nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:12px 0}
  header nav.open{display:flex}
  header nav a{padding:12px 16px}
  .page-hero{grid-template-columns:1fr;text-align:center;min-height:auto}
  .page-hero>img{max-width:250px}
  .actions{justify-content:center}
  .two-col,.admission-steps,.resource-grid,.policy-cards,.privacy-grid,.contact-grid{grid-template-columns:1fr 1fr}
  .application-flow,.campus-flow{grid-template-columns:repeat(3,1fr)}
  .paperless-grid,.policy-grid{grid-template-columns:1fr 1fr}
  .grievance-flow{grid-template-columns:1fr 1fr}
  footer{grid-template-columns:auto 1fr 1fr}
}
@media(min-width:901px){.menu{display:none}}
@media(max-width:650px){
  main section{padding:50px 22px}
  .brand span{font-size:13px}
  .brand img{width:48px;height:48px}
  .two-col,.value-grid,.program-grid,.journey-grid,.admission-steps,.application-flow,
  .paperless-grid,.resource-grid,.policy-grid,.policy-cards,.privacy-grid,.grievance-flow,
  .contact-grid,.verification-panel,.portal-grid,.campus-flow,.security-grid,.access-levels,
  .outcome-strip,.horizontal-steps{grid-template-columns:1fr}
  footer{grid-template-columns:1fr;text-align:center}
  footer img{margin:auto}
  .verification-panel div{display:block}
  .verification-panel span{display:block;margin-top:6px}
}

/* Website Build v2.4 — Online Application Integration */
.application-notice{background:var(--cream);border-top:5px solid var(--gold)}
.application-notice ul{max-width:980px;margin:0 auto;padding-left:22px}
.application-form{max-width:1100px;margin:0 auto;padding:50px max(4vw,20px)}
.application-form fieldset{border:1px solid #d8d0bf;padding:26px;margin:0 0 28px;background:#fff;box-shadow:0 7px 20px #0000000d}
.application-form legend{font:700 26px Georgia,serif;color:var(--navy);padding:0 10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.form-grid .full{grid-column:1/-1}
.application-form label{display:block;font-weight:700;color:var(--navy);margin:12px 0}
.application-form input,.application-form select,.application-form textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #aeb6bd;border-radius:3px;font:inherit;color:var(--ink);background:#fff}
.application-form textarea{resize:vertical;min-height:100px}
.application-form input:focus,.application-form select:focus,.application-form textarea:focus{outline:3px solid #c9a34a55;border-color:var(--gold)}
.application-form small{display:block;color:var(--muted);font-weight:400;margin-top:6px}
.agreement-list{display:grid;gap:14px}.agreement-list label{display:flex;gap:12px;align-items:flex-start;font-weight:500}.agreement-list input{width:auto;margin-top:5px}
.privacy-box{background:var(--navy);color:#fff;padding:28px;margin:28px 0}.privacy-box h2{color:#fff;font-size:30px}
.application-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:28px 0}
.application-actions button{cursor:pointer;border:0;font:inherit}.dark-outline{border:1px solid var(--navy)!important;color:var(--navy)!important;background:#fff}
.application-summary{background:var(--cream);padding:22px;margin-top:22px;border-left:5px solid var(--gold)}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.application-form fieldset{padding:18px}.application-actions{align-items:stretch;flex-direction:column}.application-actions button{width:100%}}
@media print{header,footer,.application-actions,.cta,.application-notice{display:none!important}.application-form{max-width:none;padding:0}.application-form fieldset{box-shadow:none;break-inside:avoid}.application-form input,.application-form select,.application-form textarea{border-bottom:1px solid #555;border-left:0;border-right:0;border-top:0}}

/* Website Build v2.5 — secure application / admissions workflow */
.application-actions button:disabled{opacity:.65;cursor:not-allowed}
.admission-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:28px}
.admission-steps article{background:#fff;padding:24px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001}
.admission-steps span{font:700 28px Georgia,serif;color:var(--gold)}
@media(max-width:1100px){.admission-steps{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.admission-steps{grid-template-columns:1fr}}

/* Website Build v2.6 — Applicant Portal & Admissions Dashboard */
.portal-shell{display:grid;grid-template-columns:240px 1fr;gap:24px;margin-top:28px}
.portal-sidebar{background:var(--navy);color:#fff;padding:24px;display:grid;align-content:start;gap:8px}
.portal-sidebar strong{color:var(--gold);font:700 20px Georgia,serif;margin-bottom:8px}
.portal-sidebar a{padding:11px 12px;text-decoration:none;border-left:3px solid transparent}
.portal-sidebar a:hover,.portal-sidebar a.active{border-left-color:var(--gold);background:#ffffff10}
.portal-main{min-width:0}.portal-alert{padding:20px 22px;border:1px solid #d4c39c;background:#fff8e8;margin-bottom:22px}.portal-alert strong{color:var(--navy)}
.portal-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.portal-cards article{background:#fff;padding:22px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001}.portal-cards span{display:block;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:var(--teal);font-weight:800}.portal-cards strong{display:block;font:700 21px Georgia,serif;color:var(--navy);margin:7px 0}
.status-list{display:grid;gap:10px;max-width:900px}.status-list div{display:flex;justify-content:space-between;gap:20px;padding:17px 20px;background:#fff;border:1px solid #d7c49a}.status-list b{color:var(--navy)}.status-list span{color:var(--muted)}
.dashboard-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:24px}.dashboard-metrics article{background:#fff;padding:22px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001;text-align:center}.dashboard-metrics span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--teal);font-weight:800}.dashboard-metrics strong{display:block;font:700 34px Georgia,serif;color:var(--navy);margin:5px 0}
.dashboard-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:22px 0}.dashboard-toolbar label{font-weight:700;color:var(--navy)}.dashboard-toolbar input,.dashboard-toolbar select{display:block;margin-top:6px;padding:10px 12px;border:1px solid #aeb6bd;min-width:220px}.dashboard-toolbar button{padding:11px 16px;border:0;background:#ddd;color:#666;font-weight:700}
.dashboard-table-wrap{overflow-x:auto;border:1px solid #d8d0bf}.dashboard-table{width:100%;border-collapse:collapse;min-width:850px}.dashboard-table th,.dashboard-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e4dfd4}.dashboard-table th{background:var(--navy);color:#fff}.dashboard-table tbody tr:nth-child(even){background:#faf7ef}
@media(max-width:1100px){.portal-cards{grid-template-columns:1fr 1fr}.dashboard-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{grid-template-columns:1fr 1fr}.portal-sidebar strong{grid-column:1/-1}.portal-cards,.dashboard-metrics{grid-template-columns:1fr}.status-list div{display:block}.status-list span{display:block;margin-top:5px}.dashboard-toolbar{display:grid}.dashboard-toolbar input,.dashboard-toolbar select{min-width:0;width:100%}}

/* v2.7 Authentication & account architecture */
.auth-card{max-width:820px;margin:0 auto;background:#fff;padding:34px;border-top:5px solid var(--gold);box-shadow:0 10px 28px #0002}
.auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.button-reset{border:0;cursor:pointer;font:inherit}
.button-reset:disabled{opacity:.55;cursor:not-allowed}
html[data-authenticated="true"] [data-auth-login]{display:none}
@media(max-width:700px){.auth-actions{flex-direction:column}.auth-actions>*{text-align:center}}

/* v2.8 Student Portal & Enrollment Activation */
.student-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.student-grid article{background:#fff;color:var(--ink);padding:26px;border-top:4px solid var(--gold)}.student-grid h3{color:var(--navy);font-size:25px}.inset-section{margin:24px 0;padding:40px!important}.service-disabled{display:flex;justify-content:space-between;gap:20px;padding:16px 18px;border:1px solid #ddd;background:#f4f4f4;color:#666}.service-disabled em{font-style:normal;font-size:12px}.activation-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.activation-flow article{background:#fff;padding:24px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001}.activation-flow span{font:700 28px Georgia,serif;color:var(--gold)}.activation-flow h3{color:var(--navy)}
@media(max-width:900px){.activation-flow{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.student-grid,.activation-flow{grid-template-columns:1fr}.inset-section{padding:28px 18px!important}.service-disabled{display:block}.service-disabled em{display:block;margin-top:5px}}


/* v2.9 Course Classroom & Academic Records */
.classroom-grid,.faculty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.classroom-grid article,.faculty-grid article{background:#fff;padding:25px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001}.classroom-grid h3,.faculty-grid h3{color:var(--navy)}.records-table-wrap{overflow-x:auto;border:1px solid #d8d0bf;margin-top:20px}.records-table{width:100%;border-collapse:collapse;min-width:720px}.records-table th,.records-table td{padding:13px 15px;border-bottom:1px solid #e4dfd4;text-align:left}.records-table th{background:var(--navy);color:#fff}.records-table tbody tr:nth-child(even){background:#faf7ef}.release-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0}.release-flow b{padding:17px 9px;text-align:center;background:#fff;color:var(--navy);border-top:4px solid var(--gold)}@media(max-width:800px){.classroom-grid,.faculty-grid{grid-template-columns:1fr}.release-flow{grid-template-columns:1fr 1fr}}@media(max-width:520px){.release-flow{grid-template-columns:1fr}}

/* v3.0 Faculty Administration, Gradebook & Attendance */
.faculty-grid,.gradebook-grid,.attendance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.faculty-grid article,.gradebook-grid article,.attendance-grid article{background:#fff;padding:26px;border-top:4px solid var(--gold);box-shadow:0 8px 22px #0001}
.faculty-grid h3,.gradebook-grid h3,.attendance-grid h3{color:var(--navy);font-size:24px}
@media(max-width:1000px){.faculty-grid,.gradebook-grid,.attendance-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.faculty-grid,.gradebook-grid,.attendance-grid{grid-template-columns:1fr}}

/* v3.1 Registrar, Transcript & Completion Records */
.registrar-grid,.records-grid,.completion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.registrar-grid article,.records-grid article,.completion-grid article{background:#fff;padding:26px;border-top:4px solid var(--gold);box-shadow:0 8px 22px #0001}
.registrar-grid h3,.records-grid h3,.completion-grid h3{color:var(--navy);font-size:24px}
.registrar-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:28px 0}
.registrar-flow b{padding:17px 8px;text-align:center;background:#08213d;color:var(--gold);border:1px solid var(--gold)}
@media(max-width:1000px){.registrar-grid,.records-grid,.completion-grid{grid-template-columns:1fr 1fr}.registrar-flow{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:650px){.registrar-grid,.records-grid,.completion-grid,.registrar-flow{grid-template-columns:1fr}}

/* v3.2 Financial Administration */
.financial-ledger{width:100%;border-collapse:collapse;background:#fff;margin-top:20px}.financial-ledger th,.financial-ledger td{padding:12px 14px;border-bottom:1px solid #ddd;text-align:left}.financial-ledger th{background:var(--navy);color:#fff}.money{font-variant-numeric:tabular-nums;text-align:right!important}.status-chip{display:inline-block;padding:4px 9px;border:1px solid #c9a34a;border-radius:999px;font-size:12px;font-weight:700}


/* v3.3 institutional administration */
.admin-grid,.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.admin-grid article,.metric-grid article{background:#fff;padding:26px;border-top:4px solid var(--gold);box-shadow:0 8px 22px #0001}.metric-grid strong{display:block;color:var(--navy);font:700 22px Georgia,serif}.metric-grid span{display:block;font:700 30px Georgia,serif;color:var(--teal);margin:8px 0}@media(max-width:900px){.admin-grid,.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.admin-grid,.metric-grid{grid-template-columns:1fr}}


/* v3.4 Communications, Notifications & Document Center */
.communications-grid,.notification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.communications-grid article,.notification-grid article{background:#fff;padding:26px;border-top:4px solid var(--gold);box-shadow:0 8px 22px #0001}.communications-grid h3,.notification-grid h3{color:var(--navy);font-size:24px}.notification-grid{grid-template-columns:repeat(4,1fr)}.document-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:28px 0}.document-flow b{padding:17px 8px;text-align:center;background:#08213d;color:var(--gold);border:1px solid var(--gold)}@media(max-width:1000px){.communications-grid,.notification-grid{grid-template-columns:1fr 1fr}.document-flow{grid-template-columns:1fr 1fr 1fr}}@media(max-width:650px){.communications-grid,.notification-grid,.document-flow{grid-template-columns:1fr}}

/* v3.5 End-to-End Workflow Integration & Test Environment */
.e2e-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.e2e-flow article{background:#fff;padding:22px;border-top:4px solid #c8c8c8;box-shadow:0 8px 20px #0001;transition:.2s ease}.e2e-flow article span{font:700 26px Georgia,serif;color:var(--gold)}.e2e-flow article h3{color:var(--navy)}.e2e-flow article.current{outline:3px solid var(--gold);outline-offset:2px}.e2e-flow article.complete{border-top-color:var(--teal);background:#f5fbfa}.test-record{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.test-record div{padding:18px;border:1px solid #d4c39c;background:#faf7ef}.test-record strong,.test-record span{display:block}.test-record strong{color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:1px}.demo-log{background:#041426;border:1px solid #c9a34a;padding:22px;min-height:130px;max-height:360px;overflow:auto}.demo-log p{margin:7px 0;color:#fff}.button-reset.outline{background:transparent}@media(max-width:900px){.e2e-flow,.test-record{grid-template-columns:1fr 1fr}}@media(max-width:600px){.e2e-flow,.test-record{grid-template-columns:1fr}}

/* v4.3 Staging Launch Console */
.ops-banner{padding:20px 22px;border-left:5px solid var(--gold);background:#fff8e8;margin:22px 0}.ops-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ops-metrics article{background:#fff;padding:22px;border-top:4px solid var(--gold);box-shadow:0 8px 20px #0001}.ops-metrics span,.ops-metrics small{display:block}.ops-metrics span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--teal);font-weight:800}.ops-metrics strong{display:block;font:700 22px Georgia,serif;color:var(--navy);margin:8px 0}.ops-metrics strong[data-state="ok"]{color:#176b52}.ops-metrics strong[data-state="fail"]{color:#8a2e2e}.ops-checklist{display:grid;gap:12px;max-width:1050px;margin:24px 0}.ops-checklist label{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:#fff;border:1px solid #d8d0bf}.ops-checklist input{margin-top:4px;transform:scale(1.15)}.ops-decision{font:700 22px Georgia,serif;color:var(--navy);padding:18px 0}.ops-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.ops-role-grid article{padding:22px;border:1px solid #c9a34a;background:#08213d}.ops-role-grid h3{color:var(--gold)}.ops-role-grid b{color:#fff;font-size:13px}.ops-flow{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;margin:28px 0}.ops-flow span{padding:13px 7px;text-align:center;background:var(--navy);color:var(--gold);font-weight:700;font-size:12px}@media(max-width:1100px){.ops-metrics{grid-template-columns:repeat(3,1fr)}.ops-role-grid{grid-template-columns:repeat(2,1fr)}.ops-flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.ops-metrics,.ops-role-grid,.ops-flow{grid-template-columns:1fr}}
@media print{.ops-checklist input{appearance:auto}.ops-banner{box-shadow:none}}

/* v4.6 Operational Administration & Support Desk */
.ops-admin-grid,.support-grid,.support-severity{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.ops-admin-grid article,.support-grid article,.support-severity article{background:#fff;padding:26px;border-top:4px solid var(--gold);box-shadow:0 8px 22px #0001}.ops-admin-grid span{font:700 28px Georgia,serif;color:var(--gold)}.ops-admin-grid h3,.support-grid h3,.support-severity h3{color:var(--navy);font-size:24px}.support-severity{grid-template-columns:repeat(4,1fr)}.support-severity article{background:#08213d;color:#fff}.support-severity article strong{font:700 30px Georgia,serif;color:var(--gold)}.support-severity article h3{color:#fff}.support-severity article p{color:#e8edf2}@media(max-width:1000px){.ops-admin-grid,.support-grid,.support-severity{grid-template-columns:1fr 1fr}}@media(max-width:650px){.ops-admin-grid,.support-grid,.support-severity{grid-template-columns:1fr}}