/* Watch directory: readable highlights and native, keyboard-accessible biographies. */
#spk-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:start; }
#spk-grid .speaker-card { min-width:0; padding:16px; border:1px solid #454033; border-radius:6px; background:var(--hri-ink); color:var(--hri-on-dark); }
.spk-heading { display:flex; align-items:start; gap:14px; }
.spk-portrait { flex:0 0 64px; display:block; border-radius:4px; overflow:hidden; }
.spk-portrait img { display:block; width:64px; height:80px; object-fit:cover; object-position:50% 20%; }
.spk-identity { min-width:0; }
.spk-identity time { display:block; color:var(--hri-gold-bright); font-size:11px; letter-spacing:.08em; text-transform:uppercase; margin:0 0 6px; }
.spk-identity h2 { font:500 25px/1.12 var(--hri-font-display); margin:0 0 6px; overflow-wrap:anywhere; }
.spk-identity h2 a { color:inherit; text-decoration:none; }
.spk-identity h2 a:hover { text-decoration:underline; text-underline-offset:3px; }
.spk-role { font:400 13px/1.45 var(--hri-font-ui); color:#C8C0AD; margin:0; }
.spk-highlights { padding-left:18px; margin:16px 0 12px; }
.spk-highlights li { font:400 16px/1.45 var(--hri-font-prose); margin:0 0 5px; }
.spk-highlights li::marker { color:var(--hri-gold-bright); }
.spk-watch { display:flex; justify-content:space-between; gap:10px; align-items:center; min-height:44px; color:#E0BE51; font-size:13px; font-weight:600; text-decoration:none; }
.spk-watch:hover { color:var(--hri-on-dark); text-decoration:underline; text-underline-offset:3px; }
.spk-unavailable { display:flex; align-items:center; min-height:44px; font-size:13px; color:#B4AB97; }
.spk-bio { border-top:1px solid #454033; margin-top:4px; }
.spk-bio summary { display:flex; align-items:center; gap:10px; min-height:44px; cursor:pointer; color:#C8C0AD; font:400 13px/1.4 var(--hri-font-ui); list-style:none; }
.spk-bio summary::-webkit-details-marker { display:none; }
.spk-bio summary:hover { color:var(--hri-on-dark); }
.spk-bio-closed { display:inline; }
.spk-bio-open, .spk-bio[open] .spk-bio-closed { display:none; }
.spk-bio[open] .spk-bio-open { display:inline; }
.spk-chevron { margin-left:auto; width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); }
.spk-bio[open] .spk-chevron { transform:rotate(225deg); }
.spk-bio-copy p { margin:4px 0 0; color:#C8C0AD; font:400 16px/1.6 var(--hri-font-prose); overflow-wrap:anywhere; }
.spk-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#spk-grid a:focus-visible, .spk-bio summary:focus-visible, .wl-discover :is(input,select,button):focus-visible { outline:2px solid #E0BE51; outline-offset:4px; }
.wl-toolbar input, .wl-toolbar select { min-height:44px; font-size:var(--hri-text-base); }
.wl-toolbar input::placeholder { color:#B4AB97; }
.wl-hero .tag-chip, .wl-hero .tag-clear { min-height:44px; }
.wl-hero .tag-chip.on { background:var(--hri-gold-bright); border-color:var(--hri-gold-bright); color:var(--hri-ink); }
.wl-hero .tag-chip.on:hover { color:var(--hri-ink); }
.wl-count { font-variant-numeric:tabular-nums; }
@media (max-width:1199px) { #spk-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1000px) { #spk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) {
  #spk-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
  #spk-grid .speaker-card { padding:16px; }
  .spk-portrait { flex-basis:72px; }
  .spk-portrait img { width:72px; height:86px; }
  .wl-toolbar input { flex-basis:100%; width:100%; min-width:0; }
  .wl-count { margin-left:auto; }
  #wl-chips { flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding:4px 2px 8px; scrollbar-width:thin; scrollbar-color:var(--hri-muted) var(--hri-ink); }
  #wl-chips > button { flex:0 0 auto; white-space:nowrap; }
}