.shoot-switch { display:flex; gap:8px; align-items:center; color:#e5eeed; }
.shoot-switch > span { display:block; font-size:11px; font-weight:700; }
.shoot-switch select { color:#fff; background:#35434b; border:1px solid #81939a; padding:7px 9px; border-radius:5px; width:auto; max-width:min(235px,30vw); min-height:36px; font-size:13px; }
.shoot-page { max-width:1120px; margin:auto; color:#1c2c33; }
.shoot-heading,.shoot-item,.shoot-intake { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.shoot-heading { margin-bottom:20px; }
.shoot-heading h1 { font:700 clamp(27px,3.6vw,46px)/1.06 Georgia,serif; letter-spacing:-.038em; margin:0 0 6px; }
.shoot-page p { font-size:14px; line-height:1.55; margin:5px 0; color:#3d5058; overflow-wrap:anywhere; }
.shoot-page h2 { font-size:19px; line-height:1.25; letter-spacing:-.02em; margin:0; overflow-wrap:anywhere; }
.shoot-create { padding:17px; background:#25343a; color:#fff; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; border-radius:8px; margin-bottom:18px; }
.shoot-create label { grid-column:1/-1; font-size:13px; font-weight:700; }
.shoot-create input { min-height:44px; border-radius:5px; padding:8px 10px; border:1px solid #89999f; width:100%; color:#1a2a32; background:#fff; }
.shoot-create .button { background:#a1ecc0; color:#123722; }
.shoot-create output { color:#fce8bd; grid-column:1/-1; font-size:12px; }
.shoot-create output:empty { display:none; }
.shoot-list { display:grid; gap:9px; }
.shoot-item { border:1px solid #aeb9b8; border-radius:7px; padding:13px 15px; background:white; }
.shoot-item small,.shoot-evidence small { display:block; font-size:12px; color:#485c61; margin-top:5px; }
.shoot-item .actions { flex:none; }
.shoot-intake { border-radius:8px; background:#20343a; color:white; padding:18px 20px; }
.shoot-intake p { color:#e2eeed; margin-bottom:0; }
.shoot-intake .button { flex:none; background:#a1ecc0; color:#123722; }
.shoot-connect { margin:10px 0 18px; }
.shoot-connect details { padding:8px 0; }
.shoot-connect summary { font-weight:700; color:#243d4c; cursor:pointer; }
.shoot-connect #shoot-key-feedback { font-size:12px; overflow-wrap:anywhere; }
.shoot-connect #shoot-key-feedback input { width:100%; padding:10px; font-family:monospace; }
.shoot-evidence { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.shoot-evidence > div { display:flex; flex-flow:column; align-items:flex-start; border-top:3px solid #335158; background:#fff; border-radius:4px; padding:13px 16px; }
.shoot-evidence strong { margin-top:8px; }
.shoot-evidence a { margin-top:12px; color:#214f7a; font-weight:700; font-size:13px; }
.shoot-evidence progress { width:100%; accent-color:#247557; margin:6px 0; }
@media(max-width:700px) {
  .masthead:has(.shoot-switch) { flex-wrap:wrap; height:auto; gap:5px; padding:8px 14px; }
  .masthead:has(.shoot-switch) .brand strong { font-size:11px; }
  .masthead:has(.shoot-switch) .brand small { font-size:8px; }
  .masthead .header-tools:has(.shoot-switch) { display:flex; flex:1; justify-content:flex-end; gap:6px; }
  .header-tools .shoot-switch { display:block; }
  .header-tools .shoot-switch span { font-size:10px; }
  .header-tools .shoot-switch select { max-width:32vw; padding:3px 6px; min-height:34px; }
  .shoot-heading,.shoot-intake,.shoot-item { align-items:flex-start; flex-wrap:wrap; }
  .shoot-evidence { grid-template-columns:1fr; }
}
@media(max-width:410px) {
  .masthead:has(.shoot-switch) .brand { gap:5px; }
  .masthead:has(.shoot-switch) .brand strong { letter-spacing:1px; }
  .masthead:has(.shoot-switch) .brand small { letter-spacing:1.6px; }
  .masthead:has(.shoot-switch) .header-tools .button { padding:6px; }
  .shoot-create { grid-template-columns:1fr; }
  .shoot-create .button { justify-self:start; }
}