/* Page reset (the Claude-hosted version got this from its wrapper) */
html{box-sizing:border-box;scroll-padding-top:90px}
body{margin:0;-webkit-text-size-adjust:100%}
img,video{max-width:100%}
[hidden]{display:none!important}

/* footer staff link */
.admin-link{margin-left:auto}

/* admin header */
.who{margin-top:6px;font-size:.88rem;color:var(--muted);overflow-wrap:anywhere}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tab-count{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;margin-left:4px;padding:0 .35em;border-radius:999px;background:var(--on-red);color:var(--red);font-size:.78rem;font-weight:800}
.admin-tabs button:not([aria-selected="true"]) .tab-count{background:var(--red);color:var(--on-red)}

/* upload progress */
.progress{height:6px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:4px}
.progress span{display:block;height:100%;width:0;background:var(--red);transition:width .2s}

/* help cards (sign-ups) */
.su-filter{display:flex;gap:6px;margin-bottom:6px}
.su-filter [aria-pressed="true"]{background:var(--red);color:var(--on-red);border-color:var(--red)}
.su-list{display:grid;gap:10px}
.su-item{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--paper);display:grid;gap:6px}
.su-item.is-done{opacity:.7}
.su-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}
.su-top strong{font-size:1.05rem}
.su-date{font-size:.82rem;color:var(--muted)}
.su-line{font-size:.95rem;overflow-wrap:anywhere}
.su-line a{color:var(--ink)}
.su-note{font-size:.95rem;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.su-tags{display:flex;flex-wrap:wrap;gap:6px}
.su-tags span{font-size:.8rem;font-weight:700;padding:.25em .6em;border-radius:999px;background:var(--blush);color:var(--ink)}

/* editors list */
.ed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);overflow-wrap:anywhere}
.ed-row em{font-style:normal;font-size:.8rem;color:var(--muted);font-weight:700;margin-left:6px}
#ed-form{grid-template-columns:1fr;gap:8px}
#ed-form input{width:100%;font:400 1rem/1.3 var(--f-body);color:var(--ink);background:var(--paper);border:1px dashed var(--line);border-radius:8px;padding:.6em .7em}

/* help card "sent" state */
.hc-sent{display:flex;gap:12px;align-items:flex-start;background:var(--blush);border-radius:14px;padding:14px 16px}
.hc-sent svg{flex:none;width:28px;height:28px;color:var(--red)}

/* notice dialog + toast */
.notice{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:rgba(20,8,10,.45);padding:16px}
.notice-card{width:min(440px,100%);background:var(--surface);color:var(--ink);border-radius:20px;padding:24px;display:grid;gap:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}
.notice-card h2{font-size:1.5rem}
.notice-card p{color:var(--muted);overflow-wrap:anywhere}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:80;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:12px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:calc(100% - 32px)}

/* keep the decorative hero circle from making <main> scrollable sideways */
main{overflow:hidden;overflow:clip}

/* staff sign-in form */
.lg-field{display:grid;gap:4px;font-weight:700;font-size:.9rem}
.lg-field input{font:400 1rem/1.3 var(--f-body);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:.7em .8em;width:100%}
#login-status[data-kind="error"]{color:var(--red)}

/* help card privacy note */
.hc-privacy{margin:0 0 10px;font-size:.88rem;color:var(--muted)}

/* wider Site admin on computers and tablets */
@media (min-width:900px){
  .admin-panel{width:min(880px,94vw)}
}
@media (min-width:1500px){
  .admin-panel{width:min(1000px,70vw)}
}

/* footer Facebook link */
.foot-link{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.foot-link:hover{color:var(--red)}

/* contact is a single column now that the hours card is gone */
.contact{grid-template-columns:minmax(0,680px)}

/* need-help card + admin type tags */
.need-help{margin-top:40px;background:var(--blush)}
.nh-emergency{font-size:.95rem;border-left:4px solid var(--red);padding:10px 12px;border-radius:8px;background:var(--surface);color:var(--ink)}
.su-kind{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.2em .6em;border-radius:999px;background:var(--line);color:var(--ink)}
.su-kind.is-help{background:var(--red);color:var(--on-red)}

.giveaway{background:var(--cream,#fbf6ee)}
.gw-card{display:grid;gap:1.5rem;grid-template-columns:1fr;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 14px rgba(0,0,0,.08)}
@media(min-width:800px){.gw-card{grid-template-columns:1fr 1fr;padding:2rem}}
.gw-prize{font-size:1.25rem;font-weight:700}
.gw-first{font-weight:700;color:#b3261e}
.gw-fine{font-size:.85rem;opacity:.8}
.gw-navlink{font-weight:700}
.pane .field{margin:.75rem 0}.pane .field label{display:block;font-weight:600}.pane .field input,.pane .field textarea{width:100%}
.gw-entry .btn{margin-top:.75rem}.gw-entry .hc-field{margin-bottom:.5rem}
.gw-media{margin-top:1rem}.gw-media img,.gw-media video{width:100%;max-height:340px;object-fit:cover;border-radius:12px;display:block;background:#000}
.gw-admin-media{margin:.5rem 0}.gw-admin-media img,.gw-admin-media video{max-width:100%;max-height:220px;border-radius:8px;display:block;margin-bottom:.5rem}