/* P34 reading/listening UI — compact neutral study surfaces, keyboard/touch accessible. */
.p34-overview{border:1px solid var(--line);background:var(--surface);padding:clamp(14px,2vw,22px);margin:16px 0;min-width:0}
.p34-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,235px);gap:16px;align-items:start}
.p34-heading h2{font-size:clamp(21px,2.3vw,28px);line-height:1.3;margin:7px 0 10px}
.p34-heading p:not(.eyebrow){font-size:13px;color:var(--sub);line-height:1.65;max-width:680px}
.p34-metrics{display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--line);padding-left:16px}
.p34-metrics span{display:flex;flex-direction:column;gap:5px;font-size:11px;line-height:1.5;color:var(--sub)}
.p34-metrics strong{font-size:22px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.p34-actions,.p34-audio-actions,.p34-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}
.p34-actions>.button,.p34-audio-actions>.button{min-height:42px}
.p34-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.p34-reading-card{border:1px solid var(--line);background:var(--background);padding:14px;display:flex;flex-direction:column;gap:7px;min-width:0}
.p34-reading-card h3{margin:0;font-size:15px;line-height:1.4}
.p34-reading-card>p{color:var(--sub);font-size:12px;line-height:1.6;flex:1}
.p34-reading-card .eyebrow{font-size:10px;letter-spacing:.03em}
.p34-card-actions{margin:8px 0 0}
.p34-card-actions>.button{font-size:11px;min-height:37px;white-space:normal}
.p34-catalog{margin:16px 0;background:var(--surface);border:1px solid var(--line)}
.p34-catalog>summary{cursor:pointer;padding:13px 17px;font-weight:700;font-size:13px;line-height:1.4}
.p34-catalog[open]>summary{border-bottom:1px solid var(--line)}
.p34-catalog>.p34-overview{border:0;margin:0}
.p34-read-bridge,.p34-linkbox{display:flex;flex-direction:column;align-items:start;gap:11px;border-left:3px solid var(--accent);padding:13px 16px;margin:14px 0;background:var(--soft)}
.p34-read-bridge strong,.p34-linkbox strong{font-size:14px}
.p34-linkbox p{font-size:12px;color:var(--sub);line-height:1.6}
.p34-listening-panel{margin:15px 0;padding:clamp(14px,2vw,22px);border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface)}
.p34-listening-panel .panel-heading{align-items:start}
.p34-listening-panel>.panel-heading h2{font-size:22px;margin:7px 0}
.p34-listening-panel>p{font-size:12px;color:var(--sub);line-height:1.65}
.p34-shadow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--line);padding:15px;background:var(--background)}
.p34-shadow>div:first-child>p{color:var(--sub);font-size:12px;line-height:1.6;margin:7px 0}
.p34-shadow-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;max-width:360px}
.p34-shadow-actions>.button{white-space:normal;min-height:40px}
.p34-listening-panel .p34-linkbox{background:var(--soft)}
.p34-listening-panel .dialogue-chinese{line-height:1.55}
@media(max-width:1000px){.p34-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.p34-heading,.p34-shadow{grid-template-columns:1fr}.p34-metrics{border:0;border-top:1px solid var(--line);padding:12px 0 0}.p34-reading-grid{grid-template-columns:1fr}.p34-actions,.p34-audio-actions,.p34-shadow-actions{flex-direction:column;align-items:stretch;width:100%;max-width:none}.p34-actions>.button,.p34-audio-actions>.button,.p34-shadow-actions>.button{width:100%;justify-content:center}.p34-listening-panel{padding:12px}.p34-catalog>summary{min-height:46px}}
@media(prefers-reduced-motion:reduce){.p34-overview *, .p34-listening-panel *{transition:none!important;scroll-behavior:auto}}