/* What a reader of One Health Bangladesh sees. Values are the One Health Bangladesh
   design system's tokens (release 4.0.0), named after the token each one comes from. */
.r-root{--brand:#008483;--on-brand:#ffffff;--surface-page:#f1f6fb;--surface-raised:#ffffff;--surface-inverse:#231f20;--text-primary:#231f20;--text-muted:#6d6867;--text-on-inverse:#f7f7f5;--link:#007575;--border-strong:#8b8583;--border-subtle:#dde3ea;--animal-ink:#995b07;--alert-ink:#b42318;
  font-family:"Plus Jakarta Sans","Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:27px;color:var(--text-primary);background:var(--surface-page);display:flex;flex-direction:column}
.r-root *{box-sizing:border-box}
.r-root p{margin:0}
.r-root a{color:var(--link);text-decoration:underline}
.r-strip{background:var(--surface-inverse);color:var(--text-on-inverse);padding:10px 16px;font-size:16px;line-height:24px}
.r-header{background:var(--surface-raised);border-bottom:1px solid var(--border-subtle);padding:16px;display:flex;flex-direction:column}
.r-header .a{font-size:13px;line-height:16px;font-weight:600;letter-spacing:0.28em}
.r-header .b{font-size:21px;line-height:26px;font-weight:800}
.r-band{flex:1;padding:48px 16px 80px;display:flex;justify-content:center}
.r-card{background:var(--surface-raised);border-radius:10px;box-shadow:0 1px 2px rgba(35,31,32,0.08);padding:32px max(16px,min(32px,6%));width:100%;max-width:620px;display:flex;flex-direction:column;gap:16px;align-self:flex-start}
.r-eyebrow{font-size:15px;line-height:20px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--animal-ink)}
.r-root h1{margin:0;font-size:30px;line-height:36px;font-weight:800;letter-spacing:-0.02em}
.r-field{display:flex;flex-direction:column;gap:6px}
.r-field label{font-weight:700}
.r-field input{font:inherit;min-height:48px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--text-primary);width:100%}
.r-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:10px;border:0;background:var(--brand);color:var(--on-brand);font:inherit;font-weight:700;cursor:pointer;align-self:flex-start}
.r-caption{font-size:16px;line-height:24px;color:var(--text-muted)}
.r-done{border-top:1px solid var(--border-subtle);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.r-footer{background:var(--surface-inverse);color:var(--text-on-inverse);padding:24px 16px;font-size:16px;line-height:24px}
.r-footer a{color:var(--text-on-inverse)}