/* rust.am — tema "Wumblr" (dipilih owner 5 Okt 2026, rujukan themify.org/wumblr): latar krem bergaris halus,
   logo cetak timbul, menu pil, kartu-kartu berwarna seperti postingan Tumblr lama. SENGAJA hanya mode terang:
   gaya kertas/catatan tempel ini tidak punya padanan gelap yang wajar. Aksen = oranye karat. */
:root{
  color-scheme:light;
  --latar:#efefe8;--kartu:#fff;--kartu-2:#faf9f4;--teks:#444;--redup:#7a7a72;--garis:#e0ded3;
  --karat:#b4501f;--karat-muda:#fbe8da;--cuti:#8a6410;--cuti-muda:#fbf1c4;--fokus:#2463c7;
  --serif:Georgia,"Times New Roman",Times,serif;--judul:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--teks);font:15px/1.6 "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--latar) repeating-linear-gradient(90deg,rgba(0,0,0,.022) 0 1px,transparent 1px 3px)}
a{color:var(--karat);text-underline-offset:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}
h1,h2,h3{font-family:var(--judul);color:#3d3d3d;text-shadow:0 1px 0 rgba(255,255,255,.8)}

/* Kepala: logo tebal bercetak timbul + semboyan serif miring, lalu menu pil. */
.kepala .isi{max-width:980px;margin:0 auto;padding:30px 16px 6px}
.merek{font:700 36px/1 var(--judul);letter-spacing:-1.5px;color:#444;text-decoration:none;text-shadow:0 1px 0 #fff,0 2px 3px rgba(0,0,0,.18)}
.semboyan{display:block;margin:6px 0 0;font:italic 14px/1.4 var(--serif);color:#666;text-shadow:none;letter-spacing:0}
.kepala nav{display:flex;flex-wrap:wrap;gap:4px 2px;margin:20px 0 0;padding:2px}
@media (max-width:699px){.kepala nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}}
.kepala nav::-webkit-scrollbar{display:none}
.kepala nav a{flex:none;font:12.5px/1 var(--judul);text-transform:uppercase;letter-spacing:.02em;color:#555;text-decoration:none;padding:7px 11px;border-radius:99px}
.kepala nav a:hover{background:rgba(0,0,0,.06)}
.kepala nav a[aria-current=page]{background:#8e8e88 linear-gradient(rgba(255,255,255,.15),rgba(0,0,0,.08));color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}

/* Isi: halaman dalam di atas selembar "kertas" putih; beranda (main.papan) langsung di atas latar. */
main{max-width:980px;margin:0 auto;padding:18px 16px 40px}
main.kertas{background:var(--kartu) linear-gradient(rgba(255,255,255,.35),rgba(171,171,171,.06) 66%,rgba(0,0,0,.02));border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.2);padding:20px 28px 34px;margin:18px auto 40px;max-width:948px}
@media (max-width:1000px){main.kertas{margin:14px 16px 32px}}
@media (max-width:560px){main.kertas{padding:16px 16px 26px;margin:12px 10px 26px}}
.remah{font-size:13.5px;color:var(--redup);margin:4px 0 6px}
.remah a{color:var(--redup)}
h1{font-size:clamp(1.6rem,4.2vw,2.3rem);line-height:1.2;margin:.2em 0 .35em;letter-spacing:-.01em}
h2{font-size:1.3rem;line-height:1.3;margin:1.8em 0 .5em}
h3{font-size:1.05rem;margin:1.4em 0 .4em}
p,ul,ol{max-width:72ch}
.lead{font-size:1.08rem;color:var(--redup);margin-top:0}
.kecil{font-size:14px;color:var(--redup)}
.ringkas{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 8px;padding:0;list-style:none;max-width:none}
.ringkas li{background:var(--kartu);border:1px solid var(--garis);border-radius:8px;padding:10px 14px;min-width:150px}
.ringkas b{display:block;font-size:1.5rem;line-height:1.2;font-variant-numeric:tabular-nums}
.ringkas span{font-size:13.5px;color:var(--redup)}
.sorot{background:var(--karat-muda);border-left:4px solid var(--karat);padding:12px 16px;border-radius:0 8px 8px 0;max-width:72ch}
.sorot[hidden]{display:none}

/* Tabel */
.gulung{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0 6px;border:1px solid var(--garis);border-radius:8px;background:var(--kartu)}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--garis);vertical-align:top}
thead th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--redup);background:var(--latar);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
caption{caption-side:bottom;text-align:left;padding:8px 12px}
.kosong{padding:12px;margin:0}
td.tgl{white-space:nowrap;font-variant-numeric:tabular-nums}
td.angka,th.angka{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lencana{display:inline-block;font-size:12.5px;font-weight:600;padding:1px 8px;border-radius:99px;white-space:nowrap}
.lencana.libur{background:var(--karat-muda);color:var(--karat)}
.lencana.cuti{background:var(--cuti-muda);color:var(--cuti)}
tr.lewat td{color:var(--redup)}
tr.lewat .lencana{opacity:.65}
tr.berikutnya td{background:var(--karat-muda)}
.hitungan{font-size:13px;color:var(--karat);font-weight:600;white-space:nowrap}

/* Formulir */
.alat{background:var(--kartu-2);border:1px solid var(--garis);border-radius:10px;padding:16px;margin:14px 0;max-width:none}
.alat fieldset{border:0;padding:0;margin:0 0 10px}
.alat legend{font-weight:600;margin-bottom:6px}
.baris{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end}
.baris label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--redup)}
.pilihan{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:14.5px}
.pilihan label{display:flex;gap:6px;align-items:center;color:var(--teks)}
input[type=date],input[type=number],select{font:inherit;color:var(--teks);background:var(--latar);border:1px solid var(--garis);border-radius:6px;padding:7px 9px;min-height:40px}
input[type=number]{width:7em}
button{font:inherit;font-weight:600;color:#fff;background:var(--karat);border:0;border-radius:6px;padding:8px 16px;min-height:40px;cursor:pointer}
.tab{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.tab button{background:transparent;color:var(--teks);border:1px solid var(--garis)}
.tab button[aria-selected=true]{background:var(--karat);color:#fff;border-color:var(--karat)}
.hasil{margin-top:12px;padding:12px 14px;border-radius:8px;background:var(--latar);min-height:3em}
.hasil b{color:var(--karat)}
.hasil ul{margin:.4em 0 0;padding-left:1.2em}

/* Pilihan varian tabel tanpa JavaScript (radio + :checked). */
.varian{margin:10px 0}
.pilih-varian>input{position:absolute;opacity:0;pointer-events:none}
.varian label{display:inline-block;padding:6px 12px;border:1px solid var(--garis);border-radius:99px;font-size:14px;cursor:pointer;margin:0 6px 6px 0}
#v-asn:checked~.varian-isi .swasta,#v-swasta:checked~.varian-isi .asn{display:none}
#v-asn:checked~.varian label[for=v-asn],#v-swasta:checked~.varian label[for=v-swasta]{background:var(--karat);border-color:var(--karat);color:#fff}
#v-asn:focus-visible~.varian label[for=v-asn],#v-swasta:focus-visible~.varian label[for=v-swasta]{outline:2px solid var(--fokus);outline-offset:2px}

/* Kurs */
.ubah.naik{color:#1f7a3a}.ubah.turun{color:var(--karat)}
.grafik{margin:12px 0 0;max-width:none}
.grafik svg{display:block;width:100%;height:auto}
.grafik .garis{fill:none;stroke:var(--karat);stroke-width:2.2;stroke-linejoin:round}
.grafik .titik{fill:var(--karat)}
.grafik .kisi{stroke:var(--garis);stroke-width:1}
.grafik .label{font-size:12px;fill:var(--redup);font-variant-numeric:tabular-nums}
#kv-tukar{min-width:44px;padding:8px 12px}
@media (max-width:560px){#tabel-kurs th:nth-child(2),#tabel-kurs td:nth-child(2){display:none}}

/* Beranda: susunan bata (kolom CSS) berisi "postingan" berwarna ala Wumblr. Angka yang bergantung pada hari ini
   (hitung mundur, sisa libur, hari kerja, jam) dihitung beranda.js; HTML statis = potret saat build. */
main.papan{max-width:1012px;padding-top:26px}
.tumpuk{column-count:3;column-gap:30px}
@media (max-width:920px){.tumpuk{column-count:2}}
@media (max-width:600px){.tumpuk{column-count:1}}
.pos{position:relative;display:inline-block;width:100%;break-inside:avoid;margin:0 0 30px;padding:18px 20px 12px;border-radius:10px;
  background:#fff linear-gradient(rgba(255,255,255,.35),rgba(171,171,171,.15) 66%,rgba(0,0,0,.05));box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pos h2{font-size:19px;line-height:1.3;margin:0 52px 8px 0}
.pos h2 a{color:inherit;text-decoration:none}
.pos h2 a:hover{text-decoration:underline}
.pos p{margin:.4em 0;max-width:none}
.pos .besar{font:700 34px/1.1 var(--judul);margin:.15em 0 .1em;letter-spacing:-.5px}
.pos ul{margin:.3em 0;padding:0;list-style:none;max-width:none}
.pos .meta{font:italic 12px/1.4 var(--serif);color:#8a8a82;text-align:right;margin:14px 0 2px}
.pos .meta a{color:var(--karat)}
.pos .lanjut{font-size:13.5px}
/* Gelembung angka di pojok kanan atas (seperti jumlah komentar di Wumblr). */
.gelembung{position:absolute;top:-11px;right:-9px;min-width:44px;height:32px;padding:0 9px;border-radius:16px;
  background:linear-gradient(#fff,#e8e8e6);border:1px solid #cfcfca;box-shadow:0 1px 2px rgba(0,0,0,.2);
  font:700 13px/30px var(--judul);color:#555;text-align:center;text-shadow:0 1px 0 #fff}
.gelembung::after{content:"";position:absolute;left:8px;bottom:-8px;width:12px;height:10px;background:#ebebe9;border-left:1px solid #cfcfca;
  border-bottom:1px solid #cfcfca;border-bottom-left-radius:12px 10px;transform:skewX(-25deg);clip-path:polygon(0 0,100% 0,0 100%)}
.gelembung small{font-weight:400;font-size:11px;color:#888;margin-left:2px}
/* Ragam kartu */
.pos.kuning{background:#f9ec9b linear-gradient(#fdf6bd,#f2e28a)}
.pos.kuning h2,.pos.kuning .besar{color:#9a5a24}
.pos.kuning p{color:#7a6a3a}
/* Kertas bergaris: semua jarak kelipatan 20px supaya teks duduk di atas garis. */
.pos.bergaris{padding:20px 20px 20px 44px;line-height:20px;background-color:#d8e9f6;
  background-image:linear-gradient(90deg,transparent 26px,rgba(214,120,130,.45) 26px 27px,transparent 27px 30px,rgba(214,120,130,.45) 30px 31px,transparent 31px),
    repeating-linear-gradient(180deg,transparent 0 19px,rgba(110,150,195,.3) 19px 20px)}
.pos.bergaris li{display:flex;gap:10px;font-size:14px}
.pos.bergaris li b{flex:none;min-width:4.6em;font-weight:600;color:#3f5d7a}
.pos.bergaris h2{font-size:18px;line-height:20px;margin:0 52px 20px 0}
.pos.bergaris ul,.pos.bergaris p{margin:0}
.pos.bergaris .meta{line-height:20px;margin:20px 0 0}
.pos.peach{background:#f6d7b8 linear-gradient(#fbe6d1,#f1cba6)}
.pos.peach blockquote{margin:6px 0 0;padding:0 0 0 30px;position:relative;font:italic 19px/1.45 var(--serif);color:#6b4a33}
.pos.peach blockquote::before{content:"\201C";position:absolute;left:-2px;top:-10px;font:700 48px/1 var(--serif);color:#c9a07c}
.pos.peach cite{display:block;text-align:right;font:normal 12px var(--serif);font-variant:small-caps;color:#8a6a50;margin-top:8px}
.pos.biru{background:#64abee linear-gradient(#97c8f5,#4e9be6);color:#eef6ff}
.pos.biru h2,.pos.biru .besar{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.pos.biru .meta,.pos.biru .meta a,.pos.biru a{color:#fff}
.pos.gelap{background:#2b2b2b linear-gradient(#4a4a4a,#1b1b1b);color:#ddd}
.pos.gelap h2{color:#fff;text-shadow:0 -1px 0 #000}
.pos.gelap a,.pos.gelap .meta a{color:#f2b48f}
.pos.gelap .meta{color:#aaa}
.pos.hijau{background:#d9efb9 linear-gradient(#e8f6d2,#c6e49e)}
.pos.hijau h2{color:#3e5b1d}
.pos.hijau h2::before{content:"\1F517\FE0E";font-size:16px;margin-right:8px;color:#6b8a45}
.pos.daun{background:#82c040 linear-gradient(#a7d66c,#6aab2c);color:#f4fbe9}
.pos.daun h2{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.pos.daun .meta,.pos.daun .meta a,.pos.daun a{color:#fff}
.jam{display:grid;grid-template-columns:1fr auto;gap:2px 12px;margin:6px 0 0;font-size:14px}
.jam b{font:700 17px/1.4 var(--judul);font-variant-numeric:tabular-nums;text-align:right}
/* Bingkai "foto" + penjepit kertas (kartu kurs). */
.pos.klip::before{content:"";position:absolute;left:14px;top:-16px;width:22px;height:58px;transform:rotate(8deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='58' viewBox='0 0 22 58'%3E%3Cpath d='M15 18 V44 a6 6 0 0 1-12 0 V10 a4.5 4.5 0 0 1 9 0 V40 a1.6 1.6 0 0 1-3.2 0 V16' fill='none' stroke='%23a9adb2' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M15 18 V44 a6 6 0 0 1-12 0 V10 a4.5 4.5 0 0 1 9 0' fill='none' stroke='%23eef0f2' stroke-width='.8' stroke-linecap='round' transform='translate(-.6 -.6)'/%3E%3C/svg%3E") no-repeat;z-index:1}
.pos.klip h2{margin-left:24px}
.bingkai{margin:4px 0 12px;padding:5px;background:#fff;border:1px solid #d6d6d0;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.bingkai svg{display:block;width:100%;height:auto}
.bingkai .garis{fill:none;stroke:var(--karat);stroke-width:2;stroke-linejoin:round}
.bingkai .isian{fill:var(--karat);opacity:.12}
.kurs-mini{display:grid;grid-template-columns:auto 1fr;gap:0 12px;font-size:14px}
.kurs-mini dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.kurs-mini dt{color:#777}

/* BI-Rate & inflasi: garis kedua (inflasi) + pita sasaran memakai warna "cuti" (kuning tua). */
.grafik .garis-2{fill:none;stroke:var(--cuti);stroke-width:2;stroke-linejoin:round}
.grafik .titik-2{fill:var(--cuti)}
.grafik svg .pita{fill:var(--cuti);opacity:.13}
.legenda{white-space:nowrap;margin-right:12px}
.legenda::before{content:"";display:inline-block;width:16px;height:3px;margin-right:6px;vertical-align:middle;background:var(--karat)}
.legenda.inflasi::before{background:var(--cuti)}
.legenda.pita::before{height:11px;background:var(--cuti);opacity:.3}

/* IHSG: widget TradingView (iframe 400px) dimuat setelah klik. */
.ihsg label{display:flex;gap:8px;align-items:flex-start}
.ihsg label input{margin-top:.3em}
#ihsg-widget{min-height:400px}
#ihsg-widget[hidden]{display:none}
button.seperti-tautan{background:none;color:var(--redup);font-weight:400;padding:0;min-height:0;border:0;text-decoration:underline;text-underline-offset:2px}
button.seperti-tautan[hidden]{display:none}
button.seperti-tautan:disabled{text-decoration:none;cursor:default}

/* Perencana zona waktu */
.kota-pilih{display:flex;flex-wrap:wrap;gap:6px 14px;max-height:none;font-size:14.5px}
.kota-pilih label{display:flex;gap:6px;align-items:center}
.grid-jam{border-collapse:separate;border-spacing:2px;font-size:12.5px;width:auto;min-width:100%}
.grid-jam th{position:sticky;left:0;z-index:1;background:var(--kartu);text-transform:none;letter-spacing:0;font-size:13.5px;color:var(--teks);white-space:nowrap;padding:6px 10px 6px 4px;border:0}
.grid-jam th small{display:block;font-weight:400;color:var(--redup);font-size:12px}
.grid-jam td{border:0;padding:6px 0;min-width:2.5em;text-align:center;border-radius:4px;font-variant-numeric:tabular-nums;cursor:pointer}
.grid-jam td.tidur{background:transparent;color:var(--redup)}
.grid-jam td.tepi{background:var(--cuti-muda);color:var(--cuti)}
.grid-jam td.kerja{background:var(--karat-muda);color:var(--karat);font-weight:600}
.grid-jam td.pilih{outline:2px solid var(--fokus);outline-offset:-2px}
.grid-jam tr.irisan td{height:8px;padding:0;cursor:default}
.grid-jam tr.irisan td.ya{background:var(--karat)}
.jam-kini{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;max-width:none}
.jam-kini li{background:var(--latar);border-radius:6px;padding:6px 10px;font-size:14px}
.jam-kini b{font-variant-numeric:tabular-nums}

.kaki{color:var(--redup);font-size:13px}
.kaki .isi{max-width:980px;margin:0 auto;padding:18px 16px 30px}
.kaki p{margin:.3em 0;max-width:none}
.kaki a{color:var(--redup)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--latar);border:1px solid var(--garis);border-radius:4px;padding:0 4px;word-break:break-all}
pre{background:var(--kartu);border:1px solid var(--garis);border-radius:8px;padding:12px;overflow-x:auto;font-size:13.5px;max-width:none}
pre code{border:0;padding:0;background:none;word-break:normal}
@media (max-width:560px){
  th,td{padding:8px 9px}
  table{font-size:14.5px}
  .ringkas li{min-width:0;flex:1 1 40%}
}

/* Beranda: kartu kalender meja (pita merah, angka besar, kisi Senin–Minggu). Warna: libur nasional = merah
   ("tanggal merah"), cuti bersama = kuning, Sabtu/Minggu = biru muda; hari ini = cincin gelap. */
.pos.kalender{padding-top:0}
/* .pos .kal-pita & .kal-kini .kal-angka: harus mengalahkan .pos h2 dan .kal-kini span. */
.pos .kal-pita{display:flex;align-items:center;gap:8px;margin:0 -20px 14px;padding:10px 12px 9px;border-radius:10px 10px 0 0;background:#c8432b linear-gradient(#d9573c,#b8381f);
  color:#fff;font:700 15px/1.2 var(--judul);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 -1px 0 rgba(0,0,0,.25);position:relative}
.kal-pita::before,.kal-pita::after{content:"";position:absolute;top:-6px;width:9px;height:16px;border-radius:5px;background:linear-gradient(#777,#333);box-shadow:0 1px 1px rgba(0,0,0,.3)}
.kal-pita::before{left:30%}.kal-pita::after{right:30%}
.kal-kini{display:flex;gap:14px;align-items:center;margin:0 0 12px}
.kal-kini .kal-angka{font:700 54px/1 var(--judul);color:#c8432b;letter-spacing:-2px;text-shadow:0 1px 0 #fff;min-width:1.2em;text-align:center}
.kal-kini b{display:block;font:700 18px/1.25 var(--judul);color:#3d3d3d}
.kal-kini span{display:block;font-size:13.5px;color:#666}
.kal-hijri{font:italic 14px/1.4 var(--serif)!important;color:#7a6a3a!important}
.kal-status:not(:empty){margin-top:3px;font-weight:600;color:#b8381f!important}
.kal{width:100%;border-collapse:separate;border-spacing:3px;font-size:13.5px;table-layout:fixed}
.kal th{padding:2px 0;text-align:center;font:700 11px var(--judul);text-transform:uppercase;letter-spacing:.03em;color:#888;background:none;border:0}
.kal th.ap{color:#3b6a96}
.kal td{padding:5px 0;text-align:center;border:0;border-radius:5px;font-variant-numeric:tabular-nums;color:#444}
.kal td.ap{background:#e2edf7;color:#3b6a96}
.kal td.cuti{background:#f6d572;color:#5c4308;font-weight:600}
.kal td.libur{background:#d2453a;color:#fff;font-weight:700}
.kal td.kini{box-shadow:inset 0 0 0 2px #333;font-weight:700}
.kal td.kosong{background:none}
.kal-tanda{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 6px!important;font-size:12px;color:#777}
.kal-tanda li::before{content:"";display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.kal-tanda .libur::before{background:#d2453a}.kal-tanda .cuti::before{background:#f6d572}.kal-tanda .ap::before{background:#e2edf7;box-shadow:inset 0 0 0 1px #b9cfe4}
.kal-ket{border-top:1px dashed #ddd;padding-top:8px!important;font-size:13px}
.kal-ket li{display:flex;gap:10px;margin:3px 0}
.kal-ket li b{flex:none;min-width:3.6em;font-weight:700}
.kal-ket li.libur b{color:#b8381f}.kal-ket li.cuti b{color:#8a6410}
.pos .kal-pita h2{flex:1;margin:0;text-align:center;font:inherit;color:#fff;text-shadow:inherit}
.kal-nav{flex:none;width:34px;height:28px;min-height:0;padding:0 0 2px;border-radius:14px;background:rgba(255,255,255,.18);color:#fff;
  font:700 20px/1 var(--judul);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 1px rgba(0,0,0,.15)}
.kal-nav:hover{background:rgba(255,255,255,.32)}
.kal-nav:focus-visible{outline:2px solid #fff;outline-offset:1px}
.kal-nav[hidden]{display:none}
.kal-kembali{margin:4px 0 0!important;text-align:right;font-size:12.5px}
.kal-kembali:has(button[hidden]){display:none}