/* The staff page and its sign-in (/staff/, /staff/login; 2026-10-28). Same language as the rest of the site (d.css:
   Outfit headlines with one bold phrase, text bubbles, teal family), laid out as a working list for nurses on a phone. */

/* ── sign in ─────────────────────────────────────────────────────────────────────────────────── */
.st-login{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px 16px 56px;background:var(--pale)}
.st-login__logo img{width:150px}
.st-login__card{width:100%;max-width:460px;background:var(--white);border-radius:28px;padding:30px clamp(20px,5vw,36px) 32px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px}
.st-login__back{text-align:center;font-size:15px}
.st-login__back a{color:var(--teal-ink);font-weight:700}
.st-form{display:flex;flex-direction:column;gap:10px}
.st-form__l,.st-find__l{font:700 15px/1.3 var(--body);color:var(--ink)}
.st-form__i,.st-find__i{width:100%;min-height:54px;padding:12px 18px;border:2px solid var(--line);border-radius:16px;background:var(--white);font-size:18px}
.st-form__i:focus,.st-find__i:focus{border-color:var(--teal-ink);outline:none}
.st-form .d-btn{margin-top:8px;width:100%}
.st-wrong{color:#a12a2a;font-weight:700;font-size:15px}

/* ── the bubbles at the top of both pages ────────────────────────────────────────────────────── */
.st-thread{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px}

/* ── the staff page ──────────────────────────────────────────────────────────────────────────── */
.st-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:10px var(--pad);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.st-head__logo img{width:96px}
.st-head__tag{font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}
.st-head__out{margin-left:auto}
.st-head__out .d-btn{min-height:42px;padding:9px 18px;font-size:15px}
.st{padding:0 var(--pad) 80px;background:var(--white)}
.st-open{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:44px 0 34px}
.st-open .st-thread{margin-bottom:6px}
.st-open .d-lede{margin-top:0}

/* the schedule: their published Google Sheet, first on the page like the old staff page */
.st-cal{max-width:820px;margin:0 auto 34px}
.st-cal__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink)}
.st-cal__top .st-sec__h{border:0}
.st-cal__open{flex:none;color:var(--teal-ink);font-weight:800;font-size:15px}
.st-cal__note{margin:10px 0 12px;color:var(--muted);font-size:15.5px}
.st-cal__frame{display:block;width:100%;height:700px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
@media (max-width:560px){.st-cal__frame{height:560px}}

.st-book{display:grid;gap:10px;justify-items:start;max-width:820px;margin:0 auto 34px;padding:24px clamp(20px,4vw,34px);border-radius:24px;background:var(--deep);color:var(--white);text-decoration:none}
.st-book__k{font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--aqua)}
.st-book__t{font-size:17px;line-height:1.5}
.st-book .d-btn{margin-top:6px;background:var(--teal);color:var(--ink);white-space:normal;text-align:center}
.st-book:hover .d-btn{background:var(--aqua)}

.st-find{max-width:820px;margin:0 auto 18px;display:flex;flex-direction:column;gap:8px}
.st-none{color:var(--muted);font-weight:700}
.st-jump{max-width:820px;margin:0 auto 26px;display:flex;flex-wrap:wrap;gap:8px}
.st-jump a{padding:8px 14px;border-radius:999px;background:var(--pale);color:var(--deep);font:700 14px/1.2 var(--body);text-decoration:none}
.st-jump a:hover{background:var(--aqua)}

.st-sec{max-width:820px;margin:0 auto;padding-top:26px;scroll-margin-top:76px}
.st-sec__h{display:flex;align-items:baseline;gap:10px;font:600 clamp(22px,2vw,28px)/1.2 var(--head);letter-spacing:-.02em;color:var(--ink);padding-bottom:10px;border-bottom:2px solid var(--ink)}
.st-sec__h span{font:600 14px/1 var(--mono);color:var(--teal-ink)}
.st-list li{border-bottom:1px solid var(--line)}
.st-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:56px;padding:10px 4px;color:var(--ink);text-decoration:none}
.st-item:hover{background:var(--pale)}
.st-name{font-weight:700;line-height:1.3}
.st-size{font-size:13.5px;color:var(--muted);white-space:nowrap}
.st-kind{display:inline-block;width:76px;padding:5px 8px;border-radius:8px;font:600 11.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;text-align:center;background:var(--pale);color:var(--deep)}
.st-kind--pdf{background:var(--deep);color:var(--white)}
.st-kind--form,.st-kind--sheet{background:var(--teal);color:var(--ink)}
.st-kind--video,.st-kind--zip,.st-kind--pic{background:var(--bub);color:var(--ink)}
.st-end{max-width:820px;margin:40px auto 0;color:var(--muted);text-align:center}

/* the small print at the foot of both pages (src/partials/st-foot.html) */
.st-foot{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px var(--pad) 30px;background:var(--pale);border-top:1px solid var(--line);text-align:center;font-size:13px;line-height:1.6;color:var(--muted)}
.st-foot p{max-width:820px}
.st-foot a{color:var(--teal-ink);font-weight:700}
.st-foot__omg a{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-weight:400;text-decoration:none}
.st-foot__omg img{height:16px;width:auto}

@media (max-width:560px){
  .st-head__tag{display:none}
  .st-item{grid-template-columns:auto 1fr;row-gap:2px}
  .st-size{grid-column:2}
}