.sheet-body .lobby { display:flex; background:#10141c; border:1px solid rgba(255,255,255,.08); border-radius:14px; overflow:hidden; min-height:0; }
.sheet-body .lobby .nav { width:210px; flex:0 0 210px; background:#0c1016; border-right:1px solid rgba(255,255,255,.06); padding:8px 0; }
.sheet-body .lobby .nav a { display:block; padding:12px 16px; color:#cbd5e1; }
.sheet-body .lobby .nav a.on,
.sheet-body .lobby .nav a:hover { background:#1c2433; color:#fff; }
.sheet-body .pane { flex:1; min-width:0; padding:16px; }
.sheet-body .top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.sheet-body .top h1 { margin:0; color:#fff; font-size:22px; }
.sheet-body .top form { display:flex; gap:8px; }
.sheet-body .top input { background:#0c1016; border:1px solid rgba(255,255,255,.12); color:#fff; border-radius:8px; padding:10px 12px; width:220px; }
.sheet-body .top button { background:#0f766e; color:#fff; border:0; border-radius:8px; padding:10px 16px; }
.sheet-body .grid { display:grid; grid-template-columns:repeat(5, 1fr); gap:14px; }
.sheet-body .card { background:#121826; border:1px solid rgba(255,255,255,.14); border-radius:12px; min-height:190px; overflow:hidden; }
.sheet-body .thumb { height:150px; background:#0e1420; }
.artikel { margin-top:14px; background:rgba(8,12,22,.92); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:16px 18px; color:#e8eef8; }
.artikel .clamp { max-height:140px; overflow:hidden; }
.artikel .clamp.open { max-height:none; }
.artikel .baca { margin-top:8px; background:none; border:0; color:#22c55e; padding:0; cursor:pointer; }
@media (max-width:980px) {
    .sheet-body .lobby { display:block; min-height:0; border-radius:0; border-left:0; border-right:0; }
    .sheet-body .lobby .nav { width:auto; display:flex; overflow-x:auto; border-right:0; scrollbar-width:none; }
    .sheet-body .lobby .nav::-webkit-scrollbar { display:none; height:0; }
    .sheet-body .lobby .nav a { white-space:nowrap; }
    .sheet-body .top { display:block; }
    .sheet-body .top form { margin-top:10px; }
    .sheet-body .top input { width:100%; }
    .sheet-body .grid { grid-template-columns:1fr 1fr; }
}
header.topbar, .ticker, .site-foot {
    display: block !important;
    position: relative !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    z-index: 5 !important;
}
header.topbar .topbar-row { display: flex !important; height: 74px !important; }
.ticker {
    display: flex !important;
    position: relative !important;
    z-index: 1 !important;
    top: 0 !important;
    width: min(1180px, calc(100% - 28px)) !important;
    height: 36px !important;
    margin: 1px auto 1px !important;
}
main.wrap.sheet {
    position: relative !important;
    z-index: 1 !important;
    top: 0 !important;
    margin-top: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}
main.wrap.sheet > .sidenav {
    position: sticky !important;
    top: 12px !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    z-index: 3 !important;
}
@media (max-width: 980px) {
    .ticker {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        left: 0 !important;
    }
    main.wrap.sheet { margin-top: 0 !important; }
}
main.sheet { align-items: start; align-content: start; grid-template-rows: auto auto; }
main.sheet .sheet-body { margin-top: 0; align-self: start; }
.page-intro {
    margin: 12px 0 14px;
    padding: 18px 20px;
    background: rgba(8, 12, 22, .92);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px;
}
.page-intro h1 { margin: 0 0 8px; font-size: 28px; line-height: 1.25; color: #fff; }
.page-intro p { margin: 0; color: #cbd5e1; font-size: 14px; line-height: 1.6; }
@media (max-width: 980px) {
    body > .page-intro,
    body > .artikel {
        width: 100%;
        margin: 0;
        border-radius: 0;
        box-sizing: border-box;
        background: rgba(8, 12, 22, .92);
        border: 1px solid rgba(255,255,255,.08);
        padding: 16px 18px;
        color: #e8eef8;
    }
    body > .page-intro { margin-bottom: 8px; }
    body > .artikel + .site-foot { margin-top: 0; }
}