.oral-history-page,.oral-history-detail-page{background:var(--ds-paper)}
.oral-history-hero{min-height:430px;display:grid;align-items:end;padding:140px max(24px,calc((100% - 1200px)/2)) 72px;color:#fff;background:linear-gradient(90deg,rgba(36,26,20,.9),rgba(36,26,20,.35)),url('/assets/images/memory-street.jpeg') center/cover}.oral-history-hero>div{max-width:780px}.oral-history-hero h1{margin:8px 0;font-size:clamp(48px,7vw,82px)}.oral-history-hero p:last-child{font-size:19px;line-height:1.8}
.oral-history-filters{display:grid;grid-template-columns:2fr repeat(5,minmax(130px,1fr));gap:12px;margin:30px 0}.oral-history-filters label{display:grid;gap:7px;color:var(--ds-brown);font-weight:800}.oral-history-filters input,.oral-history-filters select{width:100%;min-height:46px;padding:9px 12px;background:#fff;border:1px solid var(--ds-line);border-radius:4px}.oral-history-filters .button{align-self:end;min-height:46px}
.oral-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.oral-history-card{min-width:0;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:8px;box-shadow:var(--ds-shadow-sm);overflow:hidden}.oral-history-card>a{height:100%;display:grid;grid-template-rows:220px 1fr;color:inherit;text-decoration:none}.oral-history-card img{width:100%;height:100%;object-fit:cover;background:#e5dac8}.oral-history-card>a>div{display:flex;flex-direction:column;padding:24px}.oral-history-card h3{margin:5px 0 10px;font-size:25px}.oral-history-card-meta{color:var(--ds-muted);font-size:13px;line-height:1.65}.oral-history-card p:not(.eyebrow){line-height:1.75}.oral-history-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.oral-history-tags span{padding:4px 9px;color:var(--ds-rust-dark);background:#efe4d2;border-radius:999px;font-size:12px;font-weight:800}.oral-history-card-action{margin-top:auto;padding-top:18px;color:var(--ds-rust-dark);font-weight:800}.oral-history-card:hover,.oral-history-card:focus-within{border-color:var(--ds-rust);transform:translateY(-2px)}
.oral-history-loading{padding:150px 24px;text-align:center}.oral-history-detail-hero{position:relative;min-height:620px;display:grid;align-items:end;color:#fff;overflow:hidden}.oral-history-detail-hero>img,.oral-history-detail-shade{position:absolute;inset:0;width:100%;height:100%}.oral-history-detail-hero>img{object-fit:cover}.oral-history-detail-shade{background:linear-gradient(90deg,rgba(31,23,18,.94),rgba(31,23,18,.62) 62%,rgba(31,23,18,.25))}.oral-history-detail-hero>div:last-child{position:relative;width:min(1200px,calc(100% - 48px));margin:auto;padding:150px 0 72px}.oral-history-detail-hero h1{max-width:900px;margin:10px 0;font-size:clamp(40px,6vw,72px);line-height:1.16}.oral-history-detail-hero .breadcrumb a{color:#fff}.oral-history-person{font-size:21px}.oral-history-hero-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:22px 0}.oral-history-hero-meta div{display:flex}.oral-history-hero-meta dt{font-weight:800}.oral-history-hero-meta dt::after{content:'：'}.oral-history-hero-meta dd{margin:0}.oral-history-detail-hero blockquote{max-width:760px;margin:28px 0 0;padding:16px 22px;border-left:4px solid #eab38b;font-family:Georgia,'Noto Serif TC',serif;font-size:21px;line-height:1.8}
.oral-history-detail-body{display:grid;gap:54px}.oral-history-detail-body>section,.oral-history-notice{max-width:1000px;margin:auto;width:100%}.oral-history-detail-body h2{font-size:clamp(29px,4vw,42px)}.oral-history-summary,.oral-history-introduction{color:var(--ds-ink);font-size:18px;line-height:1.95;white-space:pre-line}.oral-history-introduction{margin-top:20px}.oral-history-notice{padding:26px 30px;background:#efe4d2;border-left:5px solid var(--ds-rust);border-radius:5px}.oral-history-notice h2{margin:0 0 10px;font-size:24px}.oral-history-notice p{line-height:1.8}.oral-history-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.oral-history-media section{padding:20px;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:8px}.oral-history-media audio,.oral-history-media video{width:100%;max-height:560px;background:#000}
.oral-history-segments{display:grid;gap:12px}.oral-history-segments details{background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:7px}.oral-history-segments summary{display:flex;align-items:center;gap:18px;padding:20px;cursor:pointer}.oral-history-segments summary span{color:var(--ds-rust);font-family:Georgia,serif;font-weight:800}.oral-history-segments details>p,.oral-history-segments details>small,.oral-history-segments details>blockquote,.oral-history-segments details>.oral-history-tags,.oral-history-segments details>.oral-history-time{margin:0 20px 20px}.oral-history-segments blockquote{padding:16px 18px;background:#f3eadc;border-left:4px solid var(--ds-rust);font-family:Georgia,'Noto Serif TC',serif;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.oral-history-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.oral-history-section-heading input{min-width:280px;min-height:46px;padding:9px 12px;border:1px solid var(--ds-line)}[data-oh-transcript]{display:grid;gap:1px;background:var(--ds-line);border:1px solid var(--ds-line)}[data-oh-transcript] article{min-width:0;padding:20px;background:var(--ds-surface)}[data-oh-transcript] article header{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}[data-oh-transcript] article p{margin:10px 0 0;line-height:1.85;overflow-wrap:anywhere}.oral-history-time{min-height:44px;padding:8px 12px;color:var(--ds-rust-dark);background:#fff;border:1px solid var(--ds-line);border-radius:4px;font:inherit;font-variant-numeric:tabular-nums;font-weight:800;cursor:pointer}.oral-history-time:hover,.oral-history-time:focus-visible{color:#fff;background:var(--ds-rust)}.transcript-speaker-label{color:var(--ds-muted);font-size:13px}
[data-oh-related-groups]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}[data-oh-related-groups] section{padding:20px;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:6px}[data-oh-related-groups] h3{margin-top:0}[data-oh-related-groups] ul{display:grid;gap:9px;padding-left:19px}.oral-history-sources{display:grid;gap:10px;padding:0;list-style:none}.oral-history-sources li{display:grid;min-width:0;gap:5px;padding:18px;background:var(--ds-surface);border:1px solid var(--ds-line);overflow-wrap:anywhere}.oral-history-sources span{color:var(--ds-muted);font-size:13px}.oral-history-sources a{justify-self:start;max-width:100%;overflow-wrap:anywhere}.oral-history-rights{padding-top:30px;border-top:1px solid var(--ds-line)}
.oral-history-rights-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.oral-history-segment-citation{min-height:44px;margin:0 20px 20px;padding:9px 14px;color:var(--ds-rust-dark);background:transparent;border:1px solid var(--ds-line);border-radius:4px;font-weight:800;cursor:pointer}.oral-history-segment-citation:hover,.oral-history-segment-citation:focus-visible{color:#fff;background:var(--ds-rust)}
@media(max-width:980px){.oral-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.oral-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-oh-related-groups]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.oral-history-hero{min-height:360px;padding:110px 20px 54px}.oral-history-filters,.oral-history-grid,.oral-history-media,[data-oh-related-groups]{grid-template-columns:1fr}.oral-history-filters .wide{grid-column:auto}.oral-history-card>a{grid-template-rows:190px 1fr}.oral-history-detail-hero{min-height:650px}.oral-history-detail-hero>div:last-child{width:calc(100% - 36px);padding:110px 0 45px}.oral-history-detail-hero h1{font-size:39px}.oral-history-hero-meta{display:grid}.oral-history-detail-body{padding-inline:18px}.oral-history-notice{padding:22px}.oral-history-section-heading{align-items:stretch;flex-direction:column}.oral-history-section-heading input{min-width:0;width:100%}}
@media(max-width:620px){.oral-history-rights-actions{display:grid}.oral-history-rights-actions .button{width:100%}}
