:root{color-scheme:light dark;--bg:#EEF2FE;--kad:#FBFCFE;--teks:#141C3C;--teks2:#485477;--jenama:#33469B;--emas:#E8B04A;--garis:#D3DEF8}
@media (prefers-color-scheme:dark){:root{--bg:#131A33;--kad:#18203C;--teks:#F7F3EC;--teks2:#B3BDD8;--jenama:#90A7F1;--emas:#F2BA53;--garis:#2C385F}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--teks);font:17px/1.7 "Public Sans",-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:40px 20px 72px}
h1{font:600 32px/1.2 "Source Serif 4",Georgia,"Times New Roman",serif;margin:0 0 8px;letter-spacing:-.01em}
h2{font:600 21px/1.3 "Source Serif 4",Georgia,"Times New Roman",serif;margin:36px 0 8px}
p{margin:0 0 14px}
.jenama{font-size:14px;letter-spacing:.04em;margin:0 0 20px}
.jenama a{color:var(--teks2);text-decoration:none}
.meta{color:var(--teks2);margin:0 0 24px}
.nota{background:var(--kad);border:1px solid var(--garis);border-left:4px solid var(--emas);border-radius:10px;padding:14px 16px;color:var(--teks2)}
a{color:var(--jenama)}
ul{padding-left:22px;margin:0 0 14px}
li{margin:0 0 8px}
.kaki{color:var(--teks2);margin-top:32px;font-size:15px}
.kaki+.kaki{margin-top:8px}