:root{--navy:#0c3268;--blue:#137be8;--blue-dark:#0f5fc0;--green:#22a957;--green-dark:#1a8a45;--orange:#f6a916;--orange-dark:#d98c0a;--purple:#6852e0;--purple-dark:#5340c2;--red:#e0455c;--line:#dfe8ef;--text:#15345b;--muted:#62758d;--surface:#f7fbfd;--surface-2:#eef4f9;--kat-variabel-bg:#e3f2fd;--kat-variabel-fg:#0a5b9e;--kat-bahaya-bg:#fff1d6;--kat-bahaya-fg:#8a5a06;--kat-bencana-bg:#ffe1e1;--kat-bencana-fg:#a8232f;--kat-dampak-bg:#dff5e6;--kat-dampak-fg:#12703d;--jenis-artikel-bg:#eae6ff;--jenis-artikel-fg:#4b34b8;--jenis-video-bg:#ffe4ec;--jenis-video-fg:#b02454;--jenis-flipbook-bg:#d9f2ea;--jenis-flipbook-fg:#0d6b52;--st-draf-bg:#eef2f7;--st-draf-fg:#4b5c72;--st-menunggu-bg:#fff3d6;--st-menunggu-fg:#a9760b;--st-perbaikan-bg:#ffe8d9;--st-perbaikan-fg:#b4530f;--st-disetujui-bg:#e0f0ff;--st-disetujui-fg:#12609f;--st-terbit-bg:#def7e6;--st-terbit-fg:#168143;--st-ditolak-bg:#ffe0e4;--st-ditolak-fg:#b3283c;--radius-lg:26px;--radius-md:16px;--radius-sm:10px;--ease:cubic-bezier(.2, .8, .2, 1);--shadow-sm:0 3px 10px #45698910;--shadow-md:0 14px 26px -10px #15345b33;--gutter:35px}@media (max-width:700px){:root{--gutter:14px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}#top{flex-direction:column;min-height:100dvh;display:flex}#top>main{flex:1 0 auto;min-width:0}h1,h2,h3,h4,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #1878e7}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:999;background:var(--navy);color:#fff;transition:top .18s var(--ease);border-radius:0 0 10px 10px;padding:10px 16px;font-weight:700;position:fixed;top:-60px;left:14px}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.wrap{margin-inline:var(--gutter)}.stack{flex-direction:column;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.row-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cat-chip,.type-badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.cat-chip{border-radius:999px}.type-badge{border-radius:8px}.cat-chip--variabel{background:var(--kat-variabel-bg);color:var(--kat-variabel-fg)}.cat-chip--bahaya{background:var(--kat-bahaya-bg);color:var(--kat-bahaya-fg)}.cat-chip--bencana{background:var(--kat-bencana-bg);color:var(--kat-bencana-fg)}.cat-chip--dampak{background:var(--kat-dampak-bg);color:var(--kat-dampak-fg)}.type-badge--artikel{background:var(--jenis-artikel-bg);color:var(--jenis-artikel-fg)}.type-badge--video{background:var(--jenis-video-bg);color:var(--jenis-video-fg)}.type-badge--flipbook{background:var(--jenis-flipbook-bg);color:var(--jenis-flipbook-fg)}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--muted);background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:10.5px}.jenjang-chip{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.btn{transition:background-color .18s var(--ease), transform .18s var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:13px;font-weight:800;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--biru{background:var(--blue);color:#fff}.btn--biru:hover{background:var(--blue-dark)}.btn--hijau{background:var(--green);color:#fff}.btn--hijau:hover{background:var(--green-dark)}.btn--garis{border:1.5px solid var(--line);color:var(--navy);background:#fff}.btn--garis:hover{border-color:#b9d3ea}.field{margin-bottom:18px}.field label{color:var(--navy);margin-bottom:7px;font-size:12.5px;font-weight:700;display:block}.field input,.field select,.field textarea{border:1.5px solid var(--line);width:100%;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);background:#fff;border-radius:12px;padding:11px 14px;font-size:13px}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7fb4ea;outline:none;box-shadow:0 0 0 4px #137be81a}.form-note{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.5}.empty-state{text-align:center;color:var(--muted);padding:50px 20px}.empty-state b{color:var(--navy);margin-bottom:4px;font-size:14px;display:block}.empty-state .es-icon{margin-bottom:10px;font-size:44px;display:block}