:root{--kopi:#2a1a12;--susu:#fbfaf7;--teal:#0e6b5f;--crema:#f0b24a;--bg:var(--susu);--text:var(--kopi);--surface:#fff;--muted:#6f6258;--line:#e4ddd2;--link:#0e6b5f;--hero-bg:#0e6b5f;--hero-text:#fff;--crema-soft:#fbe6bd;--on-crema:#2a1a12;--f-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--f-body:"Literata", Georgia, "Times New Roman", serif;--f-arab:"Amiri", "Scheherazade New", "Noto Naskh Arabic", serif;--measure:40rem}@media (prefers-color-scheme:dark){:root{--bg:#17110e;--text:#f1e9e0;--surface:#211916;--muted:#b5a79a;--line:#3a2e28;--link:#59c4b1;--hero-bg:#0a4a42;--crema-soft:#3a2d12}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--f-body);margin:0;font-size:18px;line-height:1.8}a{color:var(--link)}:focus-visible{outline:3px solid var(--crema);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--measure);margin:0 auto;padding:0 20px}.page{padding-top:40px;padding-bottom:72px}h1,h2,h3{font-family:var(--f-display);letter-spacing:-.01em;line-height:1.15}header.site{z-index:20;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}header.site .wrap{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px;display:flex}.brand{font-family:var(--f-display);letter-spacing:-.02em;white-space:nowrap;color:var(--text);align-items:center;gap:8px;font-size:1.05rem;font-weight:800;line-height:1.1;text-decoration:none;display:inline-flex}.brand svg{flex:none;width:28px;height:28px}nav.main{font-family:var(--f-display);white-space:nowrap;gap:2px;font-size:.88rem;font-weight:600;display:flex}nav.main a{color:var(--muted);border-radius:8px;padding:7px 8px;line-height:1.2;text-decoration:none}@media (width<=380px){.brand svg{display:none}}nav.main a:hover{color:var(--text)}nav.main a[aria-current=page]{color:var(--text);background:var(--crema-soft)}.hero{background:var(--hero-bg);color:var(--hero-text);padding-top:44px;overflow:hidden}.hero h1{letter-spacing:-.025em;max-width:13ch;margin:0 0 18px;font-size:clamp(2.4rem,10vw,3.9rem);font-weight:800;line-height:1.03}.hero .lead{opacity:.92;max-width:30rem;margin:0 0 24px;font-size:1.1rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-art{width:min(250px,64%);margin:8px 0 -14px auto;display:block}.steam path{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s ease-out forwards steam}.steam path:nth-child(2){animation-delay:.35s}.steam path:nth-child(3){animation-delay:.7s}@keyframes steam{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.steam path{stroke-dashoffset:0;animation:none}}.btn{font-family:var(--f-display);background:var(--crema);color:var(--on-crema);border:2px solid var(--crema);border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.06)}.btn.ghost{color:inherit;background:0 0;border-color:currentColor}.btn.solid{background:var(--teal);border-color:var(--teal);color:#fff}.section-title{margin:0 0 4px;font-size:1.5rem}.menu{margin:8px 0 0;padding:0;list-style:none}.menu li{border-bottom:1px solid var(--line)}.menu li:first-child{border-top:1px solid var(--line)}.menu a{color:inherit;padding:20px 0 18px;text-decoration:none;display:block}.menu h3{margin:0 0 6px;font-size:1.3rem;font-weight:700}.menu a:hover h3,.menu a:focus-visible h3{color:var(--link)}.menu p{color:var(--muted);margin:0 0 12px;font-size:.98rem;line-height:1.55}.menu-meta{font-family:var(--f-display);color:var(--muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.menu-meta .leader{border-bottom:2px dotted var(--line);flex:1;transform:translateY(2px)}.chips{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.chip{font-family:var(--f-display);background:var(--crema);color:var(--on-crema);border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;line-height:1}.a-head{background:var(--hero-bg);color:var(--hero-text);padding:40px 0 34px}.a-head h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(1.9rem,7.4vw,2.8rem);font-weight:800;line-height:1.08}.a-head .stand{opacity:.92;margin:0 0 18px;font-size:1.08rem;line-height:1.6}.a-meta{font-family:var(--f-display);flex-wrap:wrap;gap:6px 18px;font-size:.9rem;font-weight:500;display:flex}.a-meta span{align-items:center;gap:6px;display:inline-flex}.a-meta svg{width:16px;height:16px}#progress{background:var(--crema);transform-origin:0;z-index:40;height:4px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.intisari{background:var(--crema-soft);border-left:5px solid var(--crema);border-radius:4px 10px 10px 4px;margin:32px 0 8px;padding:18px 20px 14px}.intisari h2{margin:0 0 8px;font-size:1.1rem}.intisari ul{margin:0;padding-left:1.1em;font-size:1rem;line-height:1.6}.intisari li{margin:0 0 8px}.intisari li::marker{color:var(--teal)}.prose{padding-top:8px}.prose>p:first-child{margin-top:0}.prose p{margin:1.1em 0}.prose h2{margin:2.4em 0 .6em;font-size:1.5rem;font-weight:700}.prose h2:before{content:"";background:var(--crema);border-radius:3px;width:44px;height:5px;margin-bottom:14px;display:block}.prose h2:first-child{margin-top:1em}.prose blockquote{border-left:4px solid var(--teal);font-family:var(--f-display);letter-spacing:-.005em;margin:1.8em 0;padding:.2em 0 .2em 1.4em;font-size:1.28rem;font-weight:600;line-height:1.4;position:relative}.prose blockquote p{margin:.4em 0}.prose blockquote:has(>p:first-child>strong:first-child){font-family:var(--f-body);letter-spacing:0;background:var(--surface);border:1.5px dashed var(--teal);border-radius:10px;padding:14px 18px;font-size:.98rem;font-weight:400;line-height:1.65}.prose [dir=rtl]{font-family:var(--f-arab);color:var(--link);margin:2em 0 0;font-size:1.5rem;line-height:1.9}.after{background:var(--surface);border:1px solid var(--line);font-family:var(--f-display);border-radius:12px;margin-top:56px;padding:22px 20px}.after p{margin:0 0 14px;font-size:1.05rem;font-weight:600;line-height:1.4}.after .hero-actions{gap:10px}.notice{background:var(--crema-soft);border-left:5px solid var(--crema);border-radius:4px 10px 10px 4px;padding:14px 18px;font-size:1rem;line-height:1.6}.lead{color:var(--muted);font-size:1.1rem}.page h1{margin:0 0 12px;font-size:clamp(1.9rem,7vw,2.6rem)}footer.site{background:var(--kopi);color:#e9dfd4;padding:32px 0 44px;font-size:.95rem;line-height:1.6}footer.site .brand{color:#fff;margin-bottom:6px}footer.site p{margin:0 0 4px}footer.site a{color:var(--crema)}