/*
Theme Name: Dicrotin
Description: Tema custom Dicrotin - ditulis dari nol mengikuti render dicrotin.com (hitam pekat, aksen oranye).
Version: 1.0
*/
:root{--dcr-bg:#000;--dcr-panel:#1f1f1f;--dcr-kartu:#1b1b1b;--dcr-garis:#363636;
--dcr-teks:#fff;--dcr-redup:#aaa;--dcr-abu:#cacaca;--dcr-oranye:#ff9900;--dcr-oranye2:#cc7a00}
*{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
body{background:var(--dcr-bg);color:var(--dcr-teks);font:13px/1.55 Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--dcr-oranye);text-decoration:none}
.dcr-w{max-width:1180px;margin:0 auto;padding:0 8px}
.dcr-head{background:var(--dcr-panel);border-bottom:2px solid var(--dcr-oranye)}
.dcr-hr{display:flex;align-items:center;gap:9px;padding:9px 0;min-width:0}
.dcr-brand{flex:1 1 auto;min-width:0;font-size:20px;font-weight:700;color:var(--dcr-teks);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.3px}
.dcr-brand b{color:var(--dcr-oranye);font-weight:700}
.dcr-tg{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer}
.dcr-tg i{display:block;width:20px;height:2px;background:var(--dcr-oranye);position:relative}
.dcr-tg i::before,.dcr-tg i::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--dcr-oranye)}
.dcr-tg i::before{top:-6px}.dcr-tg i::after{top:6px}
.dcr-find{display:flex;padding:0 0 9px}
.dcr-find input{flex:1 1 0;min-width:0;background:var(--dcr-kartu);border:1px solid var(--dcr-garis);border-right:0;color:var(--dcr-teks);padding:8px 10px;font-size:13px;border-radius:2px 0 0 2px;outline:0}
.dcr-find button{flex:0 0 auto;width:44px;background:var(--dcr-oranye);border:0;border-radius:0 2px 2px 0;color:#000;cursor:pointer;font-weight:700}
.dcr-nav{display:none;background:var(--dcr-panel);border-top:1px solid var(--dcr-garis)}
.dcr-nav.on{display:block}
.dcr-nav a{display:block;padding:10px 8px;border-bottom:1px solid var(--dcr-garis);color:var(--dcr-abu);font-size:13px}
.dcr-nav a:hover{color:var(--dcr-oranye)}
.dcr-bar{display:flex;align-items:center;gap:8px;margin:13px 0 9px;border-left:4px solid var(--dcr-oranye);padding-left:9px}
.dcr-bar h1,.dcr-bar h2{margin:0;font-size:15px;font-weight:700;color:var(--dcr-teks);flex:1 1 auto;min-width:0}
.dcr-bar em{flex:0 0 auto;font-style:normal;font-size:10.5px;background:var(--dcr-oranye);color:#000;font-weight:700;border-radius:2px;padding:2px 8px}
.dcr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:700px){.dcr-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:980px){.dcr-grid{grid-template-columns:repeat(4,1fr)}}
.dcr-c{background:var(--dcr-kartu);border:1px solid var(--dcr-garis);border-radius:2px;overflow:hidden;min-width:0}
.dcr-th{position:relative;display:block;aspect-ratio:16/9;background:#0a0a0a;overflow:hidden}
.dcr-th img{width:100%;height:100%;object-fit:cover}
.dcr-dur{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.8);color:var(--dcr-oranye);font-size:10.5px;padding:2px 5px;border-radius:2px;line-height:1.3}
.dcr-j{display:block;padding:6px 7px 3px;font-size:12px;line-height:1.35;color:var(--dcr-abu);min-height:42px}
.dcr-j:hover{color:var(--dcr-oranye)}
.dcr-m{display:flex;gap:9px;padding:0 7px 7px;font-size:10.5px;color:var(--dcr-redup)}
.dcr-pg{display:flex;flex-wrap:wrap;gap:4px;margin:15px 0}
.dcr-pg a,.dcr-pg span{min-width:30px;text-align:center;padding:6px 10px;font-size:12.5px;background:var(--dcr-panel);color:var(--dcr-abu);border:1px solid var(--dcr-garis);border-radius:2px}
.dcr-pg .current{background:var(--dcr-oranye);color:#000;border-color:var(--dcr-oranye);font-weight:700}
.dcr-pg a:hover{border-color:var(--dcr-oranye);color:var(--dcr-oranye)}
.dcr-play{position:relative;aspect-ratio:16/9;background:#000;margin:10px 0 0}
.dcr-play iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dcr-h1{margin:11px 0 7px;font-size:16px;line-height:1.35;color:var(--dcr-teks);font-weight:700}
.dcr-st{display:flex;flex-wrap:wrap;gap:11px;font-size:12px;color:var(--dcr-redup);margin:0 0 11px}
.dcr-st b{color:var(--dcr-oranye);font-weight:700}
.dcr-sum{font-size:13px;line-height:1.75;color:var(--dcr-abu);margin:0 0 11px}
.dcr-tag{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 13px}
.dcr-tag a{background:var(--dcr-panel);border:1px solid var(--dcr-garis);color:var(--dcr-abu);font-size:11px;padding:4px 9px;border-radius:2px}
.dcr-tag a:hover{background:var(--dcr-oranye);color:#000;border-color:var(--dcr-oranye)}
.dcr-doc{font-size:13px;line-height:1.8;color:var(--dcr-abu)}
.dcr-doc h2{font-size:14.5px;color:var(--dcr-oranye);margin:17px 0 6px}
.dcr-doc p{margin:0 0 10px}
.dcr-doc ul{margin:0 0 10px;padding-left:20px}
.dcr-foot{background:var(--dcr-panel);margin-top:20px;padding:13px 0;border-top:2px solid var(--dcr-oranye)}
.dcr-kw{display:flex;flex-wrap:wrap;gap:5px 10px;margin:0 0 11px}
.dcr-kw a{font-size:11.5px;color:var(--dcr-redup)}
.dcr-kw a:hover{color:var(--dcr-oranye)}
.dcr-legal{display:flex;flex-wrap:wrap;gap:8px 15px;justify-content:center;margin:0 0 8px}
.dcr-legal a{color:var(--dcr-redup);font-size:11.5px}
.dcr-cr{text-align:center;font-size:11px;color:var(--dcr-redup)}
.comment-form input,.comment-form textarea{width:100%;background:var(--dcr-kartu);border:1px solid var(--dcr-garis);color:var(--dcr-teks);padding:8px;font-size:12.5px;border-radius:2px;margin:0 0 8px}
.comment-form .submit{background:var(--dcr-oranye);color:#000;font-weight:700;border:0;padding:8px 18px;border-radius:2px;cursor:pointer;width:auto}
.dcr-cm{list-style:none;margin:0;padding:0}
.dcr-cm li{background:var(--dcr-kartu);padding:8px;border-radius:2px;margin:0 0 7px;font-size:12px}