/* lodrix.id/issue — page-specific styles, layered on ../asset/site.css */
.issue-hero{padding:148px 0 10px}
.notice{margin-top:22px;border:1px dashed var(--border2);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--muted);background:rgba(255,255,255,.015);max-width:860px}
.notice b{color:var(--text)}
.filter-bar{position:sticky;top:82px;z-index:20;background:rgba(5,8,15,.92);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:16px;margin:34px 0 8px}
.filter-btns{display:flex;flex-wrap:wrap;gap:10px}
.fbtn{font-family:var(--mono);font-size:12.5px;padding:9px 16px;border-radius:100px;border:1px solid var(--border2);background:var(--surface);color:var(--muted);cursor:pointer;min-height:44px}
.fbtn:hover{color:var(--cyan);border-color:rgba(0,229,255,.4)}
.fbtn.active{background:var(--cyan);border-color:var(--cyan);color:#00141B;font-weight:700}
.sort-row{display:flex;align-items:center;gap:10px;margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.sbtn{font-family:var(--mono);font-size:12px;padding:10px 16px;border-radius:100px;border:1px solid var(--border2);background:transparent;color:var(--muted);cursor:pointer;min-height:44px}
.sbtn:hover{color:var(--cyan);border-color:rgba(0,229,255,.4)}
.sbtn.active{background:var(--surface2);color:var(--cyan);border-color:rgba(0,229,255,.4);font-weight:700}
.month-group{margin-bottom:26px}
.month-head{display:flex;align-items:baseline;gap:12px;margin:26px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.month-head h3{font-family:var(--disp);font-size:20px;letter-spacing:-.3px}
.month-head span{font-family:var(--mono);font-size:12px;color:var(--muted2)}
.month-head:first-child{margin-top:26px}
.month-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.legend-note{font-family:var(--mono);font-size:12px;color:var(--muted2);margin-top:8px}
#burger{display:none;background:none;border:1px solid var(--border2);border-radius:9px;color:var(--text);font-size:19px;padding:6px 11px;min-width:44px;min-height:44px;cursor:pointer;margin-left:10px}
.mobile{display:none;flex-direction:column;gap:14px;padding:16px 24px 20px;font-family:var(--mono);font-size:14px;border-top:1px solid var(--border);background:rgba(5,8,15,.96)}
.mobile.open{display:flex}
@media(max-width:980px){.month-cards{grid-template-columns:1fr}}
@media(max-width:980px){.filter-bar{top:74px}#burger{display:inline-block}}
.search-row{display:flex;align-items:center;gap:12px;margin-top:14px}
.search-row label{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}
.search-row input{flex:1;background:#070C16;border:1px solid var(--border2);border-radius:10px;padding:11px 14px;color:var(--text);font-family:var(--sans);font-size:14px;outline:none;min-height:44px}
.search-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,229,255,.15)}
.count{font-family:var(--mono);font-size:12px;color:var(--muted2);margin-top:10px;min-height:18px}
.legend{font-family:var(--body);font-size:13.5px;color:var(--muted);margin-top:12px;max-width:70ch}
.leg{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:700;padding:2px 10px;border-radius:100px;margin-right:4px}
.leg.site{background:rgba(88,168,255,.14);border:1px solid rgba(88,168,255,.4);color:#9ecbff}
.leg.soc{background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.45);color:#c9b8ff}
.src.website{border-left:3px solid #58a8ff}
.src.sosmed{border-left:3px solid #a78bfa}
.src.website>span{color:#9ecbff}
.src.sosmed>span{color:#c9b8ff}
.col-note{font-family:var(--mono);font-size:11.5px;color:var(--muted2);margin:0 0 8px}
.issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.issue-card{background:linear-gradient(180deg,var(--card),var(--surface));border:1px solid var(--border);border-radius:var(--r);padding:24px;transition:.25s;position:relative;overflow:hidden}
.issue-card:hover{border-color:rgba(0,229,255,.45);transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.issue-card h3{font-family:var(--disp);font-size:19px;margin:12px 0 8px;line-height:1.3}
.issue-card p{color:var(--muted);font-size:14.5px}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pill{font-family:var(--mono);font-size:11px;font-weight:700;border-radius:100px;padding:5px 13px;letter-spacing:.5px;text-transform:uppercase}
.pill.anggaran{background:rgba(255,178,36,.14);color:var(--amber);border:1px solid rgba(255,178,36,.4)}
.pill.tambang{background:rgba(255,90,90,.12);color:#FF8A8A;border:1px solid rgba(255,90,90,.35)}
.pill.buruh{background:rgba(59,130,246,.14);color:#93B8FF;border:1px solid rgba(59,130,246,.4)}
.pill.jalan{background:rgba(0,229,255,.12);color:var(--cyan);border:1px solid rgba(0,229,255,.35)}
.pill.warga{background:rgba(61,220,132,.12);color:var(--green);border:1px solid rgba(61,220,132,.35)}
.date{font-family:var(--mono);font-size:11px;color:var(--muted2)}
.facts{list-style:none;margin:12px 0 4px;display:grid;gap:7px;font-size:13.5px;color:var(--muted)}
.facts li::before{content:'▸ ';color:var(--cyan)}
.src{margin-top:12px;border-top:1px dashed var(--border2);padding-top:10px;display:grid;gap:6px}
.src span{font-family:var(--mono);font-size:11px;color:var(--muted2);text-transform:uppercase;letter-spacing:.6px}
.src a{font-size:13.5px;color:var(--cyan);display:block;line-height:1.5;padding:6px 0}
.src a:hover{text-decoration:underline}
.issue-card.hidden{display:none}
.chain-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.chain{background:linear-gradient(135deg,#0A152B,#070C16 65%);border:1px solid var(--border2);border-radius:16px;padding:24px}
.chain h3{font-family:var(--disp);font-size:17px;margin-bottom:8px;color:var(--cyan)}
.chain p{color:var(--muted);font-size:14.5px}
.akun-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.akun{border:1px solid var(--border);border-radius:16px;padding:22px;background:var(--surface)}
.akun b{font-family:var(--disp);font-size:16px;display:block}
.akun small{color:var(--muted);font-size:13px;display:block;margin:6px 0 12px;line-height:1.55}
.akun a{color:var(--cyan);font-family:var(--mono);font-size:13px}
.akun a:hover{text-decoration:underline}
.footnote{color:var(--muted2);font-size:13px;margin-top:16px;font-family:var(--mono)}
.src-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.src-col{border:1px solid var(--border);border-radius:16px;padding:24px;background:rgba(255,255,255,.012)}
.src-col h4{font-family:var(--mono);font-size:12px;color:var(--cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.src-col ul{list-style:none;display:grid;gap:9px}
.src-col a{font-size:13.5px;color:var(--muted)}
.src-col a:hover{color:var(--cyan);text-decoration:underline}
@media(max-width:980px){.issue-grid,.chain-grid,.akun-grid,.src-grid{grid-template-columns:1fr}.filter-bar{top:58px}.issue-hero{padding-top:120px}}