/* data-catalogue.css — dipisahkan dari <style> inline, 2026-08-15.
   Sumber tunggal untuk halaman /data/index.html. */

.d-hero{padding:calc(var(--hmp-nav-h) + 72px) 0 var(--hmp-s-8)}
    .d-hero h1{font-size:clamp(38px,5.5vw,64px);margin:var(--hmp-s-4) 0 var(--hmp-s-5);line-height:1.05}
    .d-hero .lead{font-size:var(--hmp-text-body-lg);color:var(--hmp-muted);font-weight:300;max-width:700px;line-height:1.7}
    .statbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--hmp-s-5);
      border-top:1px solid var(--hmp-border);border-bottom:1px solid var(--hmp-border);
      padding:var(--hmp-s-7) 0;margin:var(--hmp-s-8) 0 var(--hmp-s-9)}
    .statbar .v{font-family:var(--hmp-font-display);font-size:44px;line-height:1;color:var(--hmp-gold)}
    .statbar .k{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--hmp-muted);margin-top:10px}
    .dgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hmp-s-6)}
    @media(max-width:900px){.dgrid{grid-template-columns:1fr}}
    .dcard{background:var(--hmp-card);border:1px solid var(--hmp-border);border-radius:var(--hmp-radius-lg);
      padding:var(--hmp-s-7);display:flex;flex-direction:column}
    .dcard:hover{border-color:var(--hmp-border-2)}
    .dcard__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--hmp-s-4)}
    .dtag{font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--hmp-gold)}
    .dstat{font-family:var(--hmp-font-mono);font-size:10px;font-weight:600;letter-spacing:.6px;
      text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--hmp-border-2)}
    .dstat--live{color:var(--hmp-status-live,#5fbf7f)}
    .dstat--restricted{color:var(--hmp-muted)}
    .dcard h3{font-size:19px;line-height:1.35;margin-bottom:var(--hmp-s-5)}
    .dscale{display:flex;flex-wrap:wrap;gap:var(--hmp-s-6);padding-bottom:var(--hmp-s-5);
      border-bottom:1px solid var(--hmp-border);margin-bottom:var(--hmp-s-5)}
    .sc-n{font-family:var(--hmp-font-mono);font-size:20px;color:var(--hmp-white);line-height:1}
    .sc-l{font-size:10.5px;letter-spacing:.4px;text-transform:uppercase;color:var(--hmp-muted-2);margin-top:6px}
    .ddesc{font-size:13.5px;color:var(--hmp-muted);line-height:1.7;margin-bottom:var(--hmp-s-6);flex:1}
    .dmeta{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:12px;margin:0}
    .dmeta dt{color:var(--hmp-muted-2);text-transform:uppercase;letter-spacing:1px;font-size:9.5px;padding-top:2px}
    .dmeta dd{margin:0;color:var(--hmp-muted);line-height:1.5}
    .dnote{margin-top:var(--hmp-s-10);padding-top:var(--hmp-s-8);border-top:1px solid var(--hmp-border);
      display:grid;grid-template-columns:1fr 1fr;gap:var(--hmp-s-8)}
    @media(max-width:820px){.dnote{grid-template-columns:1fr}}
    .dnote h2{font-size:20px;margin-bottom:var(--hmp-s-4)}
    .dnote p{font-size:13px;color:var(--hmp-muted);line-height:1.75}
    @media(max-width:768px){.statbar .v{font-size:34px}}