@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--primary:#0754c7;--accent:#ffb703;--navy:#07255a;--sky:#29b6f6;--mint:#25d0a6;--pink:#ee4d8a;--ink:#102240;--muted:#607492;--paper:#f5f9ff;--white:#fff;--line:#dce8f6}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Manrope,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(135deg,#dff4ff,#edf3ff 48%,#fff5d9)}
.screen-shell{height:100vh;display:grid;grid-template-rows:13vh 1fr 7.5vh;padding:0 2.2vw;position:relative}.screen-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 85% 5%,rgba(255,183,3,.24),transparent 25%),radial-gradient(circle at 4% 88%,rgba(41,182,246,.18),transparent 28%);pointer-events:none}
.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(7,84,199,.13);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:1vw}.brand-badge{width:7.2vh;height:7.2vh;border-radius:1.3vh;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#0b85ee);box-shadow:0 1.1vh 2.4vh rgba(7,84,199,.22);color:white;font:800 2vh "Plus Jakarta Sans"}.brand-badge img{width:82%;height:82%;object-fit:contain}.brand .overline{margin:0 0 .35vh;font-size:1.05vh;letter-spacing:.18em;color:var(--primary);font-weight:800}.brand h1{margin:0;font:800 2.35vh "Plus Jakarta Sans";letter-spacing:-.025em}.brand p:last-child{margin:.35vh 0 0;color:var(--muted);font-size:1.18vh}.datetime{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.datetime strong{font:800 3.55vh "Plus Jakarta Sans";letter-spacing:-.04em;color:var(--navy);font-variant-numeric:tabular-nums}.datetime span{font-size:1.15vh;color:var(--muted);text-transform:capitalize}.datetime small{margin-top:.35vh;font-size:.9vh;font-weight:800;color:#13866a;letter-spacing:.11em}.datetime i{display:inline-block;width:.62vh;height:.62vh;border-radius:50%;background:#21c892;margin-right:.35vw;box-shadow:0 0 0 .28vh rgba(33,200,146,.14)}
.display-grid{min-height:0;display:grid;grid-template-columns:1.62fr .74fr;gap:1.3vw;padding:1.8vh 0;position:relative;z-index:1}.main-column{min-height:0;display:grid;grid-template-rows:1.45fr .75fr;gap:1.3vw}.side-column{min-height:0;display:grid;grid-template-rows:1.18fr .82fr;gap:1.3vw}
.hero-card,.schedule-card,.programs-card,.medium-panel,.gallery-panel{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.95);box-shadow:0 1.5vh 4vh rgba(26,72,132,.12);border-radius:1.35vw;overflow:hidden}.hero-card{position:relative;display:grid;grid-template-columns:1.38fr .92fr;background:linear-gradient(135deg,#064ab6,#0b73dc 60%,#17a5e6);color:white}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.08));pointer-events:none}.hero-copy{padding:3.1vh 2.15vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}.section-label{font-size:1vh;letter-spacing:.18em;font-weight:800;color:#ffdc6b;margin-bottom:1vh}.program-pill{display:inline-flex;padding:.55vh .65vw;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-size:.92vh;font-weight:800;letter-spacing:.08em}.hero-copy h2{font:800 3.6vh/1.12 "Plus Jakarta Sans";letter-spacing:-.045em;margin:1.2vh 0}.hero-copy p{font-size:1.4vh;line-height:1.55;margin:0;color:#e4f3ff;max-width:95%}.hero-period{font-size:1.03vh;margin-top:1.2vh;color:#c9e9ff}.hero-image{margin:1.4vh 1.2vw 1.4vh 0;border-radius:1vw;overflow:hidden;background:rgba(4,37,91,.28);min-width:0}.hero-image img,.gallery-image img{width:100%;height:100%;object-fit:cover;display:block}.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.03));color:white}.photo-placeholder b{font:800 6vh "Plus Jakarta Sans";opacity:.95}.photo-placeholder span{font-size:1.05vh;letter-spacing:.14em;text-transform:uppercase}.slide-dots{position:absolute;left:2.15vw;bottom:1.4vh;display:flex;gap:.38vw}.slide-dots i{width:.48vw;height:.48vw;border-radius:50%;background:rgba(255,255,255,.4)}.slide-dots i.active{width:1.5vw;border-radius:999px;background:var(--accent)}
.bottom-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:1.3vw;min-height:0}.schedule-card,.programs-card,.medium-panel{padding:1.7vh 1.25vw}.section-head,.panel-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.15vh}.section-head span,.panel-title span,.gallery-caption span{display:block;font-size:.86vh;letter-spacing:.16em;color:var(--primary);font-weight:800}.section-head h3,.panel-title b{display:block;margin:.3vh 0 0;font:800 1.65vh "Plus Jakarta Sans"}.schedule-tabs{display:flex;gap:.34vw}.schedule-tabs button{border:1px solid var(--line);background:white;border-radius:999px;padding:.48vh .55vw;font:700 .88vh Manrope;color:var(--muted)}.schedule-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.schedule-list{display:grid;grid-template-columns:1fr 1fr;gap:.65vh .55vw}.schedule-item{display:grid;grid-template-columns:3.6vw 1fr auto;gap:.6vw;align-items:center;padding:.72vh .65vw;border-radius:.72vw;background:#f3f8ff;border:1px solid #e5eef9}.schedule-time{font-size:1.02vh;font-weight:800;color:var(--primary)}.schedule-info strong{display:block;font-size:1.05vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-info span{display:block;font-size:.82vh;color:var(--muted);margin-top:.18vh}.schedule-room{font-size:.82vh;font-weight:700;color:#46617f;background:white;padding:.35vh .42vw;border-radius:.4vw}.empty-state{font-size:1.05vh;color:var(--muted);padding:1vh;background:#f4f8fd;border-radius:.7vw}.program-list{display:grid;gap:.72vh}.program{display:flex;align-items:center;gap:.7vw;padding:.72vh .65vw;border-radius:.72vw;color:white}.program>b{width:2.2vw;height:2.2vw;display:grid;place-items:center;border-radius:.55vw;background:rgba(255,255,255,.2);font-size:.9vw}.program strong{font-size:1vh;display:block}.program span{font-size:.78vh;opacity:.82}.program.d3{background:linear-gradient(100deg,#bc245b,#ef5b91)}.program.s1{background:linear-gradient(100deg,#0754c7,#1ca8ec)}.program.pspa{background:linear-gradient(100deg,#e78d05,#ffc329);color:#4b3000}
.medium-panel{min-height:0}.medium-list{display:grid;gap:.72vh}.medium-item{display:grid;grid-template-columns:auto 1fr;gap:.7vw;padding:.92vh .75vw;border-radius:.82vw;background:linear-gradient(135deg,#f7fbff,#eef6ff);border:1px solid #e4eef9}.medium-icon{width:2.6vw;height:2.6vw;border-radius:.7vw;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#ff8f2b);color:#503100;font:800 .92vw "Plus Jakarta Sans"}.medium-item strong{font-size:1.08vh;line-height:1.25;display:block}.medium-item p{font-size:.84vh;line-height:1.35;color:var(--muted);margin:.27vh 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.medium-item span{font-size:.76vh;color:var(--primary);font-weight:800}.gallery-panel{position:relative;background:#173b70}.gallery-image{height:100%;min-height:0}.gallery-image .photo-placeholder{background:linear-gradient(145deg,#173b70,#0a75bd)}.gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:3.5vh 1.15vw 1.15vh;background:linear-gradient(transparent,rgba(3,18,47,.94));color:white}.gallery-caption span{color:#ffdb70}.gallery-caption strong{display:block;font-size:1.12vh;margin-top:.28vh}
.ticker{position:relative;z-index:2;display:flex;align-items:center;background:var(--navy);margin:0 -2.2vw;color:white;overflow:hidden}.ticker-label{height:100%;display:flex;align-items:center;padding:0 1.4vw;background:linear-gradient(90deg,#ff9f1c,var(--accent));color:#412800;font-size:1.03vh;font-weight:900;letter-spacing:.11em;white-space:nowrap}.ticker-window{overflow:hidden;white-space:nowrap;flex:1}.ticker-track{display:inline-block;padding-left:100%;font-size:1.17vh;animation:ticker 32s linear infinite}.ticker-track b{color:#ffda64}.admin-hint{padding:0 1.2vw;color:#92b1d8;font-size:.9vh}@keyframes ticker{to{transform:translateX(-100%)}}.fade-in{animation:fade .55s ease}@keyframes fade{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-aspect-ratio:4/3){html,body{overflow:auto}.screen-shell{height:auto;min-height:100vh;grid-template-rows:auto 1fr auto;padding:0 14px}.topbar{padding:14px 0}.brand .overline,.brand p:last-child{display:none}.brand h1{font-size:16px}.brand-badge{width:48px;height:48px}.datetime strong{font-size:24px}.display-grid,.bottom-grid{grid-template-columns:1fr}.display-grid{padding:14px 0}.main-column,.side-column{grid-template-rows:auto}.hero-card{grid-template-columns:1fr;min-height:640px}.hero-copy h2{font-size:34px}.hero-copy p{font-size:16px}.hero-image{margin:0 18px 18px;min-height:250px}.schedule-list{grid-template-columns:1fr}.medium-icon{width:42px;height:42px;font-size:14px}.program>b{width:42px;height:42px}.ticker{min-height:55px}.admin-hint{display:none}}

/* Fitur layar modern v2 */
.hero-image video,.gallery-image video{width:100%;height:100%;object-fit:cover;display:block}.hero-card[data-priority="penting"]{background:linear-gradient(135deg,#cf5b00,#f08d00 58%,#ffc12f)}.medium-item.important{border-color:#ffc95d;background:linear-gradient(135deg,#fff9e8,#fff0bf)}
.datetime small.offline{color:#bc2949}.datetime small.offline i{background:#e53355}.screen-tools{position:fixed;right:1vw;bottom:8.7vh;z-index:20;display:flex;gap:.45vw;opacity:.2;transition:.25s}.screen-tools:hover{opacity:1}.screen-tools button{width:2.35vw;height:2.35vw;min-width:34px;min-height:34px;border:1px solid rgba(255,255,255,.8);border-radius:.7vw;background:rgba(7,37,90,.86);color:white;cursor:pointer;box-shadow:0 8px 24px rgba(5,31,72,.2)}
.emergency-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;gap:2.2vw;padding:7vw;background:radial-gradient(circle at 80% 15%,#ff6b4a,#c9082c 52%,#760016);color:white}.emergency-overlay.active{display:flex;animation:emergency-in .4s ease}.emergency-mark{width:10vw;height:10vw;border-radius:50%;display:grid;place-items:center;border:.8vw solid white;font:900 7vw "Plus Jakarta Sans";box-shadow:0 0 0 1vw rgba(255,255,255,.15)}.emergency-overlay span{font-size:1.35vw;font-weight:900;letter-spacing:.2em;color:#ffe082}.emergency-overlay h2{font:800 4.1vw/1.06 "Plus Jakarta Sans";margin:1vw 0;max-width:65vw}.emergency-overlay p{font-size:1.45vw;line-height:1.5;max-width:60vw;margin:0;color:#ffeef1}@keyframes emergency-in{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}

/* Tipografi TV jarak jauh — v2.2 */
.brand .overline{font-size:1.5vh}.brand h1{font-size:3.08vh}.brand p:last-child{font-size:1.68vh}.datetime strong{font-size:4.55vh}.datetime span{font-size:1.62vh}.datetime small{font-size:1.28vh}
.section-label{font-size:1.48vh}.program-pill{font-size:1.38vh;padding:.62vh .78vw}.hero-copy h2{font-size:4.7vh;line-height:1.08}.hero-copy p{font-size:1.98vh;line-height:1.45}.hero-period{font-size:1.48vh}.photo-placeholder span{font-size:1.48vh}
.section-head span,.panel-title span,.gallery-caption span{font-size:1.3vh}.section-head h3,.panel-title b{font-size:2.28vh}.schedule-tabs button{font-size:1.28vh;padding:.55vh .65vw}.schedule-time{font-size:1.48vh}.schedule-info strong{font-size:1.52vh}.schedule-info span{font-size:1.23vh}.schedule-room{font-size:1.22vh}.empty-state{font-size:1.32vh}
.program strong{font-size:1.48vh}.program span{font-size:1.2vh}.medium-item{padding:1.05vh .85vw}.medium-icon{width:2.9vw;height:2.9vw;font-size:1.02vw}.medium-item strong{font-size:1.55vh;line-height:1.28}.medium-item p{font-size:1.38vh;line-height:1.38;margin-top:.35vh}.medium-item span{font-size:1.15vh}.gallery-caption strong{font-size:1.62vh}.ticker-label{font-size:1.48vh}.ticker-track{font-size:1.68vh}.admin-hint{font-size:1.25vh}
@media(max-aspect-ratio:4/3){.brand h1{font-size:22px}.datetime strong{font-size:32px}.hero-copy h2{font-size:44px}.hero-copy p{font-size:21px}.section-head h3,.panel-title b{font-size:22px}.schedule-info strong,.medium-item strong{font-size:17px}.schedule-info span,.schedule-room,.medium-item p{font-size:15px}.program strong{font-size:16px}.program span{font-size:14px}.ticker-track{font-size:18px}}

/* Panel tiga program studi selalu tampil utuh — v2.4 */
.programs-card{padding:1.15vh 1.25vw}
.programs-card .section-head{margin-bottom:.62vh}
.program-list{gap:.42vh}
.program{padding:.42vh .65vw;min-height:0}
.program>b{width:2vw;height:2vw}
@media(max-aspect-ratio:4/3){.programs-card{padding:16px}.programs-card .section-head{margin-bottom:10px}.program-list{gap:8px}.program{padding:8px 10px}.program>b{width:42px;height:42px}}