.interviews-page{max-width:1220px;margin:auto;padding:40px 24px 72px}.interviews-hero{max-width:720px;margin:10px 0 28px}.interviews-hero h1{font-size:clamp(3rem,7vw,5.6rem);line-height:.96;margin:8px 0 18px}.interviews-hero h1 em{font-weight:400}.interviews-hero .intro{max-width:590px}.interviews-controls{display:grid;grid-template-columns:minmax(190px,1.6fr) minmax(120px,.7fr) minmax(170px,.9fr) auto;gap:12px;align-items:end;padding:16px;border:1px solid #e2d3c0;border-radius:18px;background:#fffaf2;box-shadow:0 10px 30px #3b241008}.interviews-controls label{display:grid;gap:6px;font-size:.76rem;color:var(--muted)}.interviews-controls input,.interviews-controls select{min-height:44px;padding:9px 11px;border:1px solid #cfbda7;border-radius:9px;background:#fffdf8;color:var(--ink);font:inherit}.interviews-controls .text-button{min-height:44px;white-space:nowrap}.interviews-status{margin:18px 2px 12px;color:var(--muted);font-size:.82rem}.interviews-layout{display:grid;grid-template-columns:minmax(250px,.76fr) minmax(0,1.24fr);gap:22px;align-items:start}.interview-results{list-style:none;padding:0;margin:0;display:grid;gap:9px;max-height:72vh;overflow:auto}.interview-card-button{width:100%;display:grid;gap:4px;padding:15px 16px;border:1px solid #e2d5c4;border-radius:14px;background:#fffdf9;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.interview-card-button:hover,.interview-card-button[aria-pressed=true]{border-color:#9f7554;background:#f4e7d8}.interview-card-button:focus-visible,.interview-clip-actions a:focus-visible,.interview-clip-actions button:focus-visible{outline:2px solid #8b5737;outline-offset:2px}.interview-card-meta,.interview-card-button>span:last-child,.interview-detail-meta{font-size:.71rem;color:var(--muted);line-height:1.4}.interview-card-button strong{font:500 1.06rem/1.25 var(--serif)}.interview-detail{position:sticky;top:16px;min-height:320px;padding:26px 28px;border:1px solid #d9c4ac;border-radius:20px;background:linear-gradient(150deg,#fffdf8,#f7ecdf);box-shadow:0 12px 34px #3e29100a}.interview-detail h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05;margin:8px 0}.interview-detail h3{font-size:1.35rem;margin:26px 0 10px}.interview-detail h4{font:500 1rem/1.35 var(--serif);margin:0}.interview-summary{line-height:1.65;margin:16px 0}.interview-source{display:flex;gap:12px;flex-wrap:wrap}.interview-clips{margin-top:10px}.interview-clip{padding:15px 0;border-top:1px solid #dfcdbc}.interview-clip-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px;align-items:center}.interview-clip iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin-top:14px;background:#281d17}.interview-detail-empty{color:var(--muted);margin:0}@media(max-width:760px){.interviews-page{padding:24px 15px 46px}.interview-header .explore-nav{gap:8px;font-size:.75rem}.interviews-controls{grid-template-columns:1fr 1fr;padding:12px}.interviews-controls label:first-child{grid-column:1/-1}.interviews-controls .text-button{justify-self:start}.interviews-layout{grid-template-columns:1fr;gap:16px}.interview-results{max-height:none}.interview-detail{position:static;padding:21px 18px}.interviews-hero h1{font-size:3.25rem}}@media(prefers-reduced-motion:reduce){.interview-card-button{transition:none}}
/* This archive has no progress store, so its account menu omits the progress status. */
.interviews-page-body .account-note{display:none}
.interview-placeholder{display:grid;place-items:center;grid-column:1;grid-row:1/4;width:116px;height:66px;border-radius:9px;background:linear-gradient(135deg,#79503a,#dfb88e)}.interview-placeholder:before{content:'';width:25px;height:25px;border:2px solid #fff8ee;border-radius:50%;box-shadow:14px 8px 0 -7px #fff8ee}.interview-clip-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:16/9;border-radius:10px;background:linear-gradient(135deg,#79503a,#dfb88e)}.interview-clip-placeholder:before{content:'▶';display:grid;place-items:center;width:43px;height:43px;border:1px solid #fff8ee;border-radius:50%;color:#fff8ee;font-size:1.1rem;padding-left:2px}@media(max-width:760px){.interview-placeholder{width:104px;height:59px}}

/* Generated fallbacks are intentionally decorative, not text read by assistive technology. */
.interview-results[hidden]{display:none!important}
.interview-results{position:sticky;top:16px;max-height:calc(100dvh - 32px)}
.interview-card-button{grid-template-columns:116px minmax(0,1fr);column-gap:13px;align-items:center}
.interview-card-button>strong,.interview-card-button>span{grid-column:2}
.interview-card-button>.interview-placeholder{grid-column:1;grid-row:1/4}
.interview-card-thumb{grid-column:1;grid-row:1/4;width:116px;height:66px;object-fit:cover;border-radius:9px;background:linear-gradient(135deg,#79503a,#dfb88e)}
.interview-detail,.interview-clip{min-width:0}
.interview-thumbnail{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:linear-gradient(135deg,#79503a,#dfb88e)}
@media(max-width:760px){
  .interviews-layout{grid-template-columns:minmax(0,1fr)}
  .interview-results{position:static;max-height:none}
  .interviews-hero h1{font-size:clamp(2.5rem,13vw,3.25rem)}
  .interviews-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .interviews-controls label,.interviews-controls input,.interviews-controls select{min-width:0;width:100%;box-sizing:border-box}
  .interview-card-button{grid-template-columns:104px minmax(0,1fr)}
  .interview-card-thumb{width:104px;height:59px}
}