@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

:root{
    --ink:#0a1621;
    --muted:#66727c;
    --paper:#f6f4ee;
    --white:#ffffff;
    --line:#dfe5e8;
    --brand:#0c6b5f;
    --brand-deep:#084e46;
    --accent:#d7b765;
    --soft:#eaf2ef;
    --radius:26px;
    --shadow:0 18px 60px rgba(8,32,42,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:"Cairo",Arial,sans-serif;
    color:var(--ink);
    background:var(--white);
    line-height:1.8;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,textarea{font:inherit}
.container{width:min(1160px,calc(100% - 36px));margin:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

.topbar{
    background:var(--ink);
    color:#dce3e7;
    font-size:.78rem;
}
.topbar-inner{
    min-height:38px;
    display:flex;
    align-items:center;
    gap:10px;
}
.topbar a:hover{color:#fff}
.topbar-spacer{flex:1}
.topbar-divider{opacity:.45}

.site-header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(10,22,33,.08);
}
.header-inner{
    min-height:88px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}
.header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-control {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border: 1px solid var(--line);
    border-radius: 13px;

    background: transparent;
    color: var(--ink);

    cursor: pointer;

    font-weight: 800;

    transition: 0.2s ease;
}

.header-control:hover {
    background: var(--soft);
    color: var(--brand);
}

.language-toggle {
    font-size: 0.8rem;
}

.theme-toggle {
    font-size: 1.1rem;
}
.brand{display:flex;align-items:center;gap:13px}
.brand-logo{
    width:60px;
    height:60px;
    object-fit:contain;
    display:block;
    flex:0 0 auto;
}
.brand-logo-small{
    width:52px;
    height:52px;
}
.brand-copy{display:flex;flex-direction:column;line-height:1.3}
.brand-copy strong{font-size:.98rem}
.brand-copy small{font-size:.68rem;color:var(--muted);direction:ltr;text-align:right;margin-top:4px}
.main-nav{display:flex;align-items:center;gap:5px}
.main-nav a{
    padding:10px 12px;
    border-radius:12px;
    color:#35414b;
    font-size:.86rem;
    font-weight:600;
}
.main-nav a:hover,.main-nav a.active{background:var(--soft);color:var(--brand-deep)}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}
.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:var(--ink);margin:5px 0}

.hero{
    position:relative;
    overflow:hidden;
    min-height:680px;
    display:flex;
    align-items:center;
    color:#fff;
    background:
      radial-gradient(circle at 18% 22%, rgba(215,183,101,.18), transparent 28%),
      linear-gradient(135deg,#07151f 0%,#0a2c2a 52%,#0c6b5f 150%);
}
.hero-grid-overlay{
    position:absolute;inset:0;opacity:.13;
    background-image:
      linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.12) 1px, transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(to left,#000,transparent 90%);
}
.hero-layout{
    position:relative;
    display:grid;
    grid-template-columns:1.25fr .72fr;
    gap:60px;
    align-items:end;
    padding:92px 0;
}
.eyebrow{
    display:inline-block;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.5px;
    color:#e6d39e;
    margin-bottom:14px;
}
.eyebrow.dark{color:var(--brand)}
.hero h1,.page-hero h1{
    margin:0;
    font-size:clamp(3rem,7vw,6.2rem);
    line-height:1.08;
    letter-spacing:-3px;
}
.hero h1 span{color:#d8c27c}
.hero-copy>p{
    max-width:650px;
    color:#d9e3e4;
    font-size:1.04rem;
    margin:25px 0 31px;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:50px;
    padding:0 23px;
    border-radius:15px;
    border:1px solid transparent;
    font-weight:800;
    cursor:pointer;
}
.btn-primary{background:var(--accent);color:var(--ink)}
.btn-primary:hover{background:#e1c878}
.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn-dark{background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.hero-meta{
    display:flex;
    gap:35px;
    margin-top:52px;
    padding-top:27px;
    border-top:1px solid rgba(255,255,255,.16);
}
.hero-meta div{display:flex;flex-direction:column}
.hero-meta strong{font-size:1.35rem;color:#fff}
.hero-meta span{font-size:.74rem;color:#aebfc0}
.hero-panel{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    border-radius:32px;
    padding:34px;
    box-shadow:0 20px 70px rgba(0,0,0,.18);
    backdrop-filter:blur(10px);
}
.panel-label{
    display:inline-block;
    padding:6px 11px;
    border-radius:30px;
    background:#fff;
    color:var(--brand-deep);
    font-size:.7rem;
    font-weight:800;
}
.hero-panel h2{font-size:1.65rem;margin:22px 0 6px}
.hero-panel p{color:#d4dfdf;font-size:.9rem}
.hero-panel a{display:inline-block;color:#f0d88b;font-weight:700;margin-top:8px}
.panel-line{height:1px;background:rgba(255,255,255,.13);margin:25px 0 18px}
.hero-panel small{color:#9fb4b5}

.section{padding:92px 0}
.alt-bg{background:var(--paper)}
.section-heading{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:40px;
    margin-bottom:38px;
}
.section-heading h2,.two-column h2,.story-copy h2{
    font-size:clamp(2rem,4vw,3.5rem);
    line-height:1.25;
    margin:0;
    letter-spacing:-1.2px;
}
.section-heading>p{max-width:450px;color:var(--muted);margin:0}
.quick-section{background:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.quick-card{
    position:relative;
    min-height:280px;
    padding:27px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    transition:.25s ease;
}
.quick-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.quick-tag{font-size:.7rem;color:var(--brand);font-weight:800}
.quick-card h3{font-size:1.25rem;margin:35px 0 7px}
.quick-card p{font-size:.85rem;color:var(--muted);margin:0}
.arrow{position:absolute;bottom:25px;left:25px;font-size:1.4rem}
.text-link{font-weight:800;color:var(--brand)}

.departments-home{background:var(--paper)}
.department-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.department-grid.compact{grid-template-columns:repeat(3,1fr)}
.department-card{
    display:flex;
    gap:20px;
    padding:27px;
    background:#fff;
    border:1px solid #e6e8e6;
    border-radius:var(--radius);
}
.department-card.large{min-height:255px;padding:34px}
.dept-icon{
    flex:0 0 54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:17px;
    background:var(--soft);
    color:var(--brand);
    font-size:1.25rem;
    font-weight:800;
}
.department-card h2,.department-card h3{margin:1px 0 0;line-height:1.35}
.department-card h2{font-size:1.35rem}
.department-card span{font-size:.71rem;color:#8a949c}
.department-card p{color:var(--muted);font-size:.84rem;margin:11px 0}
.department-card a{font-weight:800;color:var(--brand);font-size:.8rem}

.story-section{background:#fff}
.story-layout{
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:70px;
    align-items:center;
}
.story-number{
    font-size:clamp(7rem,19vw,14rem);
    line-height:.8;
    font-weight:800;
    color:transparent;
    -webkit-text-stroke:2px #cfd8d5;
    letter-spacing:-10px;
}
.story-copy p{max-width:700px;color:var(--muted);margin:25px 0}

.contact-strip{padding:58px 0;background:var(--brand-deep);color:#fff}
.contact-strip-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.contact-strip h2{margin:0;font-size:2rem}

.page-hero{
    background:linear-gradient(135deg,#07151f,#0c524a);
    color:#fff;
    padding:115px 0 100px;
}
.page-hero.short{padding:85px 0}
.page-hero h1{font-size:clamp(2.8rem,6vw,5rem)}
.page-hero p{max-width:620px;color:#ccd9da;margin:20px 0 0}
.journal-hero{background:linear-gradient(135deg,#1a1822,#533d53)}

.two-column{
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:80px;
    align-items:start;
}
.prose p{font-size:1.02rem;color:#56626c;margin-top:0}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.values-grid article{padding:35px;background:#fff;border-radius:var(--radius)}
.values-grid span,.service-card>span{font-size:.75rem;color:var(--brand);font-weight:800}
.values-grid h3{font-size:1.35rem;margin:24px 0 5px}
.values-grid p{color:var(--muted);font-size:.9rem}
.dean-card{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:48px;
    align-items:center;
}
.dean-badge{
    aspect-ratio:1;
    border-radius:36px;
    display:grid;
    place-items:center;
    text-align:center;
    background:var(--brand);
    color:#fff;
    font-size:1.6rem;
    font-weight:800;
}
.dean-card h2{font-size:2.5rem;margin:0}
.dean-card p{color:var(--muted);max-width:700px}

.admissions-layout{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:55px;
}
.clean-list{padding:0;list-style:none}
.clean-list li{
    padding:16px 42px 16px 0;
    border-bottom:1px solid var(--line);
    position:relative;
}
.clean-list li:before{
    content:"✓";
    position:absolute;right:0;top:16px;
    width:27px;height:27px;
    border-radius:50%;background:var(--soft);color:var(--brand);
    display:grid;place-items:center;font-weight:800;font-size:.75rem;
}
.document-card{
    padding:36px;
    border-radius:32px;
    background:var(--ink);
    color:#fff;
}
.document-card .eyebrow{color:#e3cc86}
.document-card ol{margin:24px 0 0;padding-right:24px;color:#d5dfe2}
.document-card li{padding:6px 0}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process-grid div{background:#fff;padding:28px;border-radius:22px}
.process-grid span{color:var(--brand);font-weight:800;font-size:.75rem}
.process-grid h3{margin:18px 0 4px}
.process-grid p{font-size:.82rem;color:var(--muted);margin:0}

.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.service-card{
    padding:38px;
    min-height:270px;
    border:1px solid var(--line);
    border-radius:var(--radius);
}
.service-card h2{margin:25px 0 8px}
.service-card p{color:var(--muted)}
.service-card a{color:var(--brand);font-weight:800}
.notice-section{padding-top:0}
.notice-card{
    background:linear-gradient(135deg,#0b675c,#08473f);
    color:#fff;
    border-radius:34px;
    padding:45px;
    display:flex;
    justify-content:space-between;
    gap:30px;
    align-items:center;
}
.notice-card h2{font-size:2rem;margin:0}
.notice-card p{color:#cfe2df;margin:7px 0 0}

.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.resource-grid a{
    min-height:260px;
    padding:30px;
    background:#fff;
    border-radius:var(--radius);
    border:1px solid #e3e6e4;
}
.resource-grid span{font-size:.72rem;color:var(--brand);font-weight:800}
.resource-grid h3{margin:44px 0 8px}
.resource-grid p{font-size:.84rem;color:var(--muted)}

.contact-layout{
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:55px;
}
.contact-info>div{padding:22px 0;border-bottom:1px solid var(--line)}
.contact-label{font-size:.72rem;color:var(--brand);font-weight:800}
.contact-info h3{margin:6px 0 0;font-size:1.05rem}
.contact-info p{margin:4px 0;color:var(--muted)}
.contact-form-wrap{
    background:var(--paper);
    border-radius:32px;
    padding:36px;
}
.contact-form{display:grid;gap:16px}
.contact-form label{display:block;font-size:.78rem;font-weight:800;margin-bottom:7px}
.contact-form input,.contact-form textarea{
    width:100%;
    border:1px solid #d7dddc;
    background:#fff;
    border-radius:13px;
    padding:13px 14px;
    outline:none;
}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand)}
.success-box{
    background:#dff1eb;
    color:#155f52;
    padding:14px 16px;
    border-radius:14px;
    margin-bottom:18px;
    font-size:.85rem;
}

.site-footer{
    background:#08131c;
    color:#ced6db;
    padding:70px 0 24px;
}
.footer-grid{
    display:grid;
    grid-template-columns:1.3fr .65fr .8fr 1fr;
    gap:50px;
}
.footer-brand{display:flex;gap:15px;align-items:flex-start}
.footer-brand strong{color:#fff}
.footer-brand p{font-size:.82rem;color:#8f9ca4;max-width:330px}
.footer-grid h3{color:#fff;font-size:.9rem;margin-top:0}
.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px;font-size:.82rem}
.footer-grid a:hover{color:#fff}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid rgba(255,255,255,.09);
    margin-top:50px;
    padding-top:22px;
    font-size:.72rem;
    color:#7f8d96;
}

@media (max-width:980px){
    .main-nav{
        position:absolute;
        top:88px;right:18px;left:18px;
        display:none;
        flex-direction:column;
        align-items:stretch;
        padding:14px;
        background:#fff;
        border:1px solid var(--line);
        border-radius:20px;
        box-shadow:var(--shadow);
    }
    .main-nav.open{display:flex}
    .menu-toggle{display:block}
    .hero-layout,.story-layout,.two-column,.admissions-layout,.contact-layout{
        grid-template-columns:1fr;
    }
    .hero-layout{align-items:start}
    .hero-panel{max-width:560px}
    .quick-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}
    .department-grid.compact{grid-template-columns:repeat(2,1fr)}
    .process-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:650px){
    .topbar-inner>span:last-child,.topbar-divider,.topbar-spacer{display:none}
    .header-inner{min-height:76px}
    .brand-logo{width:48px;height:48px}
    .brand-copy strong{font-size:.82rem}
    .brand-copy small{font-size:.58rem}
    .main-nav{top:76px}
    .hero{min-height:auto}
    .hero-layout{padding:70px 0}
    .hero h1,.page-hero h1{letter-spacing:-1.7px}
    .hero-actions .btn{width:100%}
    .hero-meta{gap:18px;justify-content:space-between}
    .hero-meta span{font-size:.65rem}
    .section{padding:68px 0}
    .section-heading{align-items:flex-start;flex-direction:column}
    .quick-grid,.department-grid,.department-grid.compact,.values-grid,
    .service-grid,.resource-grid,.process-grid,.footer-grid{grid-template-columns:1fr}
    .story-number{font-size:8rem}
    .contact-strip-inner,.notice-card,.footer-bottom{align-items:flex-start;flex-direction:column}
    .dean-card{grid-template-columns:1fr}
    .dean-badge{width:160px}
    .page-hero{padding:78px 0}
}
/* =================================
   DARK MODE
================================= */

html[data-theme="dark"] body {
    background: #091117;
    color: #edf3f5;
}


/* HEADER */

html[data-theme="dark"] .site-header {
    background: rgba(9, 17, 23, 0.94);
    border-color: #223039;
}

html[data-theme="dark"] .brand-copy strong {
    color: #ffffff;
}

html[data-theme="dark"] .brand-copy small {
    color: #8fa0aa;
}


/* NAVIGATION */

html[data-theme="dark"] .main-nav a {
    color: #c4d0d5;
}

html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .main-nav a.active {
    background: #112822;
    color: #ffffff;
}


/* HEADER CONTROLS */

html[data-theme="dark"] .header-control {
    color: #e5edef;
    border-color: #293840;
}

html[data-theme="dark"] .header-control:hover {
    background: #14252b;
}


/* MOBILE MENU */

html[data-theme="dark"] .menu-toggle span:not(.sr-only) {
    background: #ffffff;
}

html[data-theme="dark"] .main-nav.open {
    background: #101a21;
    border-color: #26343c;
}


/* NORMAL SECTIONS */

html[data-theme="dark"] .quick-section,
html[data-theme="dark"] .story-section {
    background: #091117;
}

html[data-theme="dark"] .departments-home,
html[data-theme="dark"] .alt-bg {
    background: #0c151b;
}


/* CARDS */

html[data-theme="dark"] .quick-card,
html[data-theme="dark"] .department-card,
html[data-theme="dark"] .values-grid article,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .resource-grid a,
html[data-theme="dark"] .process-grid div {
    background: #111c23;
    border-color: #26343c;
}


/* TEXT */

html[data-theme="dark"] .quick-card h3,
html[data-theme="dark"] .department-card h2,
html[data-theme="dark"] .department-card h3,
html[data-theme="dark"] .values-grid h3,
html[data-theme="dark"] .service-card h2,
html[data-theme="dark"] .resource-grid h3 {
    color: #f2f6f7;
}

html[data-theme="dark"] .quick-card p,
html[data-theme="dark"] .department-card p,
html[data-theme="dark"] .values-grid p,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .resource-grid p,
html[data-theme="dark"] .section-heading > p,
html[data-theme="dark"] .story-copy p,
html[data-theme="dark"] .dean-card p,
html[data-theme="dark"] .prose p {
    color: #9daeb6;
}


/* LINES */

html[data-theme="dark"] .clean-list li,
html[data-theme="dark"] .contact-info > div {
    border-color: #26343c;
}


/* CONTACT FORM */

html[data-theme="dark"] .contact-form-wrap {
    background: #101a21;
}

html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form textarea {
    background: #0b141a;
    color: #ffffff;
    border-color: #293840;
}

html[data-theme="dark"] .contact-form input:focus,
html[data-theme="dark"] .contact-form textarea:focus {
    border-color: #3b9487;
}


/* DARK BUTTON */

html[data-theme="dark"] .btn-dark {
    background: #e7eff1;
    color: #091117;
}


/* SHADOWS */

html[data-theme="dark"] .quick-card:hover {
    box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.35);
}
/* =================================
   ENGLISH / LTR SUPPORT
================================= */

html[dir="ltr"] {
    text-align: left;
}

html[dir="ltr"] .brand-copy small {
    text-align: left;
}

html[dir="ltr"] .clean-list li {
    padding:
        16px
        0
        16px
        42px;
}

html[dir="ltr"] .clean-list li::before {
    right: auto;
    left: 0;
}

html[dir="ltr"] .document-card ol {
    padding-right: 0;
    padding-left: 24px;
}

html[dir="ltr"] .arrow {
    left: auto;
    right: 25px;
    transform: scaleX(-1);
}

/* =================================
   ASSIGNMENT FEATURE PAGES
================================= */
.topbar-links{display:flex;align-items:center;gap:16px;font-weight:600}
.topbar-links a{opacity:.84}.topbar-links a:hover{opacity:1}
.extra-grid{grid-template-columns:repeat(3,1fr)}
.service-card a{font-weight:800;color:var(--brand);font-size:.8rem}
.timeline{max-width:880px}
.timeline-item{display:grid;grid-template-columns:140px 1fr;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}
.timeline-item time{font-weight:800;color:var(--brand)}
.timeline-item strong{font-size:1.15rem}.timeline-item p{margin:5px 0 0;color:var(--muted)}
.news-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}
.news-card{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.news-card.featured{grid-row:span 2;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,var(--brand-deep),var(--brand));color:#fff;border:0}
.news-card>span{font-size:.72rem;font-weight:800;color:var(--brand)}
.news-card.featured>span{color:#f1daa0}.news-card h2,.news-card h3{margin:14px 0 8px}.news-card p{color:var(--muted)}.news-card.featured p{color:#d9e6e3}.news-card a{font-weight:800;color:var(--brand)}.news-card.featured a{color:#f1daa0}
.staff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.staff-card{display:flex;gap:18px;align-items:center;padding:26px;border:1px solid var(--line);border-radius:var(--radius)}
.staff-avatar{flex:0 0 58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--soft);color:var(--brand);font-weight:800;font-size:1.25rem}
.staff-card span{font-size:.72rem;color:var(--brand);font-weight:800}.staff-card h3{margin:3px 0}.staff-card a{font-size:.83rem;color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff}.gallery-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-card figcaption{padding:16px 18px;font-weight:800}
.faq-list{max-width:900px}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 0;border:0;background:transparent;color:inherit;text-align:inherit;font-size:1.05rem;font-weight:800;cursor:pointer}.faq-question span{font-size:1.5rem;color:var(--brand)}.faq-answer{display:none;padding:0 0 22px;color:var(--muted)}.faq-answer p{margin:0}.faq-item.open .faq-answer{display:block}
.search-wrap{max-width:900px}.search-form{display:grid;grid-template-columns:1fr auto;gap:12px}.search-form input{width:100%;border:1px solid var(--line);border-radius:15px;padding:13px 16px;outline:none;background:#fff;color:var(--ink)}.search-form input:focus{border-color:var(--brand)}.search-status{margin:28px 0;color:var(--muted)}.search-results{display:grid;gap:12px}.search-results a{padding:22px;border:1px solid var(--line);border-radius:18px}.search-results h3{margin:0 0 5px}.search-results p{margin:0;color:var(--muted);font-size:.88rem}
.admin-shell{max-width:600px}.admin-shell h1{font-size:2.2rem;margin:0 0 8px}.admin-shell>div>p{color:var(--muted)}.error-box{background:#fbe6e6;color:#8a2424;padding:13px 15px;border-radius:13px;margin:16px 0}.demo-note{font-size:.8rem!important;margin-top:18px!important}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-grid article{padding:30px;border:1px solid var(--line);border-radius:var(--radius)}.admin-grid article>span{font-size:1.35rem;font-weight:800;color:var(--brand)}.admin-grid h3{margin:18px 0 6px}.admin-grid p{color:var(--muted);margin:0}.admin-actions{margin-top:24px;padding:0}
.contact-form select{width:100%;border:1px solid #d7dddc;background:#fff;border-radius:13px;padding:13px 14px;outline:none}

html[data-theme="dark"] .news-card,
html[data-theme="dark"] .staff-card,
html[data-theme="dark"] .gallery-card,
html[data-theme="dark"] .search-results a,
html[data-theme="dark"] .admin-grid article{background:#111c23;border-color:#26343c}
html[data-theme="dark"] .timeline-item,
html[data-theme="dark"] .faq-item{border-color:#26343c}
html[data-theme="dark"] .timeline-item p,
html[data-theme="dark"] .news-card p,
html[data-theme="dark"] .staff-card a,
html[data-theme="dark"] .faq-answer,
html[data-theme="dark"] .search-status,
html[data-theme="dark"] .search-results p,
html[data-theme="dark"] .admin-grid p{color:#9daeb6}
html[data-theme="dark"] .search-form input,
html[data-theme="dark"] .contact-form select{background:#0b141a;color:#fff;border-color:#293840}
html[data-theme="dark"] .news-card.featured{background:linear-gradient(135deg,#084e46,#0c6b5f)}

@media (max-width:980px){.extra-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.news-card.featured{grid-row:auto;min-height:320px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.topbar-links a:nth-child(2),.topbar-links a:nth-child(4){display:none}}
@media (max-width:650px){.topbar-links{gap:10px;font-size:.7rem}.topbar-links a:nth-child(1){display:none}.extra-grid,.staff-grid,.gallery-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:4px}.search-form{grid-template-columns:1fr}.search-form .btn{width:100%}}