/* =====================================================================
   MIIRS inner pages — same visual language as the homepage (home.css):
   rounded white cards, gold pill buttons, gold-bar headings, light bands.
   Every rule is scoped to .is-inner so the homepage is never affected.
   ===================================================================== */
.is-inner{--g:#0b6b34;--gd:#053d1e;--gx:#032a14;--gold:#d71920;--gold-d:#a8121a;--ink:#0f2a1c;--soft:#5d6b63;--light:#f3f7f4;--line:#e4ebe6;--r:16px}
.is-inner section{padding:64px 0}
.is-inner section + section{border-top:0}

/* ---------- page hero (banner) ---------- */
.page-hero{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(110deg,rgba(3,42,20,.96) 0%,rgba(5,61,30,.9) 55%,rgba(11,107,52,.78) 100%),url('../images/campus/campus-aerial.webp') center 40%/cover}
.page-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--gold),#ff6b70,var(--gold-d))}
.page-hero-in{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:58px 0 62px;position:relative;z-index:2}
.ph-tag{display:inline-block;background:var(--gold);color:var(--gx);font-weight:600;font-size:13px;letter-spacing:.5px;padding:6px 16px;border-radius:30px}
.page-hero h1{color:#fff;font-size:44px;font-weight:700;line-height:1.15;margin:14px 0 14px;text-transform:none;letter-spacing:-.01em;max-width:820px}
.ph-crumbs{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:7px 16px;border-radius:30px;font-size:14px}
.ph-crumbs a{color:var(--gold);font-weight:600}
.ph-crumbs i.fa-angle-right{font-size:11px;opacity:.6}
.ph-logo{width:150px;height:150px;border-radius:50%;background:#fff;padding:6px;box-shadow:0 0 0 6px rgba(215,25,32,.55),0 20px 40px rgba(0,0,0,.35);flex-shrink:0}

/* ---------- headings ---------- */
.is-inner .sh{margin-bottom:34px}
.is-inner .sh .eyebrow{display:inline-block;color:var(--gd);font-size:14px;font-weight:600;letter-spacing:.3px;text-transform:none;padding-left:12px;border-left:4px solid var(--gold);line-height:1.2}
.is-inner .h2{font-size:36px!important;font-weight:700;text-transform:none;letter-spacing:-.01em;color:var(--gd);line-height:1.2;margin-top:10px}
.is-inner .sh .bar{width:60px;height:4px;border-radius:4px;background:var(--gold);margin-top:14px}
.is-inner .sh.c .bar{margin:14px auto 0}
.is-inner .sh.c .eyebrow{border-left:0;padding:6px 16px;background:#fdecec;border-radius:30px;color:var(--gold-d)}
.is-inner h3,.is-inner h4{text-transform:none;color:var(--gd)}
.is-inner .lead{color:var(--soft)}
.is-inner .content p{color:#3e4d44;line-height:1.8}

/* ---------- buttons ---------- */
.is-inner .btn{border-radius:40px;clip-path:none;font-weight:600;letter-spacing:.2px;text-transform:none;font-size:15px;padding:13px 28px;transition:.25s}
.is-inner .btn-red,.is-inner .btn-green{background:var(--gold);color:var(--gx);box-shadow:0 8px 20px rgba(215,25,32,.35)}
.is-inner .btn-red:hover,.is-inner .btn-green:hover{background:var(--gold-d);transform:translateY(-2px)}
.is-inner .btn-dark-line{border:2px solid var(--gd);color:var(--gd);background:transparent}
.is-inner .btn-dark-line:hover{background:var(--gd);color:#fff}
.is-inner .btn-line{border:2px solid rgba(255,255,255,.55);color:#fff}

/* ---------- boxes / cards ---------- */
.is-inner .box{background:#fff;border:1px solid var(--line);border-top:0;border-radius:var(--r);box-shadow:0 12px 32px rgba(5,61,30,.08);padding:28px 30px;position:relative;overflow:hidden}
.is-inner .box:before{content:'';position:absolute;left:0;top:0;right:0;height:4px;background:var(--gold)}
.is-inner .box h3{text-transform:none;font-size:20px;font-weight:700;color:var(--gd)}
.is-inner .box h3 i{color:var(--gold-d)!important}
.is-inner .box.dark-box{background:linear-gradient(120deg,var(--gx),var(--gd) 60%,var(--g));color:#d9e8de;border:0}
.is-inner .box.dark-box h3{color:#fff}
.is-inner .rounded-img{border-radius:var(--r);box-shadow:0 20px 45px rgba(5,61,30,.16)!important}
.is-inner .checklist li:before{content:'\f00c';width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--gx);font-size:11px;display:grid;place-items:center;top:10px}
.is-inner .checklist li{padding-left:34px}

/* ---------- tables ---------- */
.is-inner .table-scroll,.is-inner table.data{border-radius:14px;overflow:hidden}
.is-inner table.data{box-shadow:0 12px 30px rgba(5,61,30,.08);background:#fff}
.is-inner table.data th{background:linear-gradient(90deg,var(--gx),var(--g));color:#fff;font-weight:600;text-transform:none}
.is-inner table.data td{border-bottom:1px solid var(--line)}
.is-inner table.data tr:nth-child(even) td{background:var(--light)}

/* ---------- leadership / message blocks ---------- */
.is-inner .leader .photo{border-radius:var(--r);box-shadow:0 20px 45px rgba(5,61,30,.18)!important;border:6px solid #fff;outline:3px solid var(--gold)}
.is-inner .leader .photo:after{display:none}
.is-inner .leader .sig b{color:var(--gd)}
.is-inner .leader .sig small,.is-inner .leader p[style*="color"]{color:var(--g)!important}
.is-inner .leader-card{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);border-bottom:4px solid var(--gold)}
.is-inner .leader-card:hover{border-color:var(--gold)}

/* ---------- people cards (faculty, board) ---------- */
.is-inner .fgrid{gap:24px}
.is-inner .person{background:#fff;border-radius:var(--r);box-shadow:0 12px 30px rgba(5,61,30,.1);padding:12px 12px 18px;border-bottom:3px solid var(--gold);overflow:hidden}
.is-inner .person .ph{border-radius:12px;margin-bottom:14px;aspect-ratio:1/1.05}
.is-inner .person .ph:after{display:none}
.is-inner .person h4{font-size:16px;font-weight:600}
.is-inner .person .d{color:var(--g);font-weight:600;text-transform:none;font-size:13px}
.is-inner .person .reg{border:0;background:#fdecec;color:var(--gold-d);border-radius:20px;font-weight:600;padding:3px 10px}
.is-inner .board-chair .person{border-bottom-width:4px}

/* ---------- facility cards ---------- */
.is-inner .facgrid{gap:22px}
.is-inner .fac{border-radius:var(--r);box-shadow:0 14px 34px rgba(5,61,30,.14)}
.is-inner .fac i{border-radius:12px;background:var(--gold);color:var(--gx)}
.is-inner .fac h4{text-transform:none;font-weight:600;font-size:19px}

/* ---------- news cards ---------- */
.is-inner .egrid{gap:26px}
.is-inner .ev{border-radius:var(--r);overflow:hidden;box-shadow:0 14px 34px rgba(5,61,30,.1)}
.is-inner .ev .b{border-bottom:3px solid var(--gold)}
.is-inner .ev .d{left:16px;bottom:-14px;top:auto;border-radius:8px;background:var(--g);border-bottom:3px solid var(--gold);padding:6px 12px}
.is-inner .ev .b{padding-top:30px}
.is-inner .tag{background:#fdecec;color:var(--gold-d);border-radius:20px;padding:4px 12px;font-weight:600}

/* ---------- programme page ---------- */
.is-inner .program-feature{border-radius:var(--r);overflow:hidden;border:0;box-shadow:0 20px 45px rgba(5,61,30,.18)}
.is-inner .program-feature .img span{background:var(--gold);color:var(--gx);border-radius:0 30px 30px 0}
.is-inner .meta-grid{border-radius:12px;overflow:hidden}
.is-inner .meta-grid b{color:var(--gold)}
.is-inner .glance{border-radius:var(--r);overflow:hidden;box-shadow:0 14px 34px rgba(5,61,30,.14)}
.is-inner .glance div{border-top-color:var(--gold)}

/* ---------- gallery ---------- */
.is-inner .gallery a{border-radius:12px;box-shadow:0 8px 20px rgba(5,61,30,.1)}
.is-inner .filters button{border-radius:30px;border:2px solid var(--line);color:var(--gd);text-transform:none;font-weight:600;letter-spacing:0;font-size:14px}
.is-inner .filters button.active,.is-inner .filters button:hover{background:var(--gold);border-color:var(--gold);color:var(--gx)}

/* ---------- contact ---------- */
.is-inner .input{border-radius:10px}
.is-inner .contact-cards>div{border-radius:14px;border-left:0;border-bottom:3px solid var(--gold)}
.is-inner .contact-cards i{border-radius:12px;background:var(--gold);color:var(--gx)}
.is-inner .map{border-radius:var(--r);box-shadow:0 14px 34px rgba(5,61,30,.12)}

/* ---------- misc sections reused from the old homepage ---------- */
.is-inner .vm-card,.is-inner .ach-card,.is-inner .add-card,.is-inner .letter,.is-inner .affil-logos div{border-radius:var(--r);overflow:hidden}
.is-inner .vm-card{border-top-color:var(--gold)}
.is-inner .vm-card i,.is-inner .add-card i{border-radius:14px;background:var(--gold);color:var(--gx)}
.is-inner .ach-light .ach-card{border-top-color:var(--gold)}
.is-inner .ach-card li span:before{background:var(--gold);color:var(--gx);border-radius:50%}
.is-inner .affil-logos div{border-top-color:var(--gold);background:#fff;box-shadow:0 12px 30px rgba(5,61,30,.08)}
.is-inner .letter{border-bottom-color:var(--gold)}
.is-inner .collage-4 div{border-radius:12px}
.is-inner .motto{border-radius:var(--r);overflow:hidden}
.is-inner .pagination a,.is-inner .pagination span{border-radius:10px}
.is-inner .pagination .active span{background:var(--gold);color:var(--gx)}

/* ---------- light alternating bands, no white gaps ---------- */
.is-inner section[style*="--light"]{background:var(--light)!important}

/* ---------- contact strip above footer ---------- */
.is-inner .contact-strip{background:#fff;border-top:1px solid var(--line)}
.is-inner .cs-item i{border-radius:12px;background:var(--gold);color:var(--gx)}

@media(max-width:900px){
  .page-hero-in{padding:40px 0 44px}
  .page-hero h1{font-size:30px}
  .ph-logo{display:none}
  .is-inner .h2{font-size:28px!important}
  .is-inner section{padding:48px 0}
}
.is-inner .eyebrow{text-transform:none;letter-spacing:.2px;font-weight:600;color:var(--gold-d)}.is-inner .sh .eyebrow{color:var(--gd)}
