/* Sổ Tiền Hôm Nay — static landing styles */
:root{
  --green:#22563C;--yellow:#FCB142;--cream:#F7F4EC;--ink:#102C21;
  --white:#FFFFFF;--muted:#5A6B62;--border:#D7E1DB;--dark:#173D2C;
  --font:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;overflow-x:clip;}
body{background:var(--cream);font-family:var(--font);color:var(--ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;}
/* form controls must never exceed the viewport on phones */
input,select,textarea{width:100%;max-width:100%;min-width:0;}
a{color:var(--green);text-decoration:none;}
a:hover{color:var(--dark);}
img{max-width:100%;}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--yellow);outline-offset:2px;border-radius:4px;}

/* hide scrollbar on mobile only */
@media (max-width:768px){
  html,body,*{scrollbar-width:none;-ms-overflow-style:none;}
  html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0;}
}

/* ---- responsive header switch ---- */
.hdr-desktop{display:block;}
.hdr-mobile{display:none;}
.spacer-mobile{display:none;}
@media (max-width:900px){
  .hdr-desktop{display:none;}
  .hdr-mobile{display:block;}
  .spacer-mobile{display:block;}
}

/* ---- core action tabs: 2x2 grid on mobile ---- */
.core-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;}
.core-tabs .tab{display:inline-flex;}
@media (max-width:900px){
  .core-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .core-tabs .tab{display:flex;width:100%;}
}

/* ---- profession category grid ---- */
.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,120px));justify-content:center;gap:10px;}
@media (max-width:900px){
  .cat-grid{grid-template-columns:repeat(2,minmax(0,140px));}
}

/* ---- trust grid ---- */
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;}
@media (max-width:900px){
  .trust-grid{grid-template-columns:repeat(2,1fr);}
}

/* ---- profession "show more" toggle: mobile only ---- */
.prof-toggle{display:none;}
@media (max-width:900px){ .prof-toggle{display:inline-flex;} }

/* cach-dung heading nowrap on desktop only */
.cd-title{white-space:nowrap;}
@media (max-width:900px){ .cd-title{white-space:normal;} }

/* drawer */
.drawer-overlay{position:fixed;inset:0;z-index:100;background:rgba(16,44,33,.45);
  display:flex;justify-content:flex-end;}
.drawer-overlay[hidden]{display:none;}

/* Store badges */
.store-badge{display:inline-block;border-radius:8px;transition:transform .18s ease,filter .18s ease;}
.store-badge:hover{transform:scale(1.02);filter:brightness(1.12);}
.store-badge:focus-visible{outline:3px solid #FCB142;outline-offset:3px;}