*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17324d;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#06365f;color:#fff;font-size:13px}.top-flex{padding:8px 0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.site-header{background:#fff}.header-inner{padding:18px 0;display:flex;align-items:center;gap:20px}.brand-logo{width:105px;height:105px;border:4px solid #e7edf5;border-radius:50%;display:grid;place-items:center;text-align:center;color:#07386a;font-size:28px;font-weight:800;background:#f9fbff}.brand-logo small{font-size:13px}.brand h1{font-size:34px;color:#092e5d;margin:0}.brand p{color:#285a8e;margin:7px 0;font-size:16px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badges span{color:#fff;background:#159b61;border-radius:6px;padding:8px 12px;font-weight:700;font-size:12px}.badges span:nth-child(2){background:#0870dc}.badges span:nth-child(3){background:#ef293e}.nav{background:#06396b;color:#fff}.nav-inner{display:flex;flex-wrap:wrap}.nav a{padding:14px 12px;font-size:13px;font-weight:700}.nav a:hover{background:#0876e8}.hero{position:relative;min-height:410px;background:linear-gradient(90deg,#f6fbff 0%,rgba(246,251,255,.93) 40%,rgba(255,255,255,.12)),linear-gradient(110deg,#dbeafa,#fff);overflow:hidden}.hero:after{content:"";position:absolute;right:0;top:0;width:58%;height:100%;background:linear-gradient(90deg,transparent,#fff0),url("../img/campus-placeholder.svg") center/cover no-repeat;opacity:.95}.hero-overlay{position:absolute;inset:0}.hero-content{position:relative;z-index:2;padding:75px 0}.hero-content>div{max-width:620px}.eyebrow{color:#0869d7;font-weight:800;letter-spacing:2px}.hero h1{font-size:46px;line-height:1.05;color:#092e5d;margin:10px 0}.tagline{font-size:22px;font-weight:700;color:#0869d7}.hero p{line-height:1.6}.btn{display:inline-block;background:#0869d7;color:#fff;border:0;border-radius:7px;padding:11px 20px;font-weight:700;cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:18px 0}.quick-grid a{background:#f5f9ff;padding:16px 8px;text-align:center;border-radius:8px;box-shadow:0 4px 18px #0c44721a;font-size:13px;color:#0869d7}.quick-grid b{display:block;font-size:24px;margin-bottom:7px}.section{padding:30px 0}.alt{background:#f5f9ff}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e2eaf2;border-radius:12px;padding:22px;box-shadow:0 4px 20px #0c447215}.card h2{margin-top:0;color:#092e5d}.placeholder-photo{height:150px;border-radius:8px;background:linear-gradient(135deg,#dbeafa,#edf6ff);display:grid;place-items:center;color:#356b9d;font-weight:700}.campus{background:linear-gradient(135deg,#cde9d8,#eaf8f0)}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title-row a,.text-link{color:#0869d7;font-weight:700}.notice-row{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #e4ebf2;font-size:14px}.notice-date{color:#0869d7;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats div{background:#fff;padding:22px;text-align:center;border-radius:10px;box-shadow:0 4px 18px #0c447215}.stats strong{display:block;font-size:24px;color:#0869d7}.stats span{font-size:13px}.small{font-size:12px}.page-banner{background:linear-gradient(90deg,#e9f3ff,#f8fbff);padding:42px 0;border-bottom:1px solid #dce8f4}.page-banner h1{color:#092e5d;font-size:38px;margin:0 0 8px}.page-banner p{margin:0;color:#52708c}.content{line-height:1.7}.notice-box{background:#fff8df;border-left:4px solid #f0b400;padding:15px;margin-top:18px}.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.mini-card{border:1px solid #e2eaf2;padding:20px;border-radius:10px;background:#f9fcff}.mini-card b,.mini-card span{display:block;margin-top:6px}.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.staff-card{text-align:center;border:1px solid #e1e9f1;padding:15px;border-radius:10px}.avatar{height:130px;background:#eef5fc;display:grid;place-items:center;color:#5d7d9d;border-radius:8px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-placeholder{height:180px;border-radius:10px;background:linear-gradient(135deg,#dceafa,#f3f8fd);display:grid;place-items:center;color:#32648d;font-weight:700}.notice-full{display:grid;grid-template-columns:110px 1fr auto;gap:15px;padding:15px 0;border-bottom:1px solid #e5ecf3;align-items:center}.small-btn{padding:7px 10px;font-size:12px}table{width:100%;border-collapse:collapse}th,td{border:1px solid #dfe7ef;padding:11px;text-align:left}th{background:#eef5fc}.muted{color:#6b7d8e}.map-box div{min-height:220px;background:#edf4fa;display:grid;place-items:center;border-radius:8px;color:#58738b}form input,form textarea{width:100%;padding:11px;margin:6px 0;border:1px solid #ccd9e6;border-radius:6px}form label{display:block;margin:8px 0}form label input{width:auto}.footer{background:#06345f;color:#fff;padding:35px 0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer h3{margin-top:0}.footer a{display:block;padding:5px 0;color:#e5f0fb}.admin-link{color:#fff!important;font-weight:700}.copyright{text-align:center;background:#032747;color:#d9e6f2;padding:10px;font-size:12px}
@media(max-width:1000px){.quick-grid{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:1fr 1fr}.three .card:last-child{grid-column:1/-1}.staff-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero:after{width:48%;opacity:.5}.brand h1{font-size:27px}}
@media(max-width:650px){.hide-mobile,.top-links{display:none}.header-inner{flex-direction:column;text-align:center}.brand h1{font-size:24px}.brand p{font-size:13px}.nav-inner{justify-content:center}.nav a{font-size:11px;padding:10px 7px}.hero-content{padding:55px 0}.hero h1{font-size:34px}.hero:after{display:none}.quick-grid{grid-template-columns:1fr 1fr}.three,.cards-2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.notice-full{grid-template-columns:1fr}.notice-row{grid-template-columns:1fr}}

.download-list{display:grid;gap:8px;margin-bottom:20px}.download-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px;background:#f7fbff;border:1px solid #e0eaf3;border-radius:7px}.gallery-item{margin:0}.gallery-item img{width:100%;height:210px;object-fit:cover;border-radius:10px}.gallery-item figcaption{font-weight:700;text-align:center;padding:8px}.staff-photo{width:100%;height:180px;object-fit:cover;border-radius:8px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0 30px}.admin-cards a{background:#fff;border:1px solid #dfe7ef;border-radius:10px;padding:22px;text-align:center;box-shadow:0 4px 15px #12345612}.admin-cards strong{display:block;font-size:30px;color:#0869d7}.admin-cards span{font-weight:700}@media(max-width:700px){.admin-cards{grid-template-columns:1fr 1fr}.download-row{display:block}.download-row .btn{margin-top:8px}}

/* Modern institutional polish */
:root{--navy:#07345f;--blue:#0a6ed1;--sky:#eaf4ff;--gold:#d6a33a;--green:#13865b;--ink:#16324b}
body{font-family:Arial,"Segoe UI",sans-serif;color:var(--ink);background:#f7f9fc}
.topbar{background:#052b4e}.top-flex{max-width:1180px}
.site-header{background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid #e3ebf4}.header-inner{padding:16px 0;gap:18px}.brand-logo{width:88px;height:88px;border:2px solid var(--gold);border-radius:50%;padding:3px;background:#fff;box-shadow:0 6px 18px #12345618}.brand-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}.brand-kicker{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--blue);margin-bottom:3px}.brand h1{font-size:30px;line-height:1.12;margin:0;color:var(--navy)}.brand h1 span{font-size:.72em;color:#315b7d}.brand p{font-size:13px;margin:7px 0;color:#526d84}.badges span{border-radius:999px;padding:6px 10px;font-size:11px}.nav{position:sticky;top:0;z-index:20;box-shadow:0 3px 12px #12345618}.nav-inner{justify-content:center}.nav a{padding:13px 11px;font-size:12px;transition:.2s}.nav a:hover{background:#0a6ed1}
.hero{min-height:520px;background:linear-gradient(90deg,rgba(3,35,65,.96) 0%,rgba(3,35,65,.78) 45%,rgba(3,35,65,.15) 100%),url('https://www.cceducation.org/images/1.jpg') center/cover no-repeat}.hero-content{padding:100px 0;color:#fff}.hero-content>div{max-width:650px}.eyebrow{color:#ffd46b}.hero h1{color:#fff;font-size:50px;line-height:1.06}.hero .tagline{color:#ffd46b}.hero p{color:#eef7ff}.hero .btn{background:#0a6ed1;border-radius:999px;padding:13px 24px}.quick-grid{margin-top:-45px;position:relative;z-index:4}.quick-grid a{background:#fff;border:1px solid #e3ebf4;padding:18px 8px;border-radius:12px}.quick-grid a:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1234561c}
.section{padding:45px 0}.card{border:0;border-radius:14px;box-shadow:0 8px 28px #12345612}.card h2{font-size:22px}.campus-photo,.principal-photo,.gallery-item img{width:100%;object-fit:cover}.campus-photo{height:190px;border-radius:10px}.principal-photo{height:190px;object-fit:contain;background:#eef5fb;border-radius:10px}.stats div{border:1px solid #e1eaf3}.page-banner{padding:52px 0;background:linear-gradient(135deg,#e9f4ff,#fff);position:relative}.page-banner:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),var(--gold),var(--green))}.page-banner h1{font-size:40px}.content.card{padding:30px}.content h2,.content h3{color:var(--navy)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:24px;background:#fff;border:1px solid #e3ebf4;border-radius:14px;box-shadow:0 8px 25px #1234560e}.feature-icon{font-size:30px}.gallery-grid{grid-template-columns:repeat(4,1fr)}.gallery-item{background:#fff;padding:8px;border-radius:12px;box-shadow:0 7px 22px #12345612}.gallery-item img{height:190px}.footer{background:#052b4e}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}.footer-logo{width:70px;height:70px;background:#fff;padding:3px;border-radius:50%;object-fit:contain}.copyright{background:#031d36}
@media(max-width:1000px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.brand h1{font-size:25px}.hero h1{font-size:42px}}
@media(max-width:650px){.brand-logo{width:72px;height:72px}.brand h1{font-size:21px}.brand p{font-size:11px}.hero{min-height:480px}.hero-content{padding:80px 0}.hero h1{font-size:34px}.quick-grid{margin-top:-25px}.feature-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.page-banner h1{font-size:32px}}

.admin-login-wrap{margin-left:auto}.admin-login{background:#d6a33a!important;color:#062c4e!important;border-radius:999px;padding:8px 12px!important;font-size:11px!important}.admin-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 30px}.admin-page-grid a{background:#f5f9ff;border:1px solid #dce7f2;padding:14px;border-radius:8px;font-weight:700;color:#0a5fae}.media-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.media-admin-card{border:1px solid #dfe7ef;border-radius:10px;padding:18px;background:#fbfdff}.media-preview{height:180px;background:#eef5fb;border-radius:8px;display:grid;place-items:center;margin:10px 0 15px;overflow:hidden}.media-preview img{max-width:100%;max-height:100%;object-fit:contain}@media(max-width:700px){.admin-login-wrap{width:100%;text-align:center;margin:5px 0 0}.admin-page-grid,.media-admin-grid{grid-template-columns:1fr}.media-preview{height:150px}}

.category-accordion{margin:14px 0;border:1px solid #dbe4ef;border-radius:14px;overflow:hidden;background:#fff}.category-accordion summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:700;font-size:18px;background:#f7faff;display:flex;justify-content:space-between;align-items:center}.category-accordion summary::-webkit-details-marker{display:none}.category-accordion summary:after{content:'+';font-size:22px}.category-accordion[open] summary:after{content:'−'}.category-docs{padding:4px 16px 14px}.category-doc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #edf0f4}.category-doc-row:last-child{border-bottom:0}.category-count{font-size:13px;color:#6b7280;font-weight:400}.small-btn{padding:8px 12px;font-size:14px}
@media(max-width:700px){.category-doc-row{align-items:flex-start;flex-direction:column}}
/* Principal & custom Home links */
.principal-label{display:inline-block;padding:6px 11px;border-radius:20px;background:#eaf3ff;color:#0869d7;font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:12px}.principal-card{text-align:center}.principal-card .principal-photo{width:100%;height:220px;object-fit:cover;border-radius:12px}.principal-card .principal-photo-empty{display:grid;place-items:center;background:#eef5fc;color:#5d7d9d;font-weight:700}.principal-card h2{margin:15px 0 5px}.principal-card p{line-height:1.65}.home-custom-links{margin-top:18px;margin-bottom:8px}.custom-links-title{font-size:20px;font-weight:800;color:#092e5d;margin:0 0 12px}.custom-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.custom-links-grid a{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe9f3;border-radius:12px;padding:14px 16px;color:#12385a;box-shadow:0 4px 18px rgba(12,68,114,.08);transition:.2s}.custom-links-grid a:hover{transform:translateY(-2px);border-color:#86b8eb;color:#0869d7}.custom-links-grid a b{margin-left:auto;color:#0869d7}.custom-html-page{background:#fff;border-radius:14px;padding:24px;box-shadow:0 5px 22px rgba(12,68,114,.07)}
@media(max-width:800px){.custom-links-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.custom-links-grid{grid-template-columns:1fr}.principal-card .principal-photo{height:200px}}