/* Layout: same look as the InstaClinic patient site — icy canvas, white rounded cards, navy pill buttons with lime icons,
   one lime highlight per view. Website (instaclinic.app/mr) → phone + OTP login → MR app with 5 tabs. Single light theme by choice. */
:root{
  color-scheme:light;
  --canvas:#F2F6F8;--surface:#FFFFFF;--soft:#EAF0F3;--line:#E2E9ED;--line2:#D2DCE2;
  --ink:#0E1A22;--ink2:#3B4954;--muted:#5F6C76;
  --lime:#DDF56B;--lime-soft:#F0F9C4;--blue:#4A6FD8;--blue-soft:#E3E9FB;
  --ok:#1B7F55;--ok-soft:#E3F5EC;--warn:#9A5A00;--warn-soft:#FFF2DA;--sos:#CC3338;--sos-soft:#FDE9E9;
  --t1:#FFE6EC;--t3:#DDF5EE;--t4:#EEE6FF;--t5:#FFF0D9;
  --sh:0 8px 24px rgba(14,26,34,.06);--sh-lift:0 18px 40px rgba(14,26,34,.16);
  --f:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
body{background:var(--canvas);color:var(--ink2);font:500 15.5px/1.55 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.03em;font-weight:800;text-wrap:balance}
h1{font-size:clamp(2.5rem,6vw,4.4rem);line-height:1}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.06}
h3{font-size:1.1rem;line-height:1.25;font-weight:700;letter-spacing:-.01em}
p{margin:0}ul{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
mark{background:var(--lime);color:var(--ink);padding:0 .14em;border-radius:.22em}
:is(a,button,input,select,textarea,label):focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.wrap{max-width:1160px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.ic.sm{width:16px;height:16px}.ic.lg{width:26px;height:26px}
.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}
.kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ib{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none;color:var(--ink)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}