*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#092653;font-family:Georgia,'Times New Roman',serif;background:#fff}a{text-decoration:none;color:inherit}.university{height:102px;background:linear-gradient(120deg,#fff 30%,#e7f3ff 70%,#fff);display:flex;justify-content:space-between;align-items:center;padding:8px max(3.8vw,20px);position:relative}.brand{display:flex;align-items:center;gap:17px;height:100%}.brand img{width:115px;height:115px;object-fit:contain;align-self:flex-start;z-index:4}.brand-title{font-weight:800;font-size:clamp(15px,1.6vw,25px);line-height:1.02;letter-spacing:.1px}.header-right{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.toplinks{display:flex;align-items:center;gap:4px;font-size:12px}.toplinks form{display:flex;margin-left:16px}.toplinks input{width:245px;padding:7px 10px;border:1px solid #cbd3d9;border-radius:4px 0 0 4px}.toplinks button{border:0;background:#00244d;color:white;padding:4px 14px;font-size:23px}.motto{font-size:20px;color:#cf9016;font-style:italic;margin-bottom:12px}.navigation{height:42px;background:linear-gradient(#00336c,#001e43);color:#fff;border-bottom:2px solid #3ca2ca}.nav-inner{max-width:1100px;margin:auto;display:flex;height:100%;align-items:stretch}.nav-inner a{flex:1;text-align:center;padding:12px 8px;font-size:14px;border-right:1px solid #164273;white-space:nowrap}.nav-inner a:first-child{border-bottom:3px solid #f5b63d;color:#ffc75b}.nav-inner a:hover{background:#164c7c}.mobile-menu{display:none}.hero{height:307px;position:relative;background:linear-gradient(90deg,#084878,#002a55 40%,#001f45 65%,#003e75);overflow:hidden;color:white;text-align:center}.hero-left,.hero-right{position:absolute;top:0;height:100%;width:36%;background-position:center;background-size:cover;opacity:.82}.hero-left{left:0;background-image:linear-gradient(90deg,transparent,#002d5c),url('campus-reference.png')}.hero-right{right:0;background-image:linear-gradient(270deg,transparent,#00234b),url('chip-reference.png')}.hero-center{position:relative;z-index:2;padding:12px 12px}.overline{color:#f5b83c;font-size:27px;font-weight:bold}.hero h1{font-size:clamp(29px,3vw,45px);line-height:1.04;margin:2px auto 10px;max-width:1000px;text-shadow:0 2px 8px #00234b}.hero-sub{font-size:19px;line-height:1.3}.meta{display:flex;justify-content:center;gap:30px;font-size:16px;font-weight:bold;margin:12px 0}.meta b{color:#f6b63b;font-size:23px}.hero-actions{display:flex;justify-content:center;gap:12px}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:24px;min-width:235px;padding:10px 22px;font-size:15px;font-weight:bold}.gold{background:linear-gradient(90deg,#e9ab30,#ffce73);color:#101820}.outline{border:1px solid #ffc75b;color:#fff}.hero-tag{position:absolute;right:3%;bottom:14px;font-size:16px;line-height:1.15;z-index:3}.hero-tag i{display:block;background:#f7b839;width:48px;height:3px;margin:10px auto 0}main{max-width:1440px;margin:auto;padding:8px 22px 50px}.feature-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.feature{min-height:79px;background:#f0f5fa;border-radius:10px;display:flex;align-items:center;gap:16px;padding:12px 15px}.feature span{font-size:35px;color:#002b5b}.feature strong{display:block;font-size:15px;white-space:nowrap}.feature small{display:block;font-size:12px;margin-top:6px;white-space:nowrap}.three-col{display:grid;grid-template-columns:1.05fr 1.22fr 1.05fr;gap:26px;margin-top:20px}.three-col h2,.bottom-grid h2,.detail-section h2{font-size:25px;margin:0 0 18px;color:#002552}.three-col h2:after,.bottom-grid h2:after,.detail-section h2:after{content:'';display:block;width:47px;height:3px;background:#e8a727;margin-top:6px}.about p{font-size:14px;line-height:1.48;color:#424242;margin:0 0 10px}.pill{background:linear-gradient(#064577,#00244b);border-radius:25px;padding:9px 22px;color:#fff;font-size:13px;display:inline-block}.pill.center{display:table;margin:15px auto 0;min-width:75%;text-align:center}.people-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.person{text-align:center;min-width:0}.person img{width:100%;height:101px;object-fit:cover;object-position:top;background:#e5e7eb;border-radius:6px}.person h3{font-size:12px;line-height:1.1;margin:6px 0 3px}.person p{font-size:11px;line-height:1.15;margin:0;color:#333}.bottom-grid{display:grid;grid-template-columns:1.78fr 1fr;gap:15px;margin-top:22px}.theme-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.theme{height:112px;background:linear-gradient(140deg,#075084,#00244b);color:white;border-radius:9px;text-align:center;padding:11px 6px;font-size:12px;line-height:1.25;display:flex;flex-direction:column;justify-content:center;gap:8px}.theme:nth-child(even){background:linear-gradient(135deg,#0098a0,#00717f)}.theme-icon{font-size:30px}.side-panels{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:start}.info-card{background:#edf4fa;padding:20px 18px;border-radius:12px;min-height:158px}.info-card h2{font-size:23px;white-space:nowrap;margin-bottom:8px}.info-card h2:after{display:none}.info-card p{font-size:13px;line-height:1.4}.info-card .btn{min-width:0;width:100%;padding:11px 8px}.info-card a:not(.btn){font-weight:bold}.detail-section{padding-top:70px;scroll-margin-top:20px}.detail-section>p{max-width:1050px;line-height:1.7;color:#445}.full-people{display:grid;grid-template-columns:repeat(6,1fr);gap:24px 15px}.full-people .person{background:#f3f7fb;padding:12px;border-radius:10px}.full-people .person img{height:160px;object-fit:contain}.full-people .person h3{font-size:15px}.full-people .person p{font-size:12px}footer{background:#00244d;color:#fff;display:flex;align-items:center;gap:22px;padding:22px 5%;font-size:13px}footer img{width:75px;background:white;border-radius:50%}footer div{flex:1}footer p{margin:5px 0}@media(max-width:1100px){.three-col{grid-template-columns:1fr 1fr}.about{grid-column:1/-1}.bottom-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:repeat(3,1fr)}.full-people{grid-template-columns:repeat(4,1fr)}.hero-tag{display:none}}@media(max-width:700px){.university{height:auto;min-height:90px;padding:10px}.brand img{width:70px;height:70px}.brand-title{font-size:13px}.header-right{display:none}.navigation{height:auto}.mobile-menu{display:block;background:#002c58;color:white;border:0;padding:13px 20px;width:100%;text-align:left}.nav-inner{display:none;flex-direction:column}.nav-inner.open{display:flex}.nav-inner a{text-align:left}.hero{height:auto;min-height:410px}.hero-center{padding:26px 12px}.overline{font-size:21px}.hero h1{font-size:30px}.hero-sub{font-size:15px}.meta,.hero-actions{flex-direction:column;gap:9px;align-items:center}.meta{font-size:14px}.hero-left,.hero-right{width:55%;opacity:.3}.feature-strip{grid-template-columns:1fr 1fr}.feature{padding:10px}.feature span{font-size:25px}.feature strong{font-size:13px}.feature small{font-size:10px;white-space:normal}.three-col{grid-template-columns:1fr}.about{grid-column:auto}.people-four{gap:8px}.bottom-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.side-panels{grid-template-columns:1fr}.full-people{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}}
/* IUST campus banner provided by the university */
.hero{background-image:linear-gradient(90deg,rgba(0,29,63,.88),rgba(0,32,69,.79) 50%,rgba(0,29,63,.88)),url('banner-main.jpg');background-size:cover;background-position:center 42%;}
.hero-left,.hero-right{display:none}
/* Accessible expandable workshop theme cards */
.theme{height:auto;min-height:112px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:block;padding:0;overflow:hidden}
.theme:hover{transform:translateY(-3px);box-shadow:0 9px 20px #00244b35}
.theme summary{list-style:none;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:11px 6px;font-size:12px;line-height:1.25}
.theme summary::-webkit-details-marker{display:none}
.theme summary:focus-visible{outline:3px solid #ffc75b;outline-offset:-3px}
.theme[open]{grid-column:span 2;box-shadow:0 8px 22px #00244b35}
.theme .theme-detail{padding:12px 14px 16px;border-top:1px solid #ffffff55;font-size:13px;line-height:1.5;text-align:left}
.theme summary:after{content:'＋ Explore';font-size:11px;color:#ffe3a2}
.theme[open] summary:after{content:'− Collapse'}
@media(max-width:700px){.theme[open]{grid-column:span 2}}