*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs-md)/1.65 var(--font-body);-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.3;margin:0;font-weight:800}
h1{font-size:var(--fs-2xl)} h2{font-size:var(--fs-xl)} h3{font-size:var(--fs-lg)}
p{margin:0} a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--saffron);outline-offset:2px;border-radius:var(--r-sm)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* هيكل التطبيق (واجهة الزبون: عمود الهاتف) */
.app{max-width:520px;margin-inline:auto;min-height:100dvh;background:var(--bg);padding-bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom))}
@media(min-width:560px){body{background:var(--sand)} .app{box-shadow:var(--shadow-lg)}}
.page{padding:var(--s4)}
.stack>*+*{margin-block-start:var(--s4)}
.row{display:flex;align-items:center;gap:var(--s3)}
.grow{flex:1;min-width:0}
.muted{color:var(--ink-2)} .small{font-size:var(--fs-sm)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}