*{box-sizing:border-box}body{margin:0;background:#f0f2f5;color:#575757;font:13.5px/1.5 arial,helvetica,sans-serif;padding-bottom:64px}
button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}svg{display:block}
.pv{background:#1f2937;color:#cbd5e1;text-align:center;font-size:12px;padding:7px 14px}.pv b{color:#fff}
.wrap{max-width:1180px;margin:0 auto;padding:0 12px}
.hd{background:#fff;border-bottom:1px solid #e5e7eb}
.hd__in{max-width:1180px;margin:auto;padding:0 12px;height:78px;display:flex;align-items:center;gap:16px}
.lg{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:800;color:#111827;white-space:nowrap}
.lg .m{width:38px;height:38px;border-radius:7px;background:#4164b2;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800}
.kinds{display:flex;align-items:center;gap:0;margin:0 auto}
.kind{background:none;border:0;padding:4px 20px;cursor:pointer;text-align:center;border-left:1px solid #e5e7eb}
.kind:first-child{border-left:0}
.kind .fl{display:block;width:30px;height:23px;border-radius:2px;margin:0 auto 3px;overflow:hidden;border:1px solid #d7dbe0}
.kind .fl svg{width:100%;height:100%}
.kind b{font-size:18px;color:#111827;font-weight:700}
.kind.on b{color:#4164b2}
.sr{display:flex;gap:7px;flex:none}
.sr input{width:210px;height:36px;border:1px solid #e5e7eb;background:#f7f8fa;border-radius:6px;padding:0 11px;outline:none}
.sr input:focus{border-color:#4164b2;background:#fff}
.sr button{height:36px;border:0;background:#333;color:#fff;border-radius:6px;padding:0 16px;font-weight:700;cursor:pointer}
.nav{background:#fff;border-bottom:1px solid #e5e7eb}
.nav__in{max-width:1180px;margin:auto;padding:13px 12px;display:flex;gap:9px;flex-wrap:wrap}
.nav button{border:0;background:#f0f2f5;color:#111827;border-radius:6px;padding:10px 15px;font-weight:700;cursor:pointer}
.nav button:hover{background:#e3e7ee}.nav button.on{background:#4164b2;color:#fff}
.online{display:flex;justify-content:center;padding:18px 12px 4px}
.online span{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:9px 18px;font-size:14px;display:flex;align-items:center;gap:8px}
.online i{width:9px;height:9px;border-radius:50%;background:#4164b2;font-style:normal}
.online b{color:#4164b2;font-size:16px}
.panel{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:14px 16px 17px;margin-top:14px}
.lsh3{font-size:20px;font-weight:700;color:#000;margin:0 0 11px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lsh3 .more{margin-left:auto;font-size:12.5px;font-weight:700;color:#4164b2;background:none;border:0;cursor:pointer}
.intro{border-bottom:2px solid #4164b2;padding-bottom:5px;margin-bottom:9px}
.introtxt{font-size:13.5px;line-height:1.65}
.introtxt b{color:#111827}
.cont{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:11px}
.cont div{background:#f0f2f5;border-radius:6px;padding:13px 15px}
.cont b{display:block;color:#4164b2;margin-bottom:5px}
.tabs{display:grid;grid-auto-flow:column;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:12px}
.tabs button{border:0;background:#fff;padding:12px 8px;font-weight:700;color:#111827;cursor:pointer;border-left:1px solid #e5e7eb}
.tabs button:first-child{border-left:0}
.tabs button.on{background:#4164b2;color:#fff}
.rk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ls4{display:flex;gap:12px;align-items:stretch;background:#fff;border:1px solid #e5e7eb;border-radius:5px;overflow:hidden;padding:0;cursor:pointer;text-align:left;color:inherit;align-self:start}
.ls4v{position:relative;flex:none;width:143px;aspect-ratio:.857;overflow:hidden;background:#dfe3ea;display:block}
.ls4v img{width:100%;height:100%;object-fit:cover;display:block}
.rank-num{position:absolute;left:0;top:0;z-index:2;min-width:28px;height:26px;background:#4164b2;color:#fff;font-size:15px;font-weight:800;border-radius:0 0 5px 0;display:grid;place-items:center;padding:0 6px}
.ls4t{display:block;padding:11px 12px 11px 0;min-width:0;flex:1}
.ls4t .t{display:block;font-size:15px;font-weight:700;color:#111827;line-height:1.35;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ls4t .s{display:block;font-size:12.5px;color:#6b7280;margin-bottom:9px}
.ls4t .c{display:inline-block;background:#f0f2f5;border-radius:5px;padding:7px 12px;font-size:12.5px;font-weight:700;color:#111827}
.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ls2{background:#fff;border:1px solid #e5e7eb;border-radius:3px;overflow:hidden;padding:0;cursor:pointer;text-align:left;color:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-self:start}
.ls2v{position:relative;display:block;width:100%;aspect-ratio:1.622;overflow:hidden;background:#dfe3ea}
.ls2v img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.ls2:hover .ls2v img{transform:scale(1.05)}
.ls2 .fg{display:block;position:absolute;left:6px;top:6px;z-index:2;width:22px;height:16px;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.55)}
.ls2 .fg svg{width:100%;height:100%}
.ls2 .hot{position:absolute;right:0;top:0;z-index:2;background:#dc2626;color:#fff;font-size:10px;font-weight:800;padding:3px 7px;border-radius:0 0 0 5px}
.ls2j{display:block;padding:9px 10px 4px;font-size:13.5px;font-weight:700;color:#111827;line-height:1.35;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ls2l{display:block;padding:0 10px 4px;font-size:12px;color:#6b7280}
.ls2t{display:block;padding:0 10px 10px;font-size:11.5px;color:#9aa3ad}
.empty{grid-column:1/-1;background:#f7f8fa;border:1px dashed #d7dbe0;border-radius:6px;padding:40px 16px;text-align:center}
.empty b{display:block;color:#111827;font-size:16px;margin-bottom:4px}
.gnr{display:flex;flex-wrap:wrap;gap:8px}
.gnr button{border:1px solid #e5e7eb;background:#fff;border-radius:6px;padding:9px 13px;font-weight:700;color:#111827;cursor:pointer}
.gnr button:hover{border-color:#4164b2;color:#4164b2}
.gnr button.on{background:#4164b2;border-color:#4164b2;color:#fff}
.load{display:block;margin:13px auto 0;border:1px solid #4164b2;background:#fff;color:#4164b2;border-radius:6px;padding:10px 22px;font-weight:700;cursor:pointer}
.load:hover{background:#4164b2;color:#fff}
.note{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #4164b2;border-radius:6px;padding:15px 17px;margin-top:14px;font-size:12.5px;line-height:1.75}
.note b{color:#111827}.note p{margin:0}.note p+p{margin-top:8px}
.ft{text-align:center;padding:22px 12px;font-size:12px;color:#8a929b}
.bn{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(4,1fr)}
.bn button{border:0;background:none;padding:9px 4px 8px;cursor:pointer;display:grid;gap:3px;justify-items:center;font-size:11.5px;color:#6b7280}
.bn button.on{color:#4164b2}
.bn svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;fill:none}
dialog{border:1px solid #e5e7eb;border-radius:8px;padding:0;max-width:640px;width:calc(100% - 24px);background:#fff;color:#575757}
dialog::backdrop{background:rgba(17,24,39,.62)}
.dh{padding:14px 16px;border-bottom:1px solid #e5e7eb;font-size:17px;font-weight:700;color:#111827}
.db{padding:16px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:15px;max-height:72vh;overflow-y:auto}
.db img{width:150px;aspect-ratio:.857;object-fit:cover;border-radius:5px;background:#dfe3ea}
.dm{font-size:12.5px;color:#6b7280;margin-bottom:9px}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.chips span,.chips a{background:#f0f2f5;border-radius:5px;padding:5px 9px;font-size:11.5px;font-weight:700;color:#111827;text-decoration:none;display:inline-block}
.chips a:hover{background:#4164b2;color:#fff}
.chips a b{font-weight:400;opacity:.65;margin-left:3px}
.dd{line-height:1.7;font-size:13px}
.df{padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;background:#f7f8fa}
.df button{border:0;border-radius:6px;padding:9px 18px;font-weight:700;cursor:pointer}
.df .p{background:#4164b2;color:#fff}.df .g{background:#e3e7ee;color:#111827}
.toast{position:fixed;left:50%;bottom:78px;transform:translate(-50%,10px);background:#111827;color:#fff;padding:10px 18px;border-radius:6px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:.18s;z-index:90}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:1060px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.hd__in{height:auto;padding-top:11px;padding-bottom:11px;flex-wrap:wrap}.kinds{order:3;width:100%;margin:0;justify-content:space-around}.sr{margin-left:auto}.sr input{width:180px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rk{grid-template-columns:1fr}}
@media(max-width:620px){.sr{order:4;width:100%}.sr input{width:100%;flex:1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cont{grid-template-columns:1fr}.db{grid-template-columns:1fr}.db img{width:130px}.lsh3{font-size:18px}.kind{padding:4px 10px}.kind b{font-size:15px}}

/* ---- komponen halaman publik yang tidak ada di prototype ---- */

/* Pembaca: satu kolom gambar berurutan, lebar dibatasi supaya halaman
   potret tidak melebar berlebihan di layar lebar. */
.baca{display:flex;flex-direction:column;align-items:center;gap:0;background:#111;
      margin:10px -16px;padding:0}
.baca img{display:block;width:100%;max-width:800px;height:auto}

/* Navigasi bab muncul di atas DAN di bawah pembaca: bab panjang membuat
   tombol di satu ujung saja sulit dijangkau. */
.bnav{display:flex;gap:8px;justify-content:space-between;align-items:center;
      flex-wrap:wrap;padding:10px 0}
.bnav a,.bnav .mati{font:700 13px/1 arial,sans-serif;padding:10px 14px;border-radius:6px;
      text-decoration:none}
.bnav a{background:#4164b2;color:#fff}
.bnav a:hover{background:#34508f}
.bnav .mati{background:#e7e9ee;color:#9aa3b2;cursor:not-allowed}

.dtl{display:flex;gap:16px;flex-wrap:wrap;padding:10px 0}
.dtl__c{flex:0 0 240px;object-fit:cover;border-radius:8px;background:#dfe3ea}
.dtl__m{flex:1 1 300px;min-width:0;font:13px/1.7 arial,sans-serif;color:#444}
.dtl__m p{margin:0 0 7px}

.bablist{display:flex;flex-direction:column;gap:5px;padding:6px 0}
.bablist a{display:flex;justify-content:space-between;align-items:center;gap:10px;
      padding:11px 13px;background:#f5f6f8;border:1px solid #e3e6ec;border-radius:6px;
      font:700 13px/1 arial,sans-serif;color:#333;text-decoration:none}
.bablist a:hover{background:#4164b2;color:#fff;border-color:#4164b2}
.bablist small{font-weight:400;opacity:.75;font-size:11px}

.panel__hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
.panel__hd .more{font:700 12px/1 arial,sans-serif;color:#4164b2;text-decoration:none}

.tabs{display:flex;gap:6px;margin:8px 0 12px;flex-wrap:wrap}
.tabs a{flex:1 1 auto;text-align:center;padding:11px 12px;background:#fff;border:1px solid #e3e6ec;
      border-radius:6px;font:700 13px/1 arial,sans-serif;color:#555;text-decoration:none}
.tabs a.on{background:#4164b2;border-color:#4164b2;color:#fff}

.pg{display:flex;align-items:center;gap:5px;justify-content:center;flex-wrap:wrap;
    margin-top:14px;font-size:14px}
.pg a,.pg .current,.pg .pages{padding:6px 11px;border:1px solid #d8dbe2;border-radius:5px;
    background:#fff;color:#555;text-decoration:none}
.pg .current{background:#4164b2;border-color:#4164b2;color:#fff;font-weight:700}
.pg .pages{background:#f5f6f8;font-size:12px}

/* ---- slot iklan atas header ---- */
.adtop{background:#fff;padding:6px 0;text-align:center}
.adtop__in{max-width:970px;margin:0 auto;padding:0 8px;line-height:0}
.adtop__in img{max-width:100%;height:auto;display:inline-block}
.adtop__in a{display:inline-block;line-height:0}

/* ---- kaki halaman ---- */
.ft{background:#1b2130;color:#c3c9d6;margin-top:22px;padding:22px 0 14px;
    font:12.5px/1.7 arial,sans-serif}
.ft__in{max-width:1200px;margin:0 auto;padding:0 14px;display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ft h3{color:#fff;font-size:14px;margin:0 0 8px}
.ft p{margin:0}
.ft__l{display:flex;flex-direction:column;gap:5px}
.ft__l a{color:#93a8d8;text-decoration:none}
.ft__l a:hover{color:#fff;text-decoration:underline}
.ft__c2{max-width:1200px;margin:14px auto 0;padding:10px 14px 0;text-align:center;
    font-size:12px;border-top:1px solid #2b3244;color:#8b93a5}

@media(max-width:640px){
  /* Tepi pembaca disamakan dengan padding panel supaya gambar menyentuh
     tepi layar; sisa ruang membuat halaman terasa sempit di HP. */
  .baca{margin:10px -16px}
  .dtl__c{flex:0 0 130px;width:130px}
  .bnav a,.bnav .mati{flex:1 1 auto;text-align:center}
  .ft__in{grid-template-columns:1fr;gap:16px}
}


/* Wadah halaman: satu kolom. `.cont` tetap dipakai khusus untuk petak dua
   kolom di beranda, sesuai prototype. */
.wrap{max-width:1200px;margin:0 auto;padding:0 14px}
.wrap > .panel:first-child{margin-top:11px}

/* Beranda: peringkat dan daftar bersanding, menumpuk di layar sempit. */
.beranda{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.beranda > .panel{margin-top:11px}

@media(max-width:900px){
  .beranda{grid-template-columns:1fr}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:901px) and (max-width:1200px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Peringkat: satu kolom baris bertumpuk. Gambar memakai lebar tetap dari
   prototype (.ls4v) supaya kartu tidak memanjang mengikuti tinggi gambar. */
.rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}
.rank img{width:100%;height:100%;object-fit:cover;display:block}
.ls4t{display:flex;flex-direction:column;gap:5px;justify-content:center;padding:10px 12px;min-width:0}
.ls4t .t{font:700 14px/1.35 arial,sans-serif;color:#222;
         display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ls4t .s{font:12px/1.3 arial,sans-serif;color:#8a8a8a}
.ls4t .c{align-self:flex-start;font:700 12px/1 arial,sans-serif;color:#444;
         background:#f0f2f5;border-radius:4px;padding:6px 9px}
.ls4{text-decoration:none}

/* Kartu daftar: judul dua baris supaya tinggi kartu seragam. */
.ls2{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;
     border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;align-self:start}
.ls2v{position:relative;display:block;width:100%;aspect-ratio:324/200;overflow:hidden;background:#dfe3ea}
.ls2v img{width:100%;height:100%;object-fit:cover;display:block}
.fg{position:absolute;left:6px;top:6px;z-index:2;width:22px;height:16px;
    border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.fg svg{width:100%;height:100%;display:block}
.ls2j{font:700 13px/1.35 arial,sans-serif;color:#222;padding:8px 10px 0;
      display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ls2l{font:12px/1.3 arial,sans-serif;color:#555;padding:5px 10px 0}
.ls2t{font:11px/1.3 arial,sans-serif;color:#9aa3b2;padding:4px 10px 10px}

/* Kepala situs: biarkan tinggi mengikuti isi, jangan terpotong. */
.hd__in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
        max-width:1200px;margin:0 auto;padding:10px 14px}
.hd__in .cari{margin-left:auto;display:flex;gap:6px}
.hd__in .cari input{min-width:180px;padding:9px 11px;border:1px solid #d8dbe2;border-radius:5px}
.hd__in .cari button{padding:9px 15px;background:#2b3244;color:#fff;border:0;border-radius:5px;
        font:700 13px/1 arial,sans-serif;cursor:pointer}
.kinds{display:flex;gap:2px}
.kind{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 13px;
      text-decoration:none;color:#444;font:700 13px/1 arial,sans-serif;border-radius:5px}
.kind svg{width:26px;height:19px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.kind.on,.kind:hover{background:#eef1f7;color:#2b3244}

.nav__in{max-width:1200px;margin:0 auto;padding:0 14px;display:flex;gap:6px;flex-wrap:wrap}
.nav__in a{padding:10px 14px;font:700 13px/1 arial,sans-serif;color:#555;text-decoration:none;
      border-radius:6px}
.nav__in a:hover{background:#eef1f7;color:#2b3244}

@media(max-width:640px){
  .hd__in{gap:8px;padding:8px 10px}
  .hd__in .cari{order:3;margin-left:0;width:100%}
  .hd__in .cari input{flex:1;min-width:0}
  .kind{padding:5px 9px;font-size:12px}
  .wrap{padding:0 10px}
}

/* Beranda: peringkat dua kolom butuh ruang, jadi petaknya dibuat penuh
   lebar dan daftar bab mengalir di bawahnya. */
.beranda{grid-template-columns:1fr}

/* Jumlah kolom petak ditentukan di satu tempat, memakai selektor sama
   kuat (.beranda .grid) supaya media query tidak kalah spesifisitas. */
@media(min-width:1201px){ .grid,.beranda .grid{grid-template-columns:repeat(5,minmax(0,1fr))} }
@media(min-width:901px) and (max-width:1200px){ .grid,.beranda .grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:900px){
  .grid,.beranda .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rank{grid-template-columns:1fr}
}


/* Logo unggahan: tinggi dikunci agar header tidak berubah tinggi. */
.hd .lg--img{height:50px;width:auto;max-width:250px;object-fit:contain;
      display:block;background:none;border-radius:0}
@media(max-width:640px){ .hd .lg--img{height:38px;max-width:165px} }

/* ---- Halaman detail komik ala komiku: breadcrumb, share, tabel info,
   tombol awal/terbaru, tabel chapter, komik serupa. Satu warna solid. */
.crumb{display:flex;align-items:center;gap:8px;margin:11px 0 0;font-size:12.5px;color:#6b7280}
.crumb a{color:#4164b2;font-weight:700;text-decoration:none}
.crumb a:hover{text-decoration:underline}
.crumb b{color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.share{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:2px 0 10px;font-size:12.5px;color:#6b7280}
.share span{font-weight:700}
.share a,.share button{border:1px solid #d8dbe2;background:#fff;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:700;color:#111827;cursor:pointer;text-decoration:none}
.share a:hover,.share button:hover{background:#4164b2;border-color:#4164b2;color:#fff}
.malt{margin:0 0 4px;color:#6b7280;font-size:13px}
.mintro{margin:0 0 12px;font-size:13.5px;line-height:1.65;color:#444}
.mintro b{color:#111827}
.mgrid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start;margin:6px 0 4px}
.mcover img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:8px;background:#dfe3ea;border:1px solid #e5e7eb}
.mgo{display:grid;gap:7px;margin-top:10px}
.mgo a{display:block;text-align:center;padding:11px 10px;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none}
.mgo__a{background:#4164b2;color:#fff}
.mgo__a:hover{background:#34508f}
.mgo__b{background:#f0f2f5;color:#111827;border:1px solid #e5e7eb}
.mgo__b:hover{background:#e3e7ee}
.mark{width:100%;margin-top:7px;border:1px solid #4164b2;background:#fff;color:#4164b2;border-radius:6px;padding:10px;font-weight:700;cursor:pointer}
.mark:hover{background:#4164b2;color:#fff}
.mtable{margin:0;display:grid;gap:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
.mtable>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:9px 13px;border-bottom:1px solid #eef0f4;font-size:13px}
.mtable>div:last-child{border-bottom:0}
.mtable>div:nth-child(odd){background:#f7f8fa}
.mtable dt{margin:0;color:#6b7280;font-weight:700}
.mtable dd{margin:0;color:#222;min-width:0}
.mtable dd a b{color:#4164b2}
.mtable .chips{margin:0}
.msyn{font-size:13.5px;line-height:1.75;color:#444;background:#f7f8fa;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;margin:4px 0 6px}
.mdesc{margin:0 0 10px;color:#6b7280;font-size:13px}
.chtab{width:100%;border-collapse:collapse;min-width:0;font-size:13px}
.chtab thead th{background:#f0f2f5;color:#111827;text-align:left;padding:10px 13px;border-bottom:1px solid #e5e7eb;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.chtab thead th:last-child{text-align:right}
.chtab td{padding:10px 13px;border-bottom:1px solid #eef0f4}
.chtab tbody tr:hover{background:#f7f8fa}
.chtab td a{color:#111827;font-weight:700;text-decoration:none;display:block}
.chtab td a:hover{color:#4164b2}
.chtab td a small{font-weight:400;color:#8a929b;margin-left:6px}
.chtab .chdate{text-align:right;color:#6b7280;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:700px){.mgrid{grid-template-columns:150px minmax(0,1fr);gap:12px}.mtable>div{grid-template-columns:110px minmax(0,1fr);padding:8px 10px;font-size:12.5px}}
@media(max-width:460px){.mgrid{grid-template-columns:1fr}.mcover{max-width:220px}}


/* ---- Spanduk iklan kategori KOMIK ----------------------------------- */
/* Sisipan berada DI DALAM .baca yang berlatar hitam dan rapat tanpa jarak
   antar halaman. Spanduk diberi ruang napas dan dipusatkan supaya terbaca
   sebagai jeda, bukan sebagai halaman komik yang salah muat. */
.adk{display:block;line-height:0;text-align:center;margin:0 auto}
.adk img{display:block;max-width:100%;height:auto;margin:0 auto}
.baca .adk{padding:14px 10px;background:#111}
/* Slot penutup berada di dalam .panel berlatar putih, jadi jaraknya
   mengikuti ritme panel, bukan latar gelap pembaca. */
.adk--reader_end{margin:12px auto 4px}
.adk--head{padding:6px 0}
@media (max-width:640px){
  .baca .adk{padding:10px 6px}
}