/* asepsofyan.info studio theme. Presentation only; input IDs, event handlers,
calculation scripts, units and result status colours remain owned by each studio. */
:root{--teal:#1260db;--teal-700:#154caa;--teal-50:#f2f6fd;--teal-100:#dbe8ff;--tinta:#102b4d;--abu:#5d7594;--garis:#d4e2fa;--latar:#fff;--radius:14px;--bayang:0 5px 22px rgba(18,60,120,.045)}
body{background:#fff;color:var(--tinta);font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif}
a{text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e5a323;outline-offset:3px}
.as-context{background:white;border-bottom:1px solid var(--garis)}
.as-context-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:15px}
.as-brand{display:flex;align-items:center;gap:17px;text-decoration:none;flex-shrink:0;color:#1260db}
.as-monogram{font-size:30px;font-weight:750;font-style:italic;letter-spacing:-5px;padding-right:5px}
.as-brand strong{display:block;font-size:23px;letter-spacing:-.8px;line-height:1.2}
.as-brand small{display:block;font-size:12px;color:var(--abu);margin-top:5px}
.as-return{display:inline-flex;gap:9px;align-items:center;min-height:42px;padding:8px 14px;border:1px solid var(--garis);border-radius:9px;background:var(--teal-50);font-size:13px;font-weight:600;color:var(--teal);text-decoration:none}
.as-return:hover{border-color:var(--teal);background:#eaf2ff}
header.atas{background:#fff;color:var(--tinta);border-bottom:1px solid var(--garis);box-shadow:0 4px 12px #123c7806;padding:14px 0}
header.atas a.merek{color:var(--teal);max-width:100%}header.atas a.merek b{font-size:19px;letter-spacing:-.4px}header.atas a.merek span{color:var(--abu);opacity:1;font-size:11.5px}
.menu a{color:var(--muted,var(--abu));font-weight:500;border:1px solid transparent}.menu a:hover{background:var(--teal-50);color:var(--teal)}.menu a.aktif{color:var(--teal);background:var(--teal-50);border-color:var(--garis);font-weight:650}
.cari input{border:1px solid var(--garis);border-radius:9px;background:#f7faff;color:var(--tinta)}
header.atas .pengguna .pg-masuk{color:var(--teal)}header.atas .pengguna .pg-daftar{background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:8px}
header.atas .pg-menu>summary{color:var(--teal)}header.atas .pg-inisial{background:var(--teal-50);color:var(--teal);border:1px solid var(--garis)}.pg-isi{border-color:var(--garis)}
main{padding-top:32px}.pahlawan h2{color:var(--tinta);font-size:clamp(26px,3.2vw,38px);letter-spacing:-1px;line-height:1.2;max-width:900px}.pahlawan p{color:var(--abu)}
.menu-kartu{border-color:var(--garis);border-radius:18px}.menu-kartu{display:flex;flex-direction:column}.menu-kartu .lanjut{margin-top:auto}.menu-kartu h3{color:var(--tinta)}.menu-kartu p{color:var(--abu)}.menu-kartu .nomor{background:var(--teal-50);color:var(--teal)}
.tombol{border-radius:9px;min-height:42px;text-decoration:none}.tombol.garis{background:var(--teal-50);border-color:var(--garis);color:var(--teal)}.tombol.garis:hover{border-color:var(--teal)}
.hero{background:linear-gradient(135deg,#1260db,#154caa);border:1px solid #1260db;border-radius:18px;padding:32px}.hero h1{font-size:clamp(28px,3.2vw,40px);letter-spacing:-1px}.hero .tombol{color:#154caa;margin:4px 6px 4px 0}.hero .tombol.garis{background:transparent;color:#fff;border-color:#a9c8ff}
.naskah h1{color:var(--tinta)}.naskah pre{background:#122b4d;color:#edf4ff}.naskah blockquote{color:var(--abu)}.samping li a{color:var(--abu)}
footer{border-top:1px solid var(--garis);background:#f8faff;color:var(--abu);padding:26px 18px 36px}
/* Header can wrap on medium screens; retain sticky behaviour only where its
height fits existing simulation offsets. Small-screen result tray is unchanged. */
@media(min-width:1101px){header.atas .bungkus{gap:14px}header.atas .menu a{padding-inline:9px}.cari input{width:185px}.sim-kontrol{top:90px;max-height:calc(100vh - 104px)}.kpi{top:78px}.samping{top:90px;max-height:calc(100vh - 104px)}}
@media(max-width:1100px){header.atas{position:static}.sim-kontrol{top:12px;max-height:calc(100vh - 24px)}.kpi{top:0}.samping{top:12px;max-height:calc(100vh - 24px)}}
@media(max-width:960px){.as-context-inner{gap:16px}.cari{flex:1;min-width:170px}.cari input{width:100%}.pengguna{margin-left:auto}.tiga{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}
@media(max-width:760px){.as-context-inner{align-items:flex-start;flex-direction:column;gap:12px;padding-block:16px;min-height:0}.as-brand strong{font-size:21px}.as-return{font-size:12px;min-height:40px}.as-monogram{font-size:27px}header.atas .bungkus{gap:12px}.menu{width:100%;gap:4px}.menu a{padding:7px 9px;font-size:13px}.cari{flex:1 1 140px;min-width:0;width:auto;margin-left:0}.pengguna{flex-shrink:0}.pahlawan{padding-top:12px}.pahlawan h2{letter-spacing:-.7px}.hero{padding:23px}.hero p{opacity:1}.tiga,.jalur{grid-template-columns:1fr}.menu-kartu{padding:20px}.kartu{padding:18px 16px}.naskah{padding:18px}.sim-kontrol{position:static;max-height:none;overflow:visible}.kpi{position:static}.as-context a,.merek{max-width:100%}}
@media(max-width:380px){.pg-isi{left:0;right:auto}.menu a{padding:6px 7px;font-size:12px}.pengguna{width:100%;margin-left:0}.cari{flex-basis:100%}.hero p a.tombol{margin-bottom:8px}.as-return{padding-inline:10px}}
@media print{.as-context,header.atas{display:none}body{color:#000;background:#fff}}