/* Care Provider Advantage — free provider card (beta). Shared by the studio and the public profile. */
*,*::before,*::after{box-sizing:border-box}
:root{
  /* IHSSProviderReady palette (same values as the rest of the site). The
     variable names are from the first draft: --teal is the site navy and
     --orange is the site gold. */
  --teal:#1E3A5F;--teal-d:#2A2F3A;--teal-pale:#F6EFE3;--ink:#1B2433;--mid:#3D4A5C;--mute:#6B6353;
  --line:#D9DFE8;--ground:#F3F5F8;--white:#fff;--orange:#C4924A;--orange-d:#A6824A;--gold-text:#7D5C2A;--sand:#F6EFE3;--sand-line:#DDB77A;
  --skin:#DDB77A;--skin-ink:#1E3A5F;--field-line:#A89F8C;--green:#1A7A4A;--green-pale:#EBF5F0;--red:#B5502E;--red-pale:#FBEAE4
}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Source Sans 3','Source Sans Pro',sans-serif;color:var(--ink);background:var(--ground);font-size:16px;line-height:1.45}
h1,h2,h3{font-family:'Instrument Sans',sans-serif;font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.15;color:inherit}
a{color:var(--gold-text)}a:hover{color:var(--teal)}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:560px;margin:0 auto;padding:0 16px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;max-width:560px;margin:0 auto}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink);text-decoration:none}
.beta{font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--sand);color:var(--gold-text);border:1px solid var(--sand-line);border-radius:999px;padding:3px 8px}
.btn{min-height:48px;border-radius:4px;border:0;padding:6px 18px;font-weight:700;font-size:16px;text-align:center;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none}
.btn-primary{background:var(--orange);color:var(--teal)}.btn-primary:hover{background:var(--orange-d);color:var(--teal)}
.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-d);color:#fff}
.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--field-line)}.btn-ghost:hover{border-color:var(--teal);color:var(--ink)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-block{width:100%}
.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.field input[type=text],.field input[type=email],.field input[type=number],.field select,.field textarea{min-height:46px;border:1.5px solid var(--field-line);border-radius:4px;padding:10px 12px;font-size:16px;font-weight:400;background:#fff;width:100%}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.hint{font-size:13px;font-weight:400;color:var(--mute)}
.card{background:#fff;border-radius:4px;padding:18px;border:1px solid var(--line)}
.badge{display:inline-flex;align-items:center;gap:6px;min-height:36px;background:#fff;color:var(--teal);border-radius:999px;padding:6px 12px 6px 8px;font-size:13px;font-weight:700;text-decoration:none}
.avatar{border-radius:50%;background:var(--skin);color:var(--skin-ink);display:flex;align-items:center;justify-content:center;font-family:'Instrument Sans',sans-serif;font-weight:700;letter-spacing:-.02em;flex-shrink:0}
.msg{border-radius:4px;padding:12px 14px;font-size:14px}
.msg-ok{background:var(--green-pale);color:var(--green)}
.msg-err{background:var(--red-pale);color:var(--red)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.foot{font-size:12px;line-height:1.5;color:var(--mute);padding:24px 16px 40px;max-width:560px;margin:0 auto}
[hidden]{display:none!important}
