:root{
--panel:#B9CCC2;--skala:#243A33;--nyala:#8E3208;--arus:#1B5578;
--redup:#42574C;--muka:#E9F0EC;--rangka:#92AB9E;
--sans:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--mono:"SFMono-Regular",Menlo,"Liberation Mono","Roboto Mono",monospace}
@media (prefers-color-scheme:dark){:root{
--panel:#0E1512;--skala:#DCE8E1;--nyala:#F0904E;--arus:#7CB8DD;
--redup:#93A99D;--muka:#18211D;--rangka:#33463D}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--panel);color:var(--skala);font-family:var(--sans);
font-size:17px;line-height:1.62}
a{color:var(--arus)}
a:hover{color:var(--nyala)}
img,svg{max-width:100%}
p{margin:0 0 1em}
b,strong{font-weight:700}
h1,h2,h3{font-family:var(--mono);font-weight:700;line-height:1.3;letter-spacing:.005em}
h1{font-size:1.5rem;margin:0 0 .35em}
h2{font-size:1.06rem;margin:2.1em 0 .55em;border-left:5px solid var(--nyala);
padding:1px 0 1px 11px}
h3{font-size:.98rem;margin:1.5em 0 .35em;color:var(--redup)}
.rt-bezel{background:var(--skala);color:var(--muka);padding:9px 18px;
display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px}
.rt-cap{font-family:var(--mono);font-size:1rem;letter-spacing:.02em}
.rt-cap a{color:var(--muka);text-decoration:none;border-bottom:3px solid var(--nyala)}
.rt-cap-ket{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rangka)}
.rt-ruang{max-width:1180px;margin:0 auto;padding:0 0 46px}
.rt-lajur{background:var(--panel);border-bottom:2px solid var(--skala);
padding:7px 18px 6px}
/* Rel satuan hanya melekat di layar lebar. Di layar telepon ia membungkus
   sampai empat baris, dan bilah setinggi itu akan memakan seperlima jendela
   sepanjang halaman digulir. */
@media(min-width:880px){.rt-lajur{position:sticky;top:0;z-index:5}}
.rt-lajur ol{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0;gap:6px}
.rt-lajur li{margin:0}
.rt-lajur a{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;
color:var(--redup);border:1px solid var(--rangka);padding:2px 8px 3px;font-size:.78rem;
background:var(--muka)}
.rt-lajur abbr{font-family:var(--mono);font-weight:700;color:var(--skala);
text-decoration:none;border:0;font-size:.82rem}
.rt-lajur a:hover{border-color:var(--nyala);color:var(--skala)}
.rt-lajur a[aria-current]{background:var(--skala);border-color:var(--skala);color:var(--muka)}
.rt-lajur a[aria-current] abbr{color:var(--muka)}
.rt-konsol{padding:16px 18px 6px}
.rt-remah{font-size:.75rem;color:var(--redup);margin:0 0 5px;font-family:var(--mono)}
.rt-remah a{color:var(--redup)}
.rt-konsol-alat{display:grid;gap:14px;border:2px solid var(--skala);background:var(--muka);
padding:14px;margin:0 0 20px}
@media(min-width:880px){.rt-konsol-alat{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
gap:0 26px;align-items:start}
.rt-bacaan{position:sticky;top:98px;border-left:2px dotted var(--rangka);padding-left:24px}}
.rt-masukan{min-width:0}
.rt-bacaan{min-width:0}
.rt-alat-judul{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;
border:0;padding:0;color:var(--redup);font-family:var(--mono)}
.rt-mode{border:1px solid var(--rangka);padding:5px 9px 7px;margin:0 0 12px}
.rt-mode legend{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;
color:var(--redup);padding:0 4px;font-family:var(--mono)}
.rt-mode label{display:inline-flex;align-items:center;gap:5px;margin-right:12px;font-size:.85rem}
.rt-pasang{display:grid;gap:10px;margin:0 0 9px}
@media(min-width:420px){.rt-pasang{grid-template-columns:1fr 1fr}}
.rt-kolom{margin:0}
.rt-kolom label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;
color:var(--redup);margin-bottom:3px;font-family:var(--mono)}
.rt-konsol-alat input[type=text],.rt-alat input[type=text]{width:100%;
border:1px solid var(--skala);border-radius:0;padding:7px 8px;font-family:var(--mono);
font-size:1rem;background:var(--panel);color:var(--skala);font-variant-numeric:tabular-nums}
.rt-konsol-alat input[type=text]:disabled,.rt-alat input[type=text]:disabled{color:var(--redup);
background:var(--muka)}
.rt-petunjuk{font-size:.75rem;color:var(--redup);margin:0 0 10px}
.rt-jawab{font-size:1.06rem;margin:0 0 13px;padding:0 0 11px;
border-bottom:2px solid var(--nyala)}
.rt-pelat{display:grid;gap:7px;margin:0 0 9px}
@media(min-width:420px){.rt-pelat{grid-template-columns:1fr 1fr}}
.rt-hasil{border:1px solid var(--rangka);border-top:3px solid var(--skala);padding:5px 9px 4px;
background:var(--panel)}
.rt-hasil-lebar{grid-column:1/-1}
.rt-label{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;
color:var(--redup);font-family:var(--mono)}
.rt-hasil b{font-family:var(--mono);font-size:1.26rem;font-variant-numeric:tabular-nums;
color:var(--nyala);display:inline-block;margin-right:4px;word-break:break-all}
.rt-sat{font-family:var(--mono);font-size:.74rem;color:var(--redup)}
.rt-chip{margin:0 0 4px}
.rt-chip span{display:inline-block;border:1px solid var(--rangka);padding:2px 8px;
font-family:var(--mono);font-size:.74rem;color:var(--redup);font-variant-numeric:tabular-nums}
.rt-pesan{font-size:.78rem;color:var(--nyala);margin:0;min-height:1.2em}
.rt-nos{display:block;font-size:.78rem;color:var(--redup);margin-top:8px}
.rt-naskah{max-width:74ch;padding:0 18px}
.rt-rantai{list-style:decimal;margin:0 0 1.7em;padding:0 0 0 26px;
border-left:3px solid var(--nyala)}
.rt-rantai li{font-family:var(--mono);font-size:.88rem;font-variant-numeric:tabular-nums;
margin:0 0 .45em;padding-left:4px}
.rt-rantai li:last-child{margin-bottom:0}
.rt-langkah{padding-left:22px}
.rt-langkah li{margin:0 0 .5em}
.rt-istilah{margin:0 0 1.6em;border:1px solid var(--rangka);background:var(--muka);
padding:12px 14px}
.rt-istilah dt{font-weight:700;font-family:var(--mono);font-size:.9rem;margin:0 0 2px;
border-bottom:2px solid var(--nyala);display:inline-block}
.rt-istilah dd{margin:0 0 12px;font-size:.95rem}
.rt-istilah dd:last-child{margin-bottom:0}
dfn{font-style:normal;font-weight:700;border-bottom:2px solid var(--nyala)}
.rt-def{border-left:3px solid var(--rangka);padding:1px 0 1px 12px;margin:0 0 1em}
.rt-rumus{border:1px solid var(--rangka);border-left:5px solid var(--skala);
padding:11px 13px;margin:0 0 1.5em;background:var(--muka)}
.rt-rumus p{font-family:var(--mono);font-size:.92rem;margin:0 0 .45em;
font-variant-numeric:tabular-nums;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.rt-rumus p:last-child{margin-bottom:0}
.rt-rumus span{color:var(--redup);font-size:.76rem;letter-spacing:.03em}
.rt-tabel-bungkus{overflow-x:auto;margin:0 0 1.6em;border:1px solid var(--rangka);
border-top:3px solid var(--skala);background:var(--muka)}
table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.85rem;
font-variant-numeric:tabular-nums}
caption{caption-side:top;text-align:left;font-family:var(--mono);font-size:.74rem;
letter-spacing:.05em;color:var(--redup);padding:8px 10px;border-bottom:1px solid var(--rangka)}
th,td{border:1px solid var(--rangka);padding:5px 9px;text-align:right}
thead th{background:var(--panel);text-align:right;font-size:.72rem;letter-spacing:.04em;
position:sticky;top:0}
tbody th{text-align:left;font-weight:700}
tbody tr:nth-child(odd) td,tbody tr:nth-child(odd) th{background:rgba(66,87,76,.09)}
.rt-deret{max-width:74ch;margin:26px 0 0;padding:12px 18px;border-top:2px solid var(--skala);
border-bottom:1px solid var(--rangka)}
.rt-deret-judul{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--redup);
margin:0 0 7px;font-family:var(--mono)}
.rt-deret ol{list-style:none;display:flex;flex-wrap:wrap;margin:0 0 9px;padding:0;gap:5px}
.rt-deret li{margin:0}
.rt-deret ol a{display:inline-block;font-family:var(--mono);font-size:.82rem;padding:2px 9px;
border:1px solid var(--rangka);text-decoration:none;background:var(--muka)}
.rt-deret ol a[aria-current]{background:var(--skala);color:var(--muka);border-color:var(--skala)}
.rt-lompat{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;
margin:0;font-size:.85rem}
.rt-lompat a{text-decoration:none;border-bottom:1px solid var(--rangka)}
.rt-lanjut{max-width:74ch;padding:0 18px}
.rt-lanjut ol{list-style:none;margin:0;padding:0;counter-reset:lanjut}
.rt-lanjut li{counter-increment:lanjut;margin:0 0 10px;padding:0 0 9px 34px;position:relative;
border-bottom:1px solid var(--rangka)}
.rt-lanjut li::before{content:counter(lanjut,decimal-leading-zero);position:absolute;left:0;
top:2px;font-family:var(--mono);font-size:.76rem;color:var(--redup)}
.rt-lanjut li:last-child{border-bottom:0}
.rt-lanjut a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--rangka)}
.rt-lanjut a:hover{border-bottom-color:var(--nyala)}
.rt-lanjut code{display:block;font-family:var(--mono);font-size:.79rem;color:var(--redup);
font-variant-numeric:tabular-nums;margin-top:2px}
ol.rt-indeks{list-style:none;margin:0 0 1.5em;padding:0}
.rt-indeks li{margin:0;border-bottom:1px solid var(--rangka);padding:7px 0 6px;
display:flex;flex-wrap:wrap;gap:2px 14px;align-items:baseline;justify-content:space-between}
.rt-indeks a{text-decoration:none;font-weight:700;border-bottom:2px solid transparent}
.rt-indeks a:hover{border-bottom-color:var(--nyala)}
.rt-indeks code{font-family:var(--mono);font-size:.79rem;color:var(--redup);
font-variant-numeric:tabular-nums}
.rt-gbr{margin:0 0 1.7em;border:1px solid var(--rangka);border-top:3px solid var(--skala);
background:var(--muka);padding:12px 12px 10px}
.rt-gbr-svg{display:block;width:100%;height:auto;color:var(--skala)}
.rt-gbr-svg text{font-family:var(--mono);font-variant-numeric:tabular-nums}
.rt-gbr figcaption{font-size:.79rem;line-height:1.5;color:var(--redup);margin-top:9px;
border-top:1px solid var(--rangka);padding-top:7px}
@media(max-width:620px){
.rt-gbr-batang .rt-gbr-svg text{font-size:17px}
.rt-gbr-lebar{overflow-x:auto}
.rt-gbr-lebar .rt-gbr-svg{min-width:560px}}
.rt-alat{border:2px solid var(--skala);background:var(--muka);padding:14px;margin:0 0 1.6em}
.rt-alat select{width:100%;border:1px solid var(--skala);border-radius:0;padding:7px 8px;
font-family:var(--mono);font-size:1rem;background:var(--panel);color:var(--skala)}
.rt-pelat-lima{grid-template-columns:1fr 1fr}
@media(min-width:760px){.rt-pelat-lima{grid-template-columns:repeat(5,1fr)}}
.rt-pelat-lima .rt-hasil b{font-size:1.02rem}
.rt-dasar{border-top:3px solid var(--skala);background:var(--muka);margin-top:34px}
/* Dua lajur: prosa cakupan di kiri, daftar tautan polos di kanan. Di bawah
   760 px keduanya menumpuk dalam urutan sumber, jadi urutan bacanya tidak
   pernah berbeda dari urutan fokusnya. */
.rt-dasar-dalam{max-width:1180px;margin:0 auto;padding:20px 18px 28px;display:grid;
gap:18px 44px;align-items:start}
@media(min-width:760px){.rt-dasar-dalam{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.rt-dasar-prosa{margin:0;max-width:58ch;font-size:.84rem;line-height:1.7;color:var(--redup)}
.rt-dasar-tautan{list-style:none;margin:0;padding:0;min-width:0;font-size:.84rem}
/* Dua kolom teks baru dipakai ketika lajur kanan cukup lebar untuk menampung
   jangkar terpanjang ("20 ampere berapa watt") tanpa memenggalnya. */
@media(min-width:1000px){.rt-dasar-tautan{columns:2;column-gap:30px}}
.rt-dasar-tautan li{margin:0 0 6px;break-inside:avoid}
.rt-dasar-tautan a{color:var(--arus);text-decoration:none;overflow-wrap:break-word;
border-bottom:1px solid var(--rangka)}
.rt-dasar-tautan a:hover{color:var(--nyala);border-bottom-color:var(--nyala)}