/* ============================================================
   RejekiTelco — Light "guide / blog" theme
   Ported 1:1 from panduan-aktivasi-simcard-eastel.html and
   panduan-port-in-eastel.html, merged, plus WP blog additions
   (index/archive/single/pagination/search) styled to match.
   ============================================================ */
:root{
  --ink:#0B1220; --ink-soft:#3A4250; --muted:#6B7280;
  --paper:#F7F7F4; --panel:#FFFFFF; --line:#E7E5E0;
  --signal:#00C896; --signal-dark:#049171; --flare:#FF5A36; --navy:#0B1220;
  --radius:14px;
}
.rt-light *{box-sizing:border-box; margin:0; padding:0;}
body.rt-light{font-family:'Inter',sans-serif; background:var(--paper); color:var(--ink); line-height:1.55; -webkit-font-smoothing:antialiased;}
.rt-light h1,.rt-light h2,.rt-light h3{font-family:'Space Grotesk',sans-serif; letter-spacing:-0.02em;}
.rt-light .mono{font-family:'IBM Plex Mono',monospace;}
.rt-light a{color:inherit;}
.rt-light img{max-width:100%; height:auto; display:block;}
.rt-light .wrap{max-width:820px; margin:0 auto; padding:0 24px;}

.rt-light .topbar{border-bottom:1px solid var(--line); background:rgba(247,247,244,0.9); backdrop-filter:blur(8px); position:sticky; top:0; z-index:10;}
.rt-light .topbar .inner{max-width:820px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:12px;}
.rt-light .topbar .brand{display:flex; align-items:center; gap:10px; font-family:'Space Grotesk'; font-weight:700; font-size:17px;}
.rt-light .topbar .dot{width:9px; height:9px; border-radius:3px; background:var(--signal); flex-shrink:0;}
.rt-light .topbar .back{font-size:13px; color:var(--muted); font-family:'IBM Plex Mono';}
.rt-light .topbar nav{display:flex; gap:18px; font-size:13.5px; font-weight:500;}
.rt-light .topbar nav a:hover{color:var(--signal-dark);}

.rt-light .guide-header{padding:56px 0 40px;}
.rt-light .eyebrow{display:inline-flex; align-items:center; gap:8px; font-family:'IBM Plex Mono'; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--signal-dark); font-weight:600; margin-bottom:16px;}
.rt-light .eyebrow .bars{display:flex; align-items:flex-end; gap:2px;}
.rt-light .eyebrow .bars span{width:3px; background:var(--signal); display:block;}
.rt-light .eyebrow .bars span:nth-child(1){height:5px;} .rt-light .eyebrow .bars span:nth-child(2){height:8px;}
.rt-light .eyebrow .bars span:nth-child(3){height:11px;} .rt-light .eyebrow .bars span:nth-child(4){height:14px;}
.rt-light .guide-header h1{font-size:38px; margin-bottom:14px; max-width:620px;}
.rt-light .guide-header p.lead{color:var(--ink-soft); font-size:16px; max-width:560px;}
.rt-light .meta-row{display:flex; gap:22px; margin-top:24px; flex-wrap:wrap;}
.rt-light .meta-item{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--muted); font-family:'IBM Plex Mono';}

.rt-light .prep-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:28px; margin-bottom:48px;}
.rt-light .prep-card.link-card{display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;}
.rt-light .prep-card h2{font-size:18px; margin-bottom:16px;}
.rt-light .prep-list{list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.rt-light .prep-list li{display:flex; gap:10px; align-items:flex-start; font-size:14.5px; color:var(--ink-soft);}
.rt-light .check{flex-shrink:0; width:22px; height:22px; border-radius:6px; background:rgba(0,200,150,0.14); color:var(--signal-dark); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; margin-top:1px;}

.rt-light .reqs{padding-bottom:28px;}
.rt-light .reqs h2{font-size:22px; margin-bottom:18px;}
.rt-light .reqs-list{list-style:none; display:flex; flex-direction:column; gap:14px; margin-bottom:20px;}
.rt-light .reqs-list li{display:flex; gap:12px; align-items:flex-start; font-size:14.5px; color:var(--ink-soft);}
.rt-light .reqs-list .x{flex-shrink:0; width:22px; height:22px; border-radius:6px; background:rgba(255,90,54,0.12); color:var(--flare); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; margin-top:1px;}

.rt-light .steps{border-top:1px solid var(--line);}
.rt-light .step{display:grid; grid-template-columns:56px 1fr; gap:20px; padding:32px 0; border-bottom:1px solid var(--line);}
.rt-light .step-num{font-family:'Space Grotesk'; font-size:22px; font-weight:700; color:var(--signal-dark);}
.rt-light .step h3{font-size:18px; margin-bottom:8px;}
.rt-light .step p{color:var(--ink-soft); font-size:14.5px; margin-bottom:10px;}
.rt-light .step .tip{display:flex; gap:8px; align-items:flex-start; background:rgba(0,200,150,0.08); border-radius:9px; padding:10px 14px; font-size:13px; color:var(--signal-dark); margin-top:10px;}
.rt-light .step .warn{display:flex; gap:8px; align-items:flex-start; background:rgba(255,90,54,0.08); border-radius:9px; padding:10px 14px; font-size:13px; color:var(--flare); margin-top:10px;}

.rt-light .lifecycle,.rt-light .timeline-box{padding:48px 0;}
.rt-light .lifecycle h2,.rt-light .timeline-box h2{font-size:22px; margin-bottom:8px;}
.rt-light .lifecycle > p,.rt-light .timeline-box > p{color:var(--muted); font-size:14.5px; margin-bottom:26px; max-width:580px;}
.rt-light .status-row,.rt-light .tl-row{display:flex; align-items:center; gap:0; flex-wrap:wrap;}
.rt-light .status-pill,.rt-light .tl-pill{flex:1; min-width:180px; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:18px 20px;}
.rt-light .status-pill.active{border-color:var(--signal); background:rgba(0,200,150,0.06);}
.rt-light .status-pill.barred{border-color:#E5B800; background:rgba(229,184,0,0.06);}
.rt-light .status-pill.expired{border-color:var(--flare); background:rgba(255,90,54,0.06);}
.rt-light .status-pill strong,.rt-light .tl-pill strong{display:block; font-family:'Space Grotesk'; font-size:15px; margin-bottom:4px;}
.rt-light .status-pill span,.rt-light .tl-pill span{font-size:12.5px; color:var(--muted);}
.rt-light .status-arrow,.rt-light .tl-arrow{padding:0 10px; color:var(--muted); font-size:18px;}

.rt-light .help-card{background:var(--navy); color:#fff; border-radius:20px; padding:38px 32px; margin:20px 0 60px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;}
.rt-light .help-card h3{font-size:19px; margin-bottom:6px; color:#fff;}
.rt-light .help-card p{color:#9AA5B4; font-size:14px; max-width:360px;}
.rt-light .btn{display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border-radius:10px; font-weight:600; font-size:14px; background:var(--signal); color:#04241C; white-space:nowrap; text-decoration:none; border:none; cursor:pointer;}
.rt-light .btn-dark{background:var(--ink); color:#fff;}

.rt-light footer{border-top:1px solid var(--line); padding:28px 0; text-align:center; font-size:12.5px; color:var(--muted);}

@media (max-width:640px){
  .rt-light .guide-header h1{font-size:27px;}
  .rt-light .prep-list{grid-template-columns:1fr;}
  .rt-light .step{grid-template-columns:40px 1fr;}
  .rt-light .help-card{flex-direction:column; align-items:flex-start;}
}

/* ============================================================
   Blog additions (index / archive / single / search / 404)
   Same light palette, extended for a standard WP article list
   and long-form post body.
   ============================================================ */
.rt-light .blog-header{padding:48px 0 8px;}
.rt-light .blog-header h1{font-size:34px; margin-bottom:10px;}
.rt-light .blog-header p{color:var(--muted); font-size:15px;}

.rt-light .post-list{display:flex; flex-direction:column; gap:0; border-top:1px solid var(--line); margin:32px 0 60px;}
.rt-light .post-card{display:grid; grid-template-columns:1fr; gap:8px; padding:30px 0; border-bottom:1px solid var(--line);}
.rt-light .post-card .cat{font-family:'IBM Plex Mono'; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--signal-dark); font-weight:600;}
.rt-light .post-card h2{font-size:21px; line-height:1.3;}
.rt-light .post-card h2 a:hover{color:var(--signal-dark);}
.rt-light .post-card .excerpt{color:var(--ink-soft); font-size:14.5px; max-width:640px;}
.rt-light .post-card .post-meta{font-size:12.5px; color:var(--muted); font-family:'IBM Plex Mono'; display:flex; gap:14px; flex-wrap:wrap;}
.rt-light .post-card .thumb{border-radius:var(--radius); overflow:hidden; margin-bottom:6px; aspect-ratio:16/8;}
.rt-light .post-card .thumb img{width:100%; height:100%; object-fit:cover;}

.rt-light .pagination{display:flex; justify-content:center; gap:8px; margin:40px 0 70px; flex-wrap:wrap;}
.rt-light .pagination a,.rt-light .pagination span{padding:9px 15px; border:1px solid var(--line); border-radius:9px; font-size:13.5px; font-family:'IBM Plex Mono'; color:var(--ink-soft);}
.rt-light .pagination .current{background:var(--ink); color:#fff; border-color:var(--ink);}
.rt-light .pagination a:hover{border-color:var(--signal);}

.rt-light .single-header{padding:48px 0 24px;}
.rt-light .single-header .cat{font-family:'IBM Plex Mono'; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--signal-dark); font-weight:600; margin-bottom:12px; display:inline-block;}
.rt-light .single-header h1{font-size:36px; line-height:1.15; margin-bottom:16px; max-width:720px;}
.rt-light .single-header .post-meta{font-size:13px; color:var(--muted); font-family:'IBM Plex Mono'; display:flex; gap:18px; flex-wrap:wrap;}
.rt-light .single-thumb{border-radius:18px; overflow:hidden; margin:28px 0 8px; aspect-ratio:16/8;}
.rt-light .single-thumb img{width:100%; height:100%; object-fit:cover;}

.rt-light .entry-content{max-width:720px; padding:20px 0 40px; font-size:16px; color:var(--ink-soft);}
.rt-light .entry-content > *{max-width:720px;}
.rt-light .entry-content h2{font-size:26px; color:var(--ink); margin:40px 0 14px;}
.rt-light .entry-content h3{font-size:20px; color:var(--ink); margin:32px 0 12px;}
.rt-light .entry-content p{margin-bottom:18px;}
.rt-light .entry-content ul,.rt-light .entry-content ol{margin:0 0 18px 22px;}
.rt-light .entry-content li{margin-bottom:8px;}
.rt-light .entry-content a{color:var(--signal-dark); text-decoration:underline;}
.rt-light .entry-content img{border-radius:var(--radius); margin:22px 0;}
.rt-light .entry-content blockquote{border-left:3px solid var(--signal); padding:4px 0 4px 20px; color:var(--ink); font-style:italic; margin:22px 0;}
.rt-light .entry-content strong{color:var(--ink);}
.rt-light .entry-content table{width:100%; border-collapse:collapse; margin:20px 0; font-size:14.5px;}
.rt-light .entry-content table th,.rt-light .entry-content table td{border:1px solid var(--line); padding:10px 12px; text-align:left;}
.rt-light .entry-content table th{background:var(--panel); font-weight:700;}
.rt-light .entry-content code{background:var(--panel); border:1px solid var(--line); border-radius:5px; padding:2px 6px; font-family:'IBM Plex Mono'; font-size:13px;}

.rt-light .tag-row{display:flex; gap:8px; flex-wrap:wrap; margin:30px 0;}
.rt-light .tag-row a{font-family:'IBM Plex Mono'; font-size:11.5px; color:var(--signal-dark); background:rgba(0,200,150,0.1); padding:5px 10px; border-radius:6px;}

.rt-light .related-posts{padding:20px 0 50px; border-top:1px solid var(--line); margin-top:20px;}
.rt-light .related-posts h2{font-size:20px; margin-bottom:20px;}
.rt-light .related-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.rt-light .related-card{background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:20px;}
.rt-light .related-card .cat{font-family:'IBM Plex Mono'; font-size:10.5px; color:var(--signal-dark); text-transform:uppercase; letter-spacing:.06em; margin-bottom:8px; display:block;}
.rt-light .related-card h3{font-size:15px; line-height:1.35;}
.rt-light .related-card h3 a:hover{color:var(--signal-dark);}

.rt-light .search-box{margin:28px 0 40px;}
.rt-light .search-box form{display:flex; gap:10px;}
.rt-light .search-box input[type="search"]{flex:1; padding:12px 16px; border:1px solid var(--line); border-radius:10px; font-size:14px; background:var(--panel); color:var(--ink);}
.rt-light .search-box button{background:var(--signal); color:#04241C; border:none; border-radius:10px; padding:12px 20px; font-weight:700; cursor:pointer;}

.rt-light .breadcrumb{font-size:12.5px; color:var(--muted); font-family:'IBM Plex Mono'; margin-bottom:18px;}
.rt-light .breadcrumb a:hover{color:var(--signal-dark);}

.rt-light .comments-area{max-width:720px; padding:20px 0 60px; border-top:1px solid var(--line); margin-top:30px;}
.rt-light .comment-list{list-style:none;}
.rt-light .comment-list .comment{padding:20px 0; border-bottom:1px solid var(--line);}
.rt-light .comment-author strong{font-size:14.5px;}
.rt-light .comment-meta{font-size:12px; color:var(--muted); font-family:'IBM Plex Mono'; margin-bottom:8px;}
.rt-light .comment-content p{font-size:14.5px; color:var(--ink-soft);}
.rt-light .comment-form input, .rt-light .comment-form textarea{width:100%; padding:11px 14px; border:1px solid var(--line); border-radius:9px; font-size:14px; font-family:'Inter'; margin-bottom:14px; background:var(--panel); color:var(--ink);}
.rt-light .comment-form label{display:block; font-size:12.5px; font-weight:600; margin-bottom:6px; color:var(--ink-soft);}

@media (max-width:780px){
  .rt-light .related-grid{grid-template-columns:1fr;}
}

.rt-light .screen-reader-text{position:absolute!important; clip:rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden;}