/* ================================================================
   TARBIYAH — desain ulang beranda (10 Nov 2026). Hanya body.home.
   Token keluarga Al-Qolam (sumber: ~/workspace/hes-claudecode/polish.css
   + portal alumni 9 Nov 2026 + brief redesign-brief.md):
     --tr-green  #24704a  hijau kampus = identitas UQM (HES, alumni)
     --tr-cream  #f7f4ea  krem kertas, latar seksi terang (polish.css --hes-cream)
     --tr-gold   #8a6a12  emas gelap: HANYA tombol PMB + garis aksen (polish.css --hes-gold-ink)
     --tr-gold-soft #c9a227  emas HES (rgba(201,162,39) di polish.css) khusus teks/garis di atas latar gelap
     --tr-ink    #1f2a23  tinta (polish.css --hes-ink)
     --tr-muted  #55605a  abu-hijau (polish.css --hes-muted)
     --tr-dark   #0d2b18  hijau gelap (polish.css scrim rgba(13,43,24))
   Font: Playfair Display (display, hes.alqolam.ac.id) + Plus Jakarta Sans (teks, alumni + situs utama).
   Radius: 0 untuk semua, 999px hanya untuk tombol. Bayangan: tidak dipakai.
   Putaran 3 (10 Nov, perintah Tuan Besar): skala tipe — teks isi min 16px, lompatan
   antar level rasio >=1,5, kontras >=4,5:1; override garis bawah ungu WPForms Hestia.
   Putaran 4 (10 Nov, perintah Tuan Besar: font terlalu kecil): skala tipe NAIK ke
   standar keluarga Al-Qolam — teks isi 18px (syariah.alqolam.ac.id 1.125em; HES
   fluid s.d. 1.15rem; situs utama ~1.05rem); judul + label naik satu tingkat.
   ================================================================ */
body.home{
  --tr-green:#24704a; --tr-cream:#f7f4ea; --tr-gold:#8a6a12; --tr-gold-soft:#c9a227;
  --tr-ink:#1f2a23; --tr-muted:#55605a; --tr-dark:#0d2b18;
  --tr-line:rgba(13,43,24,.16); --tr-line-dark:rgba(247,244,234,.22);
  --tr-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --tr-sans:"Plus Jakarta Sans",system-ui,sans-serif;
  --tr-y:clamp(56px,7vw,104px);
  counter-reset:trsec;
}

/* ---------- dasar ---------- */
body.home,
body.home :is(p,li,td,th,span,small,strong,b,address,input,textarea,button,label,.btn,.description,.sub-title,.navbar .nav>li>a,.footer a,.footer li,.copyright){font-family:var(--tr-sans)}
body.home :is(h1,h2,h3,h4,h5,.hestia-title,.card-title,.title,.info-title){font-family:var(--tr-serif);text-transform:none}
body.home{color:var(--tr-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.home .main.main-raised{margin:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent}
body.home .tr-wrap{width:min(1180px,100% - 48px);margin:0 auto}
body.home .tr-section{padding:var(--tr-y) 0;font-size:1.125rem;line-height:1.65}
body.home .tr-section p{margin:0}

/* label seksi bernomor (nomor otomatis: counter) */
body.home :is(.tr-label,.hestia-blogs-title-area .description){
  display:flex;align-items:center;gap:12px;margin:0 0 16px;
  font-size:.9375rem;font-weight:700;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--tr-gold);
}
body.home :is(.tr-label,.hestia-blogs-title-area .description)::before{
  counter-increment:trsec;content:counter(trsec,decimal-leading-zero);
  font-family:var(--tr-serif);font-size:1.25rem;letter-spacing:0;font-weight:700;color:var(--tr-green);
}
body.home :is(.tr-label,.hestia-blogs-title-area .description)::after{content:"";width:40px;height:2px;background:var(--tr-gold)}
body.home :is(.tr-h2,.hestia-blogs-title-area .hestia-title,.hestia-contact-title-area .hestia-title){
  margin:0 0 20px;font-size:clamp(2rem,1.6rem + 1vw,2.75rem);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--tr-ink);max-width:22ch;
}
body.home .tr-link,body.home .tr-links a{
  display:inline-block;font-weight:600;color:var(--tr-green);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;
}
body.home :is(.tr-link,.tr-links a,.tr-hero-link):hover{color:var(--tr-gold);text-decoration-thickness:2px}
body.home :is(a,button,.btn):focus-visible{outline:3px solid var(--tr-gold-soft);outline-offset:3px}

/* ---------- 1. HERO ---------- */
body.home #carousel-hestia-generic .page-header{min-height:min(88vh,760px);display:flex;align-items:flex-end;padding:140px 0 clamp(48px,7vw,96px)}
body.home #carousel-hestia-generic .page-header>.container{width:min(1180px,100% - 48px);padding:0;margin:0 auto}
body.home #carousel-hestia-generic .header-filter{background-size:cover;background-position:62% 40%}
body.home #carousel-hestia-generic .header-filter::before{
  background:linear-gradient(100deg,rgba(10,34,19,.93) 0%,rgba(13,43,24,.82) 45%,rgba(13,43,24,.4) 100%);
}
body.home .hestia-big-title-content{margin:0}
/* logo gelap tidak terbaca di atas foto: jadikan putih selama navbar transparan (kembali normal saat scroll) */
@media (min-width:992px){body.home .navbar-transparent .navbar-brand img{filter:brightness(0) invert(1)}}
body.home .big-title-slider-content{padding:0;float:none;width:min(100%,48rem);margin:0 !important;text-align:left}
body.home .tr-eyebrow{
  margin:0 0 20px;display:flex;align-items:center;gap:12px;
  font-size:.9375rem;font-weight:700;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--tr-gold-soft);
}
body.home .tr-eyebrow::before{content:"";width:40px;height:2px;background:var(--tr-gold-soft)}
body.home .big-title-slider-content h1.hestia-title{
  margin:0 0 24px;text-align:left;color:#fff;font-weight:700;letter-spacing:-.01em;
  font-size:clamp(2.5rem,1.5rem + 3.6vw,4rem);line-height:1.1;text-shadow:0 2px 18px rgba(0,0,0,.35);
}
body.home .big-title-slider-content .sub-title{
  display:block;max-width:38rem;margin:0 0 32px;text-align:left;color:rgba(255,255,255,.94);
  font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem);line-height:1.65;font-weight:400;text-transform:none;
}
body.home .big-title-slider-content .buttons{margin:0;text-align:left}
body.home :is(.btn.btn-primary,a.btn-primary){
  background:var(--tr-gold) !important;border:1px solid var(--tr-gold) !important;color:#fff !important;
  border-radius:999px;box-shadow:none !important;text-transform:none;letter-spacing:.2px;
  font-size:1.125rem;font-weight:700;line-height:1.3;padding:16px 34px;
}
body.home :is(.btn.btn-primary,a.btn-primary):hover,body.home :is(.btn.btn-primary,a.btn-primary):focus{background:var(--tr-green) !important;border-color:var(--tr-green) !important;color:#fff !important}
body.home .tr-hero-link{
  display:inline-block;margin-top:20px;color:#fff;font-weight:600;font-size:1.125rem;
  text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;
}
body.home .tr-hero-link:hover{color:var(--tr-gold-soft)}

/* ---------- 2. PROFIL (krem, 7/5) ---------- */
body.home .tr-profile{background:var(--tr-cream)}
body.home .tr-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:start}
body.home .tr-lead{max-width:60ch;color:var(--tr-ink);font-size:1.25rem}
body.home .tr-vision{margin:32px 0;padding:4px 0 4px 24px;border-left:3px solid var(--tr-gold)}
body.home .tr-vision figcaption{font-size:.9375rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tr-muted);margin-bottom:8px}
body.home .tr-vision blockquote{margin:0;padding:0;border:0;font-family:var(--tr-serif);font-size:clamp(1.5rem,1.25rem + 1vw,2rem);line-height:1.4;font-weight:600;color:var(--tr-ink);max-width:34ch}
body.home .tr-source{margin-top:10px !important;font-size:.9375rem;color:var(--tr-muted)}
body.home .tr-links{display:flex;flex-wrap:wrap;gap:12px 28px}
body.home .tr-aside .tr-big{font-family:var(--tr-serif);font-weight:700;font-size:clamp(4.5rem,3rem + 5vw,7.5rem);line-height:.95;color:var(--tr-green);margin-bottom:12px !important}
body.home .tr-aside .tr-big a{color:inherit;text-decoration:none}
body.home .tr-big-cap{max-width:34ch;font-size:1.125rem;line-height:1.65;color:var(--tr-muted)}
body.home .tr-big-cap a{color:var(--tr-green);text-decoration:underline;text-underline-offset:3px}
body.home .tr-rules{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--tr-line)}
body.home .tr-rules li{margin:0;border-bottom:1px solid var(--tr-line)}
body.home .tr-rules a{display:block;padding:16px 0;text-decoration:none;color:var(--tr-ink)}
body.home .tr-rules b{display:block;font-weight:700;color:var(--tr-green)}
body.home .tr-rules span{display:block;font-size:1.125rem;line-height:1.6;color:var(--tr-muted)}
body.home .tr-rules a:hover b{color:var(--tr-gold);text-decoration:underline;text-underline-offset:4px}

/* ---------- 3. PROGRAM STUDI (tabel bergaris, putih) ---------- */
body.home .tr-prodi{background:#fff}
body.home .tr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:36px}
body.home .tr-head .tr-h2{margin-bottom:0;max-width:24ch}
body.home .tr-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.home .tr-table{width:100%;min-width:720px;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:1.125rem;line-height:1.55}
body.home .tr-table thead th{padding:0 16px 12px 0;text-align:left;font-size:.875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tr-muted);border-bottom:2px solid var(--tr-ink)}
body.home .tr-table tbody :is(th,td){padding:20px 16px 20px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--tr-line);font-weight:400;color:var(--tr-ink)}
body.home .tr-table tbody th{width:30%;font-family:var(--tr-serif);font-size:1.375rem;line-height:1.3;font-weight:700}
body.home .tr-table tbody th a{color:var(--tr-ink);text-decoration:underline;text-decoration-color:var(--tr-gold);text-underline-offset:5px;text-decoration-thickness:2px}
body.home .tr-table tbody th a:hover{color:var(--tr-green)}
body.home .tr-table small{display:block;margin-top:4px;font-family:var(--tr-sans);font-size:.875rem;font-weight:500;line-height:1.4;color:var(--tr-muted);letter-spacing:.02em}
body.home .tr-table td strong{color:var(--tr-green);font-weight:700}
body.home .tr-table td span{display:block;font-weight:600}
body.home .tr-table td:nth-child(2){width:8%;font-weight:700}
body.home .tr-table .tr-s2 :is(th,td){background:var(--tr-cream)}
body.home .tr-note{margin-top:20px !important;max-width:70ch;font-size:1.125rem;line-height:1.65;color:var(--tr-muted)}
body.home .tr-note a{color:var(--tr-green);text-decoration:underline;text-underline-offset:3px}

/* ---------- 4. BERITA (krem, daftar bergaris — bukan kartu) ---------- */
body.home .hestia-blogs{background:var(--tr-cream);padding:var(--tr-y) 0}
body.home .hestia-blogs>.container{width:min(1180px,100% - 48px);padding:0}
body.home .hestia-blogs .row{margin-left:0;margin-right:0}
body.home .hestia-blogs .hestia-blogs-title-area{float:none;width:auto;margin:0 0 32px !important;text-align:left;padding:0}
body.home .hestia-blogs .hestia-blogs-title-area .hestia-title{margin:0;max-width:none}
body.home .hestia-blogs .hestia-blogs-title-area .description{order:-1;margin:0 0 16px}
body.home .hestia-blogs .hestia-blogs-title-area{display:flex;flex-direction:column}
body.home .hestia-blog-content>.row{margin:0;display:block;border-top:2px solid var(--tr-ink)}
body.home .hestia-blog-content>.row::before,body.home .hestia-blog-content>.row::after{display:none}
body.home .hestia-blog-content>.row:empty{display:none}
body.home .hestia-blog-content article.hestia-blog-item{float:none;width:auto;margin:0 !important;padding:0;border-bottom:1px solid var(--tr-line)}
body.home .hestia-blog-content .card{margin:0;background:transparent;box-shadow:none;border-radius:0;display:flex;gap:28px;align-items:flex-start;padding:28px 0}
body.home .hestia-blog-content .card-image{flex:0 0 clamp(150px,24vw,280px);margin:0;border-radius:0;box-shadow:none;overflow:hidden}
body.home .hestia-blog-content .card-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0;box-shadow:none}
body.home .hestia-blog-content .card .content{flex:1;min-width:0;padding:0}
body.home .tr-date{display:block;margin:0 0 8px;font-size:.9375rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tr-gold)}
body.home .hestia-blog-content .category{display:block;margin:0 0 6px;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
body.home .hestia-blog-content .category:empty{display:none}
body.home .hestia-blog-content .category a{color:var(--tr-muted)}
body.home .hestia-blog-content .card-title{margin:0 0 10px;font-size:clamp(1.5rem,1.3rem + .7vw,1.75rem);line-height:1.3;font-weight:700}
body.home .hestia-blog-content .card-title a{color:var(--tr-ink);text-decoration:none}
body.home .hestia-blog-content .card-title a:hover{color:var(--tr-green);text-decoration:underline;text-underline-offset:4px}
body.home .hestia-blog-content .card-description{margin:0;font-size:1.125rem;line-height:1.65;color:var(--tr-muted)}
body.home .hestia-blog-content .card-description:empty{display:none}
body.home .hestia-blog-content .moretag{color:var(--tr-green);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ---------- 5. PENGUMUMAN (band hijau gelap) ---------- */
body.home .tr-ann{background:var(--tr-dark);color:#fff}
body.home .tr-split--ann{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
body.home .tr-ann .tr-label{color:var(--tr-gold-soft)}
body.home .tr-ann .tr-label::before{color:#fff}
body.home .tr-ann .tr-label::after{background:var(--tr-gold-soft)}
body.home .tr-ann .tr-h2{color:#fff;margin-bottom:24px}
body.home .tr-ann .tr-link{color:#fff}
body.home .tr-ann .tr-link:hover{color:var(--tr-gold-soft)}
body.home .tr-ann-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--tr-line-dark)}
body.home .tr-ann-list li{display:grid;grid-template-columns:7.5rem 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--tr-line-dark)}
body.home .tr-ann-list time{font-size:.9375rem;font-weight:700;letter-spacing:.06em;color:var(--tr-gold-soft);font-variant-numeric:tabular-nums;padding-top:.2rem}
body.home .tr-ann-list a{font-family:var(--tr-serif);font-size:clamp(1.375rem,1.2rem + .5vw,1.5rem);line-height:1.4;font-weight:600;color:#fff;text-decoration:none}
body.home .tr-ann-list a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--tr-gold-soft)}

/* ---------- 6. GALERI (strip, putih) ---------- */
body.home .tr-gal{background:#fff}
body.home .tr-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
body.home .tr-strip a{display:block;overflow:hidden;background:var(--tr-cream)}
body.home .tr-strip img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:opacity .2s ease}
body.home .tr-strip a:hover img{opacity:.85}

/* ---------- 7. KONTAK + PENUTUP ---------- */
body.home .hestia-contact.section-image{background-image:none !important;background-color:var(--tr-dark);padding:var(--tr-y) 0}
body.home .hestia-contact.section-image::before,body.home .hestia-contact.section-image::after{background:none !important}
body.home .hestia-contact>.container{width:min(1180px,100% - 48px);padding:0}
body.home .hestia-contact>.container>.row{margin-left:0;margin-right:0}
body.home .hestia-contact-title-area{text-align:left;padding-left:0}
body.home .hestia-contact-title-area .tr-label{color:var(--tr-gold-soft)}
body.home .hestia-contact-title-area .tr-label::before{color:#fff}
body.home .hestia-contact-title-area .tr-label::after{background:var(--tr-gold-soft)}
body.home .hestia-contact-title-area .hestia-title{color:#fff}
body.home .tr-addr{font-style:normal;margin:0 0 28px;color:rgba(255,255,255,.92);font-size:1.125rem;line-height:1.7}
body.home .tr-addr p{margin:0 0 14px}
body.home .tr-addr a{color:#fff;text-decoration:underline;text-underline-offset:3px}
body.home .tr-addr a:hover{color:var(--tr-gold-soft)}
body.home .tr-pmb{display:inline-block}
body.home .hestia-contact .card-contact{background:var(--tr-cream);box-shadow:none;border-radius:0}
body.home .hestia-contact .card-contact .header,body.home .hestia-contact .card-contact .header-primary{background:var(--tr-green) !important;box-shadow:none !important;border-radius:0}
body.home .hestia-contact .card-contact .card-title{color:#fff;font-family:var(--tr-serif)}
body.home .hestia-contact .wpforms-container input:not([type=submit]),body.home .hestia-contact .wpforms-container textarea{border-radius:0;font-family:var(--tr-sans);font-size:1.125rem}
body.home .hestia-contact .wpforms-container :is(.wpforms-field-label,.wpforms-field-sublabel){font-size:1.125rem}
body.home .hestia-contact .wpforms-submit,body.home .hestia-contact button[type=submit]{
  background:var(--tr-gold) !important;border:1px solid var(--tr-gold) !important;color:#fff !important;border-radius:999px;box-shadow:none !important;
  font-family:var(--tr-sans);font-size:1.125rem;font-weight:700;text-transform:none;padding:14px 30px;
}
body.home .hestia-contact .wpforms-submit:hover{background:var(--tr-green) !important;border-color:var(--tr-green) !important}

/* override garis bawah ungu WPForms bawaan Hestia (#9c27b0 di hestia_style-inline-css) -> hijau kampus */
body.home .hestia-contact .wpforms-container .wpforms-form :is(input,select,textarea){background-image:linear-gradient(var(--tr-green),var(--tr-green)),linear-gradient(#d2d2d2,#d2d2d2) !important}
body.home .hestia-contact .wpforms-container .wpforms-form :is(input,select,textarea):focus{background-image:linear-gradient(var(--tr-green),var(--tr-green)),linear-gradient(#d2d2d2,#d2d2d2) !important}

/* footer: selaras (hijau gelap, tautan putih) */
body.home footer.footer,body.home footer.footer-black{background:var(--tr-dark) !important;border-top:1px solid var(--tr-line-dark)}
body.home footer.footer :is(a,li,p,.copyright,.hestia-bottom-footer-content){color:rgba(255,255,255,.9) !important}
body.home footer.footer a:hover{color:var(--tr-gold-soft) !important}
body.home footer.footer .footer-menu a{font-size:1.125rem;line-height:1.6}

/* ---------- RESPONSIF ---------- */
@media (max-width:991px){
  body.home .tr-split,body.home .tr-split--ann{grid-template-columns:1fr}
  body.home .tr-strip{grid-template-columns:repeat(3,1fr)}
  body.home .hestia-contact .hestia-contact-form-col{margin-top:40px}
}
@media (max-width:767px){
  body.home #carousel-hestia-generic .page-header{min-height:min(92vh,640px);padding-top:120px}
  body.home #carousel-hestia-generic .header-filter::before{background:linear-gradient(180deg,rgba(10,34,19,.82),rgba(13,43,24,.92))}
  body.home .big-title-slider-content h1.hestia-title{font-size:clamp(2.5rem,9.6vw,3rem)}
  body.home :is(.tr-h2,.hestia-blogs-title-area .hestia-title,.hestia-contact-title-area .hestia-title){font-size:clamp(1.75rem,1.3rem + 1.2vw,2.25rem)}
  body.home .hestia-blog-content .card{flex-direction:column;gap:14px}
  body.home .hestia-blog-content .card-image{flex:none;width:100%}
  body.home .tr-ann-list li{grid-template-columns:1fr;gap:4px}
  /* tabel prodi -> baris bertumpuk, tidak meluber */
  body.home .tr-table{min-width:0}
  body.home .tr-table thead{position:absolute;left:-9999px}
  body.home .tr-table,body.home .tr-table tbody,body.home .tr-table tr,body.home .tr-table :is(th,td){display:block;width:auto !important}
  body.home .tr-table tbody tr{padding:18px 0;border-bottom:1px solid var(--tr-line)}
  body.home .tr-table tbody :is(th,td){padding:2px 0;border:0;background:none !important}
  body.home .tr-table tbody td::before{content:attr(data-label);display:block;margin-top:8px;font-size:.875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tr-muted)}
  body.home .tr-table tbody .tr-s2{background:var(--tr-cream);padding-left:12px;padding-right:12px}
}
@media (prefers-reduced-motion:reduce){body.home *{transition:none !important;animation:none !important}}

/* ---------- koreksi mobile (10 Nov, putaran 2) ---------- */
body.home .big-title-slider-content :is(.tr-eyebrow,.tr-hero-link,.sub-title,.buttons){text-align:left}
body.home .tr-eyebrow{justify-content:flex-start}
body.home .hestia-contact .hestia-contact-form-col{padding-left:0;padding-right:0}
body.home .hestia-contact .card-contact{margin-left:0;margin-right:0}
body.home .hestia-contact .card-contact .header{margin-left:0;margin-right:0}
body.home .big-title-slider-content a.tr-hero-link{display:block;width:fit-content;margin:20px auto 0 0}