/* Customily uses Inter for body copy and Satoshi Bold for headings.
   Satoshi has no Cyrillic; Inter provides the actual Mongolian heading glyphs.
   These families are UI-only; artwork keeps its canonical fonts. */
@font-face{font-family:'Inter';src:url('../assets/fonts/Inter-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Satoshi';src:url('../assets/fonts/Satoshi-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Roboto';src:url('../assets/fonts/Roboto-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
/* Roboto has no U+20AE. Use the Google Fonts Noto Sans glyph for prices. */
@font-face{font-family:'Huurhun Currency';src:url('../assets/fonts/NotoSans-Tugrik.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+20AE}
.huurhun-visual{
 --hh-bg:#fff;--hh-surface:#fff;--hh-ink:#253633;--hh-muted:#626d69;--hh-line:#e4e9e6;
 --hh-accent:#81d8d0;--hh-accent-hover:#6bc8c0;--hh-accent-ink:#153f3b;--hh-link:#17615e;--hh-accent-soft:#e6f5f3;--hh-sage-soft:#eef5f2;--hh-focus:#17615e;
 --hh-radius-control:28px;--hh-radius-media:12px;--hh-radius-panel:12px;
 --hh-content-max:84rem;--hh-gutter:clamp(1rem,3vw,3rem);
 --hh-font-ui:'Inter','Huurhun Currency',system-ui,sans-serif;--hh-font-display:'Satoshi',var(--hh-font-ui);
 --hh-font-emoji:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;
 --hh-text-body:1rem;--hh-text-small:.875rem;--hh-text-caption:.75rem;
 --hh-motion-micro:140ms;--hh-motion-short:180ms;--hh-motion-step:240ms;--hh-motion-section:420ms;--hh-motion-hero:560ms;--hh-motion-dialog:220ms;
 --hh-ease-out:cubic-bezier(.22,1,.36,1);
}
.huurhun-visual{font-family:var(--hh-font-ui);font-size:var(--hh-text-body);line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility}
.huurhun-visual :is(button,input,select,textarea){font-family:var(--hh-font-ui)}
.huurhun-visual .brand-logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;text-decoration:none;color:#000}
.huurhun-visual .brand-logo-image{display:block;width:120px;height:82px;object-fit:contain;flex-shrink:0;max-width:100%}
.huurhun-visual .brand-logo:focus-visible{outline:2px solid var(--hh-focus);outline-offset:4px}
@media(max-width:600px){.huurhun-visual .brand-logo-image{width:86px;height:58px}}
@media(prefers-reduced-motion:reduce){.huurhun-visual{--hh-motion-micro:0ms;--hh-motion-short:0ms;--hh-motion-step:0ms;--hh-motion-section:0ms;--hh-motion-hero:0ms;--hh-motion-dialog:0ms}}