/* css/base.css — diekstrak dari index.html (fase 4 refactor) */
.logo{display:inline-block;flex:none;height:var(--h,34px);max-width:100%;aspect-ratio:700/199;background:var(--logo-img) center/contain no-repeat}
.mlogo{display:none}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);background-image:radial-gradient(1100px 380px at 90% -60px,var(--accent-soft),transparent 70%),radial-gradient(800px 320px at -5% 0,var(--sky-soft),transparent 70%);background-repeat:no-repeat;color:var(--fg);font-family:var(--f-body);font-size:13.5px;line-height:1.5;padding-inline:16px;padding-block:12px}
h1,h2,h3,h4{font-family:var(--f-display);margin:0;font-weight:650;letter-spacing:-.01em;text-wrap:balance}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
body{font-variant-numeric:lining-nums}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}
[hidden]{display:none!important}