/*
Theme Name: Cahaya Timur
Theme URI: https://cahayatimurnews.com/
Author: Redaksi Cahaya Timur News
Author URI: https://cahayatimurnews.com/
Description: Tema portal berita untuk kawasan timur Indonesia. Header ringkas dengan logo menyatu di bar navigasi, mode terang dan gelap, tata letak beranda bertingkat (sorotan utama, terkini, pilihan redaksi, telaah, multimedia, liputan khusus), sidebar sticky, tujuh slot iklan siap pakai, serta penanda konten kerja sama yang jelas. Palet warna diturunkan dari logo CTN. Dirancang khusus untuk cahayatimurnews.com.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cahaya-timur
Tags: news, blog, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, sticky-post, translation-ready, block-styles
*/

/* ============================================================
   TOKEN DESAIN
   Warna merek diambil langsung dari logo CTN dan tetap sama
   di mode terang maupun gelap. Token semantik di bawahnya
   yang berubah mengikuti mode.
   ============================================================ */
:root{
  /* Warna merek — dari logo */
  --ct-navy:   #0E2A5C;
  --ct-blue:   #1B5E92;
  --ct-teal:   #4890A8;
  --ct-orange: #E08421;
  --ct-gold:   #EFBE5F;
  --ct-ember:  #C0561A;

  /* Token semantik — mode terang */
  --ct-bg:        #FFFFFF;
  --ct-surface:   #F2F5FA;
  --ct-surface-2: #E8EEF6;
  --ct-line:      #DDE4EE;
  --ct-text:      #0E2A5C;
  --ct-body:      #1B2733;
  --ct-muted:     #5F7086;
  --ct-navbg:     #FFFFFF;
  --ct-navtext:   #0E2A5C;
  --ct-navhover:  #F2F5FA;
  --ct-footbg:    #0E2A5C;
  --ct-foottext:  #BCC9DE;
  --ct-accent:    #B3541A;  /* aksen teks kecil, kontras aman di latar terang */
  --ct-shadow:    rgba(14,42,92,.16);

  /* Tipografi */
  --ct-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --ct-serif:   "Source Serif 4", Georgia, serif;
  --ct-util:    "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;

  /* Tata letak */
  --ct-wrap: 1240px;
  --ct-gap: 28px;
  --ct-radius: 3px;

  /* Signature: garis fajar, mengikuti urutan warna pada logo */
  --ct-dawn: linear-gradient(90deg, var(--ct-navy) 0%, var(--ct-blue) 32%, var(--ct-orange) 76%, var(--ct-gold) 100%);
}

[data-theme="dark"]{
  --ct-bg:        #0C1524;
  --ct-surface:   #141F33;
  --ct-surface-2: #1A283F;
  --ct-line:      #25344D;
  --ct-text:      #E9EFF9;
  --ct-body:      #D3DCEA;
  --ct-muted:     #94A6BF;
  --ct-navbg:     #0C1524;
  --ct-navtext:   #E9EFF9;
  --ct-navhover:  #182640;
  --ct-footbg:    #070E1B;
  --ct-foottext:  #A9BAD4;
  --ct-accent:    #F0A94E;
  --ct-shadow:    rgba(0,0,0,.5);
  color-scheme: dark;
}

/* ============================================================
   DASAR
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0; background:var(--ct-bg); color:var(--ct-body); font-family:var(--ct-serif); font-size:16px; line-height:1.6; transition:background-color .2s ease, color .2s ease;}
img{max-width:100%; height:auto; display:block;}
a{color:inherit; text-decoration:none;}
a:hover{color:var(--ct-ember);}
[data-theme="dark"] a:hover{color:var(--ct-gold);}
:focus-visible{outline:3px solid var(--ct-orange); outline-offset:2px;}
.ct-wrap{max-width:var(--ct-wrap); margin:0 auto; padding:0 20px;}
.ct-dawnline{height:5px; background:var(--ct-dawn);}

/* Kelas wajib WordPress */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
.screen-reader-text:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;clip-path:none;background:var(--ct-bg);color:var(--ct-text);padding:12px 18px;z-index:200;font-family:var(--ct-util);font-weight:600;}
.alignleft{float:left;margin:.4em 1.6em 1em 0;}
.alignright{float:right;margin:.4em 0 1em 1.6em;}
.aligncenter{margin-left:auto;margin-right:auto;}
.alignwide,.alignfull{margin-left:auto;margin-right:auto;}
.wp-caption{max-width:100%;margin-bottom:1.4em;}
.wp-caption-text,.gallery-caption{font-family:var(--ct-util);font-size:13px;color:var(--ct-muted);padding-top:8px;}
.sticky .ct-title::before{content:"Disematkan · ";font-family:var(--ct-util);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ct-accent);}
.bypostauthor > .comment-body .fn{color:var(--ct-ember);}
.skip-link{left:-9999px;}

/* ============================================================
   1. BAR NAVIGASI — latar putih, logo menyatu di sisi kiri
   ============================================================ */
.ct-nav{position:sticky; top:0; z-index:60; background:var(--ct-navbg); border-bottom:1px solid var(--ct-line); box-shadow:0 2px 14px var(--ct-shadow);}
.admin-bar .ct-nav{top:32px;}
.ct-nav .ct-wrap{display:flex; align-items:center; gap:14px; min-height:70px;}

.ct-brand{display:flex; align-items:center; flex:none; margin-right:6px;}
.ct-brand img,.ct-brand .custom-logo{height:50px; width:auto; max-width:200px;}
.ct-logo-dark{display:none;}
[data-theme="dark"] .ct-logo-light{display:none;}
[data-theme="dark"] .ct-logo-dark{display:block;}
.ct-brand-text{font-family:var(--ct-display); font-weight:800; font-size:26px; letter-spacing:-.02em; color:var(--ct-navy); text-transform:uppercase; line-height:1;}
[data-theme="dark"] .ct-brand-text{color:var(--ct-text);}

.ct-menu{display:flex; align-items:stretch; list-style:none; margin:0 auto 0 0; padding:0; font-family:var(--ct-util); font-weight:600; font-size:15px;}
.ct-menu > li{position:relative;}
.ct-menu > li > a{display:flex; align-items:center; gap:5px; height:70px; padding:0 12px; color:var(--ct-navtext); text-transform:uppercase; border-bottom:3px solid transparent;}
.ct-menu > li > a:hover,.ct-menu > li:focus-within > a{background:var(--ct-navhover); color:var(--ct-ember);}
[data-theme="dark"] .ct-menu > li > a:hover,[data-theme="dark"] .ct-menu > li:focus-within > a{color:var(--ct-gold);}
.ct-menu > li.current-menu-item > a,
.ct-menu > li.current-menu-parent > a,
.ct-menu > li.current-menu-ancestor > a,
.ct-menu > li.current_page_item > a{color:var(--ct-ember); border-bottom-color:var(--ct-orange);}
[data-theme="dark"] .ct-menu > li.current-menu-item > a{color:var(--ct-gold);}
.ct-menu > li.menu-item-has-children > a::after{content:""; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid currentColor; opacity:.65;}
.ct-menu .sub-menu{position:absolute; top:100%; left:0; min-width:216px; background:var(--ct-bg); border-top:3px solid var(--ct-orange); box-shadow:0 14px 34px var(--ct-shadow); list-style:none; margin:0; padding:6px 0; display:none; z-index:70;}
.ct-menu > li:hover > .sub-menu,
.ct-menu > li:focus-within > .sub-menu,
.ct-menu > li.is-open > .sub-menu{display:block;}
.ct-menu .sub-menu a{display:block; padding:9px 18px; font-size:14px; color:var(--ct-text); text-transform:none;}
.ct-menu .sub-menu a:hover{background:var(--ct-surface); color:var(--ct-ember);}
/* Mega menu: beri kelas ct-mega pada item menu induk lewat Tampilan > Menu */
.ct-menu > li.ct-mega > .sub-menu{min-width:520px; padding:14px 0;}
.ct-menu > li.ct-mega:hover > .sub-menu,
.ct-menu > li.ct-mega:focus-within > .sub-menu,
.ct-menu > li.ct-mega.is-open > .sub-menu{display:grid; grid-template-columns:1fr 1fr;}

.ct-navtools{display:flex; align-items:center; gap:8px; flex:none; margin-left:auto;}
.ct-search{display:flex; align-items:center; gap:6px; background:var(--ct-surface); border:1px solid var(--ct-line); border-radius:100px; padding:6px 13px;}
.ct-search input[type="search"]{background:none; border:0; color:var(--ct-text); font-family:var(--ct-util); font-size:14px; width:120px; outline:none;}
.ct-search input::placeholder{color:var(--ct-muted);}
.ct-search svg{width:14px; height:14px; fill:var(--ct-muted); flex:none;}
.ct-search button{background:none;border:0;padding:0;cursor:pointer;}

/* Tombol mode terang/gelap */
.ct-themetoggle{display:grid; place-items:center; width:38px; height:38px; border-radius:50%; border:1px solid var(--ct-line); background:var(--ct-surface); color:var(--ct-text); cursor:pointer; flex:none;}
.ct-themetoggle:hover{border-color:var(--ct-orange); color:var(--ct-ember);}
.ct-themetoggle svg{width:17px; height:17px; fill:currentColor;}
.ct-themetoggle .ct-icon-moon{display:none;}
[data-theme="dark"] .ct-themetoggle .ct-icon-sun{display:none;}
[data-theme="dark"] .ct-themetoggle .ct-icon-moon{display:block;}

.ct-burger{display:none; background:none; border:1px solid var(--ct-line); border-radius:var(--ct-radius); color:var(--ct-text); padding:8px 12px; font-family:var(--ct-util); font-size:14px; font-weight:600; cursor:pointer;}

/* ============================================================
   2. BAR UTILITAS — isu hangat, jam WIT, masuk, media sosial
      Semuanya sebaris.
   ============================================================ */
.ct-utility{background:var(--ct-surface); border-bottom:1px solid var(--ct-line);}
.ct-utility .ct-wrap{display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:46px;}
.ct-topics{display:flex; align-items:center; gap:10px; min-width:0; overflow-x:auto; scrollbar-width:none; padding:7px 0;}
.ct-topics::-webkit-scrollbar{display:none;}
.ct-topics-label{font-family:var(--ct-util); font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--ct-text); white-space:nowrap; padding-right:12px; border-right:1px solid var(--ct-line);}
.ct-topics a{font-family:var(--ct-util); font-size:14px; font-weight:500; color:var(--ct-text); white-space:nowrap; padding:3px 11px; background:var(--ct-bg); border:1px solid var(--ct-line); border-radius:100px;}
.ct-topics a:hover{border-color:var(--ct-orange); color:var(--ct-ember);}

.ct-utils{display:flex; align-items:center; gap:14px; flex:none; font-family:var(--ct-util); font-size:13px; color:var(--ct-muted);}
.ct-clock{display:flex; align-items:center; gap:7px; white-space:nowrap;}
.ct-clock strong{color:var(--ct-text); font-weight:600;}
.ct-clock .ct-wit{color:var(--ct-accent); font-weight:700;}
.ct-signin{border:1px solid var(--ct-line); background:var(--ct-bg); padding:4px 14px; border-radius:100px; color:var(--ct-text)!important; font-weight:600; white-space:nowrap;}
.ct-signin:hover{background:var(--ct-navy); border-color:var(--ct-navy); color:#fff!important;}
[data-theme="dark"] .ct-signin:hover{background:var(--ct-orange); border-color:var(--ct-orange); color:#0C1524!important;}
.ct-social{display:flex; align-items:center; gap:8px;}
.ct-social a{display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--ct-bg); border:1px solid var(--ct-line);}
.ct-social a:hover{background:var(--ct-orange); border-color:var(--ct-orange);}
.ct-social svg{width:12px; height:12px; fill:var(--ct-muted);}
.ct-social a:hover svg{fill:#fff;}

/* Strip iklan tepat di bawah header */
.ct-adstrip{display:flex; justify-content:center; padding:18px 0 0;}

/* ============================================================
   SLOT IKLAN
   ============================================================ */
.ct-adbox{text-align:center;}
.ct-ad-label{display:block; font-family:var(--ct-util); font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:var(--ct-muted); margin-bottom:6px;}
.ct-ad-ph{display:grid; place-items:center; text-align:center; background:var(--ct-surface); border:1px dashed var(--ct-line); color:var(--ct-muted); font-family:var(--ct-util); font-size:12px; letter-spacing:.14em; text-transform:uppercase;}
.ct-ad-ph b{display:block; font-size:11px; letter-spacing:.1em; margin-top:6px; font-weight:600; opacity:.8;}
.ct-adbox--masthead .ct-ad-ph{width:728px; max-width:100%; height:90px;}
.ct-adbox--billboard{margin:32px 0;}
.ct-adbox--billboard .ct-ad-ph{height:250px;}
.ct-adbox--infeed{margin:8px 0 20px;}
.ct-adbox--infeed .ct-ad-ph{height:110px;}
.ct-adbox--rect .ct-ad-ph{height:250px;}
.ct-adbox--halfpage .ct-ad-ph{height:600px;}
.ct-adbox--inarticle{margin:32px 0;}
.ct-adbox--inarticle .ct-ad-ph{height:120px;}

/* ============================================================
   KEPALA RUBRIK
   ============================================================ */
.ct-secthead{display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 18px; padding-bottom:10px; border-bottom:1px solid var(--ct-line);}
.ct-secthead h2,.ct-secthead .ct-secttitle{font-family:var(--ct-util); font-size:19px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin:0; color:var(--ct-text); position:relative; padding-top:12px;}
.ct-secthead h2::before,.ct-secthead .ct-secttitle::before{content:""; position:absolute; top:0; left:0; width:46px; height:4px; background:var(--ct-dawn);}
.ct-index{font-family:var(--ct-util); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--ct-muted); white-space:nowrap;}
.ct-index:hover{color:var(--ct-ember);}

/* ============================================================
   KARTU BERITA
   ============================================================ */
.ct-thumb{position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--ct-navy);}
.ct-thumb img{width:100%; height:100%; object-fit:cover; position:relative; z-index:1;}
.ct-thumb.is-empty::after{content:""; position:absolute; inset:0; background:linear-gradient(200deg,rgba(224,132,33,.35),rgba(14,42,92,.92) 62%);}
.ct-thumb.is-empty.t2::after{background:linear-gradient(160deg,rgba(27,94,146,.55),rgba(14,42,92,.95) 68%);}
.ct-thumb.is-empty.t3::after{background:linear-gradient(220deg,rgba(72,144,168,.45),rgba(14,42,92,.95) 60%);}
.ct-thumb.is-empty.t4::after{background:linear-gradient(140deg,rgba(239,190,95,.45),rgba(192,86,26,.7));}
.ct-thumb .ct-credit{position:absolute; left:10px; bottom:8px; z-index:2; font-family:var(--ct-util); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.8); text-shadow:0 1px 3px rgba(0,0,0,.6);}
.ct-play{position:absolute; inset:0; z-index:2; display:grid; place-items:center;}
.ct-play svg{width:26px; height:26px; fill:#fff; opacity:.92;}
.ct-kanal{display:inline-block; font-family:var(--ct-util); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--ct-ember); margin-bottom:6px;}
[data-theme="dark"] .ct-kanal{color:var(--ct-gold);}
.ct-kanal.is-live{color:#fff; background:var(--ct-ember); padding:2px 8px;}
.ct-kanal.is-ad{color:#fff; background:var(--ct-muted); padding:2px 8px;}
.ct-title{font-family:var(--ct-display); font-weight:700; letter-spacing:-.012em; line-height:1.22; margin:0; color:var(--ct-text);}
.ct-meta{font-family:var(--ct-util); font-size:12.5px; color:var(--ct-muted); margin-top:8px; display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.ct-meta .ct-dot{width:3px; height:3px; border-radius:50%; background:var(--ct-line);}
.ct-time{font-family:var(--ct-util); font-size:12px; font-weight:600; letter-spacing:.06em; color:var(--ct-accent); text-transform:uppercase;}

.ct-hero{display:grid; grid-template-columns:1.62fr 1fr; gap:var(--ct-gap); margin:32px 0;}
.ct-hero-main .ct-thumb{aspect-ratio:16/9;}
.ct-hero-main .ct-title{font-size:38px; font-weight:800; margin-top:14px;}
.ct-deck{font-family:var(--ct-serif); font-size:17px; color:var(--ct-body); margin:10px 0 0;}
.ct-hero-side{display:flex; flex-direction:column; gap:16px;}
.ct-hero-side article{display:grid; grid-template-columns:104px 1fr; gap:14px; padding-bottom:16px; border-bottom:1px solid var(--ct-line);}
.ct-hero-side article:last-child{border-bottom:0; padding-bottom:0;}
.ct-hero-side .ct-title{font-size:16.5px;}
.ct-hero-side .ct-thumb{aspect-ratio:1/1;}

.ct-grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--ct-gap);}
.ct-grid3 .ct-title{font-size:19px; margin-top:12px;}
.ct-grid3 .ct-kanal{margin-top:12px;}
.ct-grid4{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.ct-grid4 .ct-title{font-size:16px; margin-top:10px;}

.ct-list{list-style:none; margin:0; padding:0;}
.ct-list > li{display:grid; grid-template-columns:132px 1fr; gap:18px; padding:16px 0; border-bottom:1px solid var(--ct-line);}
.ct-list .ct-title{font-size:19px;}

.ct-body{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:44px; align-items:start; padding-bottom:56px;}
.ct-block{margin-bottom:44px;}

.ct-special{background:var(--ct-navy); color:#E4EBF6; padding:34px 0 38px; margin:8px 0 44px;}
[data-theme="dark"] .ct-special{background:var(--ct-surface);}
.ct-special .ct-secthead{border-bottom-color:rgba(255,255,255,.16);}
.ct-special .ct-secthead h2{color:#fff;}
.ct-special .ct-index{color:#A9BAD4;}
.ct-special .ct-title{color:#fff;}
.ct-special .ct-title a:hover{color:var(--ct-gold);}
.ct-special .ct-meta{color:#A9BAD4;}
.ct-special .ct-time{color:var(--ct-gold);}
.ct-special-eyebrow{font-family:var(--ct-util); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--ct-gold); margin:0 0 4px;}

.ct-telaah article{display:grid; grid-template-columns:56px 1fr; gap:14px; padding:14px 0; border-bottom:1px solid var(--ct-line);}
.ct-avatar{width:56px; height:56px; border-radius:50%; background:var(--ct-dawn); display:grid; place-items:center; font-family:var(--ct-util); font-weight:700; color:#fff; font-size:17px; overflow:hidden;}
.ct-avatar img{border-radius:50%;}
.ct-telaah .ct-title{font-size:18px;}
.ct-byline{font-family:var(--ct-util); font-size:13px; font-weight:600; color:var(--ct-text); margin:7px 0 0;}
.ct-byline em{font-style:normal; color:var(--ct-muted); font-weight:400;}

/* Sidebar */
.ct-side{position:sticky; top:86px;}
.admin-bar .ct-side{top:118px;}
.ct-widget{margin-bottom:34px;}
.ct-rank{list-style:none; margin:0; padding:0;}
.ct-rank li{display:grid; grid-template-columns:38px 1fr; gap:12px; padding:13px 0; border-bottom:1px solid var(--ct-line);}
.ct-rank .ct-num{font-family:var(--ct-util); font-size:30px; font-weight:700; line-height:1; color:var(--ct-orange);}
.ct-rank .ct-title{font-size:15.5px;}
.ct-vidlist{list-style:none; margin:0; padding:0;}
.ct-vidlist li{display:grid; grid-template-columns:96px 1fr; gap:12px; padding:12px 0; border-bottom:1px solid var(--ct-line);}
.ct-vidlist .ct-title{font-size:14.5px;}
.ct-panel{background:var(--ct-surface); padding:22px; border-left:4px solid var(--ct-orange);}
.ct-panel h3{font-family:var(--ct-display); font-size:19px; margin:0 0 6px; color:var(--ct-text);}
.ct-panel p{font-size:14.5px; color:var(--ct-muted); margin:0 0 14px;}
.ct-btn{display:inline-block; background:var(--ct-navy); color:#fff; font-family:var(--ct-util); font-weight:600; font-size:14px; letter-spacing:.06em; text-transform:uppercase; padding:10px 20px; border-radius:var(--ct-radius); border:0; cursor:pointer;}
.ct-btn:hover{background:var(--ct-ember); color:#fff;}
.ct-widget ul{list-style:none; margin:0; padding:0;}
.ct-widget ul li{padding:9px 0; border-bottom:1px solid var(--ct-line); font-family:var(--ct-util); font-size:14.5px;}
.ct-widget select{width:100%; padding:9px; font-family:var(--ct-util); background:var(--ct-bg); color:var(--ct-text); border:1px solid var(--ct-line);}

/* ============================================================
   ARTIKEL TUNGGAL & ARSIP
   ============================================================ */
.ct-single{padding:34px 0 20px; max-width:760px;}
.ct-breadcrumb{font-family:var(--ct-util); font-size:12.5px; color:var(--ct-muted); margin-bottom:14px;}
.ct-single .ct-entry-title{font-family:var(--ct-display); font-weight:800; font-size:40px; line-height:1.14; letter-spacing:-.02em; margin:6px 0 14px; color:var(--ct-text);}
.ct-single .ct-deck{font-size:19px;}
.ct-byline-row{display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-family:var(--ct-util); font-size:13.5px; color:var(--ct-muted); border-top:1px solid var(--ct-line); border-bottom:1px solid var(--ct-line); padding:14px 0; margin:22px 0 26px;}
.ct-byline-row strong{color:var(--ct-text);}
.ct-figure{margin:0 0 26px;}
.ct-figure figcaption{font-family:var(--ct-util); font-size:13px; color:var(--ct-muted); padding-top:8px;}
.ct-content{font-size:18px; line-height:1.78; color:var(--ct-body);}
.ct-content p{margin:0 0 1.25em;}
.ct-content h2{font-family:var(--ct-display); font-size:26px; margin:1.8em 0 .6em; color:var(--ct-text);}
.ct-content h3{font-family:var(--ct-display); font-size:21px; margin:1.6em 0 .5em; color:var(--ct-text);}
.ct-content blockquote{margin:1.6em 0; padding:4px 0 4px 22px; border-left:4px solid var(--ct-orange); font-size:21px; line-height:1.5; color:var(--ct-text);}
.ct-content a{color:var(--ct-ember); text-decoration:underline; text-underline-offset:3px;}
[data-theme="dark"] .ct-content a{color:var(--ct-gold);}
.ct-content ul,.ct-content ol{margin:0 0 1.25em 1.2em;}
.ct-content img{margin:0 auto;}
.ct-tags{display:flex; flex-wrap:wrap; gap:8px; margin:30px 0;}
.ct-tags a{font-family:var(--ct-util); font-size:13px; padding:4px 12px; background:var(--ct-surface); border-radius:100px; color:var(--ct-text);}
.ct-tags a:hover{background:var(--ct-navy); color:#fff;}
.ct-archive-head{padding:30px 0 8px;}
.ct-archive-head h1{font-family:var(--ct-display); font-size:32px; margin:0; color:var(--ct-text);}
.ct-archive-head p{color:var(--ct-muted); margin:8px 0 0;}
.ct-pagination{padding:26px 0 10px; font-family:var(--ct-util);}
.ct-pagination .page-numbers{display:inline-block; padding:8px 14px; border:1px solid var(--ct-line); margin-right:6px; font-weight:600; color:var(--ct-text);}
.ct-pagination .page-numbers.current{background:var(--ct-navy); color:#fff; border-color:var(--ct-navy);}
.ct-notfound{padding:60px 0; text-align:center;}
.ct-notfound h1{font-family:var(--ct-display); font-size:48px; margin:0 0 10px; color:var(--ct-text);}

.ct-comments{max-width:760px; padding-bottom:40px;}
.ct-comments ol{list-style:none; margin:0; padding:0;}
.ct-comments .comment-body{padding:16px 0; border-bottom:1px solid var(--ct-line);}
.ct-comments .children{margin-left:26px;}
.ct-comments input[type="text"],.ct-comments input[type="email"],.ct-comments input[type="url"],.ct-comments textarea{width:100%; padding:10px; border:1px solid var(--ct-line); background:var(--ct-bg); color:var(--ct-text); font-family:var(--ct-serif); margin-bottom:12px;}

/* ============================================================
   FOOTER
   ============================================================ */
.ct-footer{background:var(--ct-footbg); color:var(--ct-foottext); font-family:var(--ct-util); font-size:14px;}
.ct-footer a{color:var(--ct-foottext);}
.ct-footer a:hover{color:var(--ct-gold);}
.ct-foot-top{display:grid; grid-template-columns:1.35fr repeat(3,1fr); gap:38px; padding:48px 0 34px;}
.ct-foot-brand img{height:66px; width:auto; margin-bottom:16px;}
.ct-foot-brand p{font-family:var(--ct-serif); font-size:14.5px; line-height:1.65; color:var(--ct-foottext); opacity:.85; margin:0 0 18px; max-width:34ch;}
.ct-foot h4,.ct-foot .ct-foot-title{font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#fff; margin:0 0 14px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.14);}
.ct-foot ul{list-style:none; margin:0; padding:0;}
.ct-foot li{margin-bottom:9px;}
.ct-foot li a{display:block;}
.ct-foot .ct-count{opacity:.5; font-size:12px;}
.ct-biro{border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); padding:20px 0;}
.ct-biro-label{font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--ct-gold); margin:0 0 10px;}
.ct-biro-list{display:flex; flex-wrap:wrap; gap:8px 22px; font-size:13.5px; opacity:.85;}
.ct-legal{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:20px 0 30px; font-size:13px; opacity:.8;}
.ct-legal ul{display:flex; flex-wrap:wrap; gap:18px; list-style:none; margin:0; padding:0;}
.ct-legal p{margin:0;}

/* ============================================================
   STICKY AD, TOMBOL ATAS, DRAWER
   ============================================================ */
.ct-sticky{position:fixed; left:0; right:0; bottom:0; z-index:80; background:var(--ct-bg); border-top:1px solid var(--ct-line); padding:8px 0; box-shadow:0 -6px 22px var(--ct-shadow);}
.ct-sticky .ct-wrap{display:flex; align-items:center; justify-content:center; position:relative;}
.ct-sticky .ct-ad-ph{width:100%; max-width:728px; height:70px;}
.ct-sticky-close{position:absolute; right:14px; top:50%; transform:translateY(-50%); background:var(--ct-navy); color:#fff; border:0; width:26px; height:26px; border-radius:50%; cursor:pointer; font-size:15px; line-height:1;}
.ct-totop{position:fixed; right:18px; bottom:96px; z-index:75; width:42px; height:42px; border-radius:50%; background:var(--ct-navy); color:#fff; border:0; cursor:pointer; display:grid; place-items:center; box-shadow:0 6px 18px var(--ct-shadow);}
.ct-totop svg{width:15px; height:15px; fill:#fff;}
.ct-drawer{position:fixed; inset:0 30% 0 0; background:var(--ct-bg); z-index:90; transform:translateX(-102%); transition:transform .28s ease; overflow-y:auto; padding:22px 0 60px; border-right:1px solid var(--ct-line);}
.ct-drawer.is-open{transform:translateX(0);}
.ct-drawer ul{list-style:none; margin:0; padding:0;}
.ct-drawer > .ct-wrap > ul > li > a{display:block; padding:13px 0; border-bottom:1px solid var(--ct-line); color:var(--ct-text); font-family:var(--ct-util); font-weight:600; font-size:16px; text-transform:uppercase;}
.ct-drawer .sub-menu a{display:block; padding:9px 0 9px 16px; color:var(--ct-muted); font-family:var(--ct-util); font-size:14.5px;}
.ct-drawer-logo{height:44px; width:auto; margin-bottom:16px;}
.ct-scrim{position:fixed; inset:0; background:rgba(6,14,27,.62); z-index:85; opacity:0; pointer-events:none; transition:opacity .28s;}
.ct-scrim.is-on{opacity:1; pointer-events:auto;}
.ct-drawer-close{background:none; border:1px solid var(--ct-line); color:var(--ct-text); border-radius:var(--ct-radius); padding:6px 12px; font-family:var(--ct-util); cursor:pointer; margin-bottom:14px;}

/* ============================================================
   RESPONSIF
   ============================================================ */
@media (max-width:1200px){
  .ct-menu > li > a{padding:0 9px; font-size:14px; height:62px;}
  .ct-brand img,.ct-brand .custom-logo{height:44px;}
  .ct-nav .ct-wrap{min-height:62px;}
}
@media (max-width:1024px){
  .ct-body{grid-template-columns:1fr; gap:0;}
  .ct-side{position:static; margin-top:12px;}
  .ct-grid4{grid-template-columns:repeat(2,1fr);}
  .ct-foot-top{grid-template-columns:1fr 1fr; gap:30px;}
  .ct-search{display:none;}
}
@media (max-width:900px){
  .ct-menu{display:none;}
  .ct-burger{display:block;}
  .ct-nav .ct-wrap{justify-content:space-between; min-height:58px;}
  .ct-brand{margin-right:auto; margin-left:10px;}
  .ct-brand img,.ct-brand .custom-logo{height:38px;}
  .ct-utils .ct-social{display:none;}
  .ct-hero{grid-template-columns:1fr;}
  .ct-hero-main .ct-title{font-size:28px;}
  .ct-grid3{grid-template-columns:1fr; gap:22px;}
  .ct-single .ct-entry-title{font-size:30px;}
  .ct-content{font-size:17px;}
}
@media (max-width:640px){
  .ct-utility .ct-wrap{flex-direction:column; align-items:stretch; gap:0; padding-top:6px; padding-bottom:8px;}
  .ct-utils{justify-content:space-between; padding-bottom:6px; border-bottom:1px solid var(--ct-line);}
  .ct-topics{padding:8px 0 2px;}
}
@media (max-width:560px){
  .ct-list > li{grid-template-columns:96px 1fr; gap:13px;}
  .ct-list .ct-title{font-size:16px;}
  .ct-grid4{grid-template-columns:1fr;}
  .ct-foot-top{grid-template-columns:1fr;}
  .ct-hero-side article{grid-template-columns:88px 1fr;}
  .ct-drawer{inset:0;}
  .ct-adbox--masthead{display:none;}
}
@media (prefers-reduced-motion:reduce){ *{animation-duration:.001ms!important; transition-duration:.001ms!important;} }
@media print{ .ct-nav,.ct-utility,.ct-sticky,.ct-totop,.ct-side,.ct-adbox{display:none!important;} }