/* =========================================================
   Jurusan Fisika - Stylesheet Utama
   Palet: maroon (identitas akademik) + gold (aksen highlight)
   ========================================================= */

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

:root{
  --maroon-900:#0a525c;
  --maroon-800:#0e7c86;
  --maroon-700:#128a95;
  --maroon-600:#16a3b0;
  --gold-500:#f0a500;
  --gold-600:#d98e00;
  --cream-50:#f5fafa;
  --cream-100:#e8f4f5;
  --ink-900:#1c2b2d;
  --ink-700:#3c4e50;
  --gray-500:#72817f;
  --gray-300:#cfdbdb;
  --white:#ffffff;
  --radius-sm:6px;
  --radius-md:10px;
  --shadow-card:0 2px 10px rgba(10,82,92,.08);
  --shadow-hover:0 8px 24px rgba(10,82,92,.16);
  --font-display:'Poppins', sans-serif;
  --font-body:'Inter', sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink-900);
  background:var(--cream-50);
  line-height:1.6;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .5em;line-height:1.25;}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px;}

/* ---------- Skip link (aksesibilitas) ---------- */
.skip-link{position:absolute;left:-999px;top:0;background:var(--maroon-900);color:#fff;padding:10px 16px;z-index:999;}
.skip-link:focus{left:10px;top:10px;}

/* ---------- Top bar ---------- */
.topbar{background:var(--maroon-900);color:#f4e8e8;font-size:.82rem;}
.topbar .container{display:flex;align-items:center;justify-content:space-between;height:44px;gap:16px;}
.topbar .topbar-date{opacity:.85;}
.topbar-nav{display:flex;gap:22px;height:100%;flex:1;}
.topbar-nav > li{position:relative;display:flex;align-items:center;}
.topbar-nav > li > a{padding:8px 2px;display:flex;align-items:center;gap:4px;font-weight:500;}
.topbar-nav .dd-caret{font-size:.65em;opacity:.8;}
.topbar-search{display:flex;flex-shrink:0;}
.topbar-search input{border:0;padding:7px 12px;font-size:.8rem;width:150px;outline:none;font-family:var(--font-body);border-radius:4px 0 0 4px;}
.topbar-search select{display:none;}
.topbar-search button{background:var(--gold-500);color:var(--ink-900);border:0;padding:0 14px;cursor:pointer;border-radius:0 4px 4px 0;}
.topbar-search button:hover{background:var(--gold-600);}

/* Dropdown level 1 (langsung di bawah menu utama) */
.topbar-nav .dropdown{position:absolute;top:100%;left:0;background:var(--white);color:var(--ink-900);min-width:210px;border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-hover);padding:6px 0;display:none;z-index:50;}
.topbar-nav li:hover > .dropdown{display:block;}
.topbar-nav .dropdown li{position:relative;}
.topbar-nav .dropdown a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;color:var(--ink-700);}
.topbar-nav .dropdown a:hover{background:var(--cream-100);color:var(--maroon-800);}

/* Level ke-2 dan seterusnya: flyout ke kanan dari induknya, berlaku berulang untuk kedalaman berapa pun */
.topbar-nav .dropdown .dropdown{top:-6px;left:100%;margin-left:2px;}
.topbar-phone{display:flex;align-items:center;gap:6px;white-space:nowrap;}

/* ---------- Header ---------- */
.site-header{background:var(--white);border-bottom:1px solid var(--gray-300);}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:20px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{height:52px;width:auto;}
.brand-text .brand-title{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--maroon-800);letter-spacing:.5px;}
.brand-text .brand-sub{font-size:.7rem;color:var(--gray-500);letter-spacing:1px;text-transform:uppercase;}
.header-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.contact-pill{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.92rem;color:var(--ink-900);}
.contact-icon{width:38px;height:38px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.contact-icon-phone{background:#e0446b;}
.contact-icon-mail{background:#f0a500;}
.contact-icon-ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);}
.contact-pill-ig{gap:0;}
@media (max-width:700px){.contact-pill .contact-text{display:none;}}

/* ---------- Running text ---------- */
.running-text{background:var(--white);border-bottom:1px solid var(--gray-300);}
.running-text-row{display:flex;align-items:center;gap:16px;height:38px;}
.rt-label{font-weight:700;font-size:.8rem;color:var(--maroon-800);flex-shrink:0;}
.running-text-track{flex:1;overflow:hidden;white-space:nowrap;}
.running-text-inner{display:inline-block;padding-left:100%;animation:marquee 22s linear infinite;color:var(--ink-700);font-size:.82rem;}
.running-text-inner span{margin-right:60px;}
.rt-date{font-size:.78rem;color:var(--gray-500);flex-shrink:0;white-space:nowrap;}
@media (max-width:600px){.rt-date{display:none;}}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}

/* ---------- Hero / slider ---------- */
.hero-slider{position:relative;width:100%;max-width:1200px;aspect-ratio:1200/600;margin:0 auto;overflow:hidden;background:var(--ink-900);}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease;}
.hero-slide.active{opacity:1;visibility:visible;z-index:1;}
.hero-slide a{display:block;width:100%;height:100%;}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-slider .hero-caption{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);color:#fff;padding:24px;font-family:var(--font-display);font-weight:600;z-index:2;pointer-events:none;}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:rgba(0,0,0,.35);color:#fff;border:0;width:38px;height:38px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;}
.hero-nav:hover{background:var(--maroon-800);}
.hero-prev{left:14px;}
.hero-next{right:14px;}
.hero-dots{position:absolute;bottom:14px;right:20px;z-index:3;display:flex;gap:8px;}
.hero-dot{width:9px;height:9px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer;opacity:.7;}
.hero-dot.active{background:var(--gold-500);border-color:var(--gold-500);opacity:1;}

/* ---------- Strip nama prodi & breadcrumb ---------- */
.prodi-strip{background:var(--maroon-800);color:#fff;text-align:center;padding:12px 20px;font-family:var(--font-display);font-weight:700;letter-spacing:.5px;font-size:.95rem;}
.breadcrumb-strip{font-size:.8rem;color:var(--gray-500);text-align:center;padding:14px 0 6px;}
.breadcrumb-strip a{color:var(--maroon-800);}

/* ---------- Layout utama (2 kolom) ---------- */
.main-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;padding:28px 0;align-items:start;}
@media (max-width:900px){.main-layout{grid-template-columns:1fr;}}

/* ---------- Daftar Berita (gaya list, bukan grid kartu) ---------- */
.section-heading-plain{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--maroon-800);margin-bottom:18px;}
.berita-list{display:flex;flex-direction:column;gap:22px;}
.berita-row{display:flex;gap:16px;}
.berita-row-thumb{width:150px;height:100px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;display:block;background:var(--cream-100);}
.berita-row-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s;}
.berita-row:hover .berita-row-thumb img{transform:scale(1.05);}
@media (max-width:560px){.berita-row-thumb{width:100px;height:80px;}}
.berita-row-body{flex:1;min-width:0;}
.badge-pill{display:inline-block;background:var(--maroon-800);color:#fff;font-size:.68rem;font-weight:700;padding:3px 12px;border-radius:20px;margin-bottom:6px;}
.badge-pill-accent{background:var(--gold-500);color:var(--ink-900);}
.berita-row-title{margin:0 0 4px;font-size:1rem;line-height:1.4;}
.berita-row-title a{color:var(--maroon-900);}
.berita-row-title a:hover{color:var(--maroon-700);text-decoration:underline;}
.berita-row-meta{font-size:.75rem;color:var(--gray-500);margin-bottom:6px;}
.berita-row-excerpt{font-size:.85rem;color:var(--ink-700);line-height:1.55;margin:0;}


.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:22px;}
.card-body{padding:22px;}

.badge{display:inline-block;background:var(--maroon-800);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:6px 14px;border-radius:4px 4px 0 0;}
.badge-gold{background:var(--gold-500);color:var(--ink-900);}
.badge-dark{background:var(--ink-900);color:#fff;}

/* Info Kampus / Jurusan Fisika box */
.jurusan-title{font-size:1.4rem;color:var(--maroon-900);font-weight:800;}
.jurusan-alamat{color:var(--gray-500);font-size:.88rem;margin-bottom:16px;}

/* Kaprodi editorial */
.kaprodi-box{display:flex;align-items:center;gap:14px;border-top:1px solid var(--gray-300);border-bottom:1px solid var(--gray-300);padding:14px 0;margin:14px 0;}
.kaprodi-box img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.kaprodi-box .kaprodi-name{font-weight:700;font-size:.92rem;}
.kaprodi-box .kaprodi-role{font-size:.78rem;color:var(--gray-500);}
.kaprodi-box .editorial-btn{margin-left:auto;background:var(--maroon-800);color:#fff;font-size:.72rem;font-weight:700;padding:6px 14px;border-radius:4px;white-space:nowrap;}

/* Terbaru (grid berita) */
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.section-heading .badge{border-radius:4px;}
.section-heading .see-all{width:30px;height:30px;border-radius:50%;background:var(--maroon-800);color:#fff;display:flex;align-items:center;justify-content:center;}
.berita-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media (max-width:600px){.berita-grid{grid-template-columns:1fr;}}
.berita-item{border-radius:var(--radius-sm);overflow:hidden;background:var(--cream-50);border:1px solid var(--gray-300);display:flex;flex-direction:column;}
.berita-item .thumb{display:block;position:relative;height:100px;overflow:hidden;flex-shrink:0;}
.berita-item .thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s;}
.berita-item:hover .thumb img{transform:scale(1.06);}
.berita-item .thumb .tag-date{position:absolute;left:8px;top:8px;background:var(--maroon-900);color:#fff;font-size:.65rem;padding:3px 8px;border-radius:3px;}
.berita-item .thumb .tag-kategori{position:absolute;right:8px;top:8px;background:var(--gold-500);color:var(--ink-900);font-size:.65rem;padding:3px 8px;border-radius:3px;font-weight:700;}
.berita-item .info{padding:10px 12px;font-size:.8rem;font-weight:600;line-height:1.4;flex-grow:1;}
.berita-item .info a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink-900);}
.berita-item .info a:hover{color:var(--maroon-800);}

/* Catatan Dosen banner */
.catatan-dosen-section{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:22px;}
.catatan-dosen-section .badge{border-radius:0 0 6px 0;}
.cd-inner{padding:16px 18px;}

.cd-featured{display:flex;align-items:center;gap:16px;padding-bottom:14px;}
.cd-frame{display:block;flex-shrink:0;padding:4px;background:#fff;border:2px solid var(--gold-500);border-radius:10px;box-shadow:0 4px 10px rgba(92,20,20,.14);}
.cd-frame img{width:64px;height:64px;object-fit:cover;border-radius:6px;display:block;}
.cd-text{flex:1;min-width:0;}
.cd-title{margin:0 0 5px;font-size:.98rem;color:var(--maroon-900);line-height:1.35;transition:.2s;}
.cd-featured:hover .cd-title{color:var(--maroon-700);}
.cd-author{font-size:.72rem;color:var(--gold-600);font-weight:700;text-transform:uppercase;letter-spacing:.3px;}

.cd-list{border-top:1px solid var(--gray-300);padding-top:4px;}
.cd-list li{border-bottom:1px dashed var(--gray-300);}
.cd-list li:last-child{border-bottom:0;}
.cd-list a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 2px;}
.cd-list a:hover .cd-list-title{color:var(--maroon-800);}
.cd-list-title{font-size:.85rem;font-weight:600;color:var(--ink-900);flex:1;}
.cd-list-author{font-size:.7rem;color:var(--gray-500);white-space:nowrap;flex-shrink:0;}
@media (max-width:480px){.cd-list-author{display:none;}}

/* Sidebar */
.sidebar .agenda-btn{display:block;text-align:center;background:var(--gold-500);color:var(--ink-900);font-weight:700;padding:12px;border-radius:var(--radius-sm);margin-bottom:16px;}
.sidebar .agenda-btn:hover{background:var(--gold-600);}
.sidebar-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:18px;margin-bottom:16px;}
.sidebar-card h4{font-size:.95rem;color:var(--maroon-900);margin-top:0;}

.sidebar-search{display:flex;border:1px solid var(--gray-300);border-radius:var(--radius-sm);overflow:hidden;}
.sidebar-search input{flex:1;border:0;padding:9px 12px;font-size:.85rem;outline:none;font-family:var(--font-body);}
.sidebar-search button{background:var(--maroon-800);color:#fff;border:0;padding:0 16px;cursor:pointer;}
.sidebar-search button:hover{background:var(--maroon-900);}

.link-list{list-style:none;margin:0;padding:0;}
.link-list li{border-bottom:1px dashed var(--gray-300);}
.link-list li:last-child{border-bottom:0;}
.link-list a{display:flex;align-items:center;gap:9px;padding:9px 2px;font-size:.83rem;color:var(--ink-700);}
.link-list a:hover{color:var(--maroon-800);}
.link-list a i{color:var(--maroon-800);width:16px;text-align:center;flex-shrink:0;}

.tautan-buttons{display:flex;flex-direction:column;gap:10px;}
.tautan-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);color:#fff;font-weight:700;font-size:.85rem;transition:.2s;}
.tautan-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
.tautan-btn img{width:24px;height:24px;object-fit:contain;flex-shrink:0;border-radius:4px;background:#fff;}
.tautan-btn i{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0;}
.sertifikat-item{display:flex;align-items:center;gap:12px;border:1px dashed var(--gray-300);border-radius:var(--radius-sm);padding:10px;}
.sertifikat-item .date-badge{background:var(--cream-100);color:var(--maroon-800);font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:4px;white-space:nowrap;}
.sertifikat-item .btn-download{margin-left:auto;background:var(--maroon-800);color:#fff;font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:4px;}
.chat-bubble-icon{width:42px;height:42px;border-radius:50%;background:var(--maroon-800);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto;}

/* Flyer widget (sidebar) */
.flyer-widget{padding:0;overflow:hidden;}
.flyer-widget a{display:block;color:inherit;}
.flyer-img-wrap{width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--cream-100);}
.flyer-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s;}
.flyer-widget a:hover .flyer-img-wrap img{transform:scale(1.04);}
.flyer-title{padding:12px 14px;font-weight:700;font-size:.88rem;color:var(--maroon-900);line-height:1.35;text-align:center;}

/* Tabs Kegiatan/Fasilitas/Prestasi */
.tabs-section{padding:10px 0 30px;}
.tab-nav{display:flex;gap:10px;background:var(--cream-100);border-radius:var(--radius-sm);padding:6px;max-width:420px;margin-bottom:20px;}
.tab-nav button{flex:1;background:transparent;border:0;padding:10px 14px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;color:var(--ink-700);font-family:var(--font-body);}
.tab-nav button.active{background:var(--maroon-800);color:#fff;}
.tab-panel{display:none;}
.tab-panel.active{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media (max-width:800px){.tab-panel.active{grid-template-columns:repeat(2,1fr);}}
.galeri-item{border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-card);}
.galeri-item img{height:120px;object-fit:cover;width:100%;}
.galeri-item .cap{padding:8px 10px;font-size:.75rem;font-weight:600;background:var(--white);}

/* Video */
.video-section{padding-bottom:30px;}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width:800px){.video-grid{grid-template-columns:1fr;}}
.video-item iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius-sm);}
.video-item .cap{font-size:.82rem;font-weight:600;margin-top:8px;}

/* Footer */
.site-footer{background:var(--maroon-900);color:#f1e3e3;padding-top:40px;}
.footer-grid{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:30px;padding-bottom:24px;align-items:start;}
@media (max-width:800px){.footer-grid{grid-template-columns:1fr;}}
.footer-grid h4{color:var(--gold-500);font-size:1rem;margin-bottom:14px;margin-top:0;}
.footer-brand{text-align:left;}
.footer-brand img{height:64px;margin-bottom:10px;}
.footer-brand .fname{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:#fff;margin-bottom:8px;}
.footer-akreditasi{display:flex;gap:14px;}
.footer-akreditasi .akreditasi-badge{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:var(--gold-500);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;}
.footer-akreditasi .akreditasi-status{font-size:.85rem;opacity:.9;margin:0;line-height:1.5;}
.footer-links .tautan-buttons{gap:8px;}
.footer-links .tautan-btn{font-size:.8rem;padding:8px 12px;}
.footer-address{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;margin-top:6px;text-align:center;}
.footer-address .fname{font-family:var(--font-display);font-weight:700;font-size:1rem;color:#fff;margin-bottom:6px;}
.footer-address p{font-size:.83rem;opacity:.85;margin:2px 0;}
.footer-bottom{background:var(--gold-500);color:var(--ink-900);text-align:center;font-size:.8rem;font-weight:600;padding:12px 0;}

/* Halaman dalam (page/single/category) */
.page-content{font-size:.95rem;}

/* Daftar Halaman (saat lebih dari 1 halaman tertaut ke kategori yang sama) */
.halaman-list{display:flex;flex-direction:column;gap:14px;}
.halaman-list-item{display:flex;gap:16px;padding:14px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);transition:.2s;}
.halaman-list-item:hover{border-color:var(--maroon-800);box-shadow:var(--shadow-card);}
.halaman-list-item img{width:110px;height:80px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.halaman-list-body h3{margin:0 0 6px;font-size:1rem;color:var(--maroon-900);}
.halaman-list-body p{margin:0;font-size:.85rem;color:var(--gray-500);line-height:1.5;}
.page-content img{border-radius:var(--radius-sm);margin:14px 0;}
.page-title{color:var(--maroon-900);border-bottom:3px solid var(--gold-500);padding-bottom:12px;margin-bottom:20px;}
.breadcrumb{font-size:.8rem;color:var(--gray-500);margin-bottom:16px;}
.breadcrumb a:hover{color:var(--maroon-800);}

.pagination{display:flex;gap:8px;margin-top:20px;}
.pagination a,.pagination span{padding:8px 14px;border-radius:4px;background:var(--white);border:1px solid var(--gray-300);font-size:.85rem;}
.pagination a:hover{background:var(--maroon-800);color:#fff;}
.pagination .current{background:var(--maroon-800);color:#fff;}

/* Komentar */
.comment-list{margin:16px 0;}
.comment-item{padding:14px;border-bottom:1px solid var(--gray-300);}
.comment-item .cname{font-weight:700;font-size:.85rem;}
.comment-item .cdate{font-size:.72rem;color:var(--gray-500);margin-bottom:6px;}
.comment-form input,.comment-form textarea{width:100%;padding:10px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);margin-bottom:10px;font-family:var(--font-body);font-size:.88rem;}
.comment-form button{background:var(--maroon-800);color:#fff;border:0;padding:10px 22px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;}
.comment-form button:hover{background:var(--maroon-900);}

/* Mobile nav toggle */
.nav-toggle{display:none;background:none;border:0;color:var(--maroon-800);font-size:1.4rem;cursor:pointer;}
@media (max-width:900px){
  .topbar .topbar-nav{display:none;flex-direction:column;gap:0;width:100%;position:absolute;top:100%;left:0;background:var(--maroon-900);padding:8px 0;z-index:60;}
  .topbar .topbar-nav.mobile-open{display:flex;}
  .nav-toggle{display:block;}
  .topbar-nav > li{display:block;width:100%;}
  .topbar-nav > li > a{color:#f4e8e8;padding:10px 20px;}
  /* Semua level dropdown jadi accordion bertumpuk (bukan flyout), makin dalam makin menjorok */
  .topbar-nav .dropdown,
  .topbar-nav .dropdown .dropdown{position:static;display:none;box-shadow:none;border-radius:0;background:rgba(255,255,255,.06);min-width:0;padding-left:14px;margin:0;}
  .topbar-nav .dropdown a{color:#f4e8e8;}
  .topbar-nav .dropdown a:hover{background:rgba(255,255,255,.1);color:#fff;}
}

/* Utility */
.text-center{text-align:center;}
.mt-0{margin-top:0;}
.empty-state{text-align:center;padding:40px 20px;color:var(--gray-500);}

/* Focus visibility (aksesibilitas) */
a:focus-visible, button:focus-visible, input:focus-visible{outline:2px solid var(--gold-600);outline-offset:2px;}