.voice-diary header,.voice-diary main,.voice-diary footer{max-width:70rem}.back{font:.85rem system-ui,sans-serif;text-decoration:none;display:inline-block;margin-bottom:2rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.hero h1{font-size:clamp(2.6rem,5vw,4rem);letter-spacing:-.035em;line-height:1.03}.deck{font-size:1.12rem}.byline{font:.8rem/1.6 system-ui,sans-serif;color:var(--muted)}figure{margin:0}img{display:block;width:100%;border-radius:5px}figcaption{font:.8rem/1.5 system-ui,sans-serif;color:var(--muted);margin-top:.6rem}.hero figure img{aspect-ratio:16/9;object-fit:cover}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:2rem 0 0;padding:.2rem 0}.facts p{display:flex;flex-direction:column;gap:.2rem}.facts strong{font-size:1.65rem}.facts span{font:.78rem/1.5 system-ui,sans-serif;color:var(--muted)}.voice-diary main>section{max-width:55rem;margin:2.5rem auto 0}.voice-diary .opening{border:0;padding-top:0;font-size:1.15rem}.bigquote{padding:1.5rem;margin:1.5rem 0;background:var(--code);border-left:3px solid var(--accent)}.bigquote p{font-size:1.5rem;line-height:1.5;margin:0}.bigquote cite{font:.8rem/1.5 system-ui,sans-serif;color:var(--muted);display:block;margin-top:.8rem}.step{display:grid;grid-template-columns:7.5rem 1fr;gap:1.4rem;border-top:1px solid var(--line);padding-top:1.8rem;margin-top:2rem}.step-label{display:flex;flex-direction:column;gap:.5rem}.step-label span{font-size:2.5rem;line-height:1;color:var(--accent)}.step-label time{font:.8rem/1.5 system-ui,sans-serif;color:var(--muted)}h3{font-size:1.35rem;margin:0 0 .5rem;line-height:1.3}.step p{margin:.6rem 0}.step blockquote{border-left:2px solid var(--accent);padding-left:1rem;margin:1rem 0}.step blockquote p{font-style:italic}.step cite{font:.78rem/1.5 system-ui,sans-serif;color:var(--muted);font-style:normal}.screen{margin:1.5rem 0}.screen img{border:1px solid var(--line)}.listen-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.listen-grid>div{border:1px solid var(--line);border-radius:6px;padding:1rem;background:var(--card);min-width:0}.listen-grid h4{margin:0 0 .6rem}.listen-grid p{font:.8rem/1.5 system-ui,sans-serif;color:var(--muted)}audio{width:100%;max-width:100%}.ratings{background:var(--code);padding:1rem;border-radius:6px;margin:1rem 0}.score{display:grid;grid-template-columns:4rem 1fr 2.5rem;gap:.8rem;align-items:center;font:.9rem system-ui,sans-serif;margin:.7rem 0}meter{width:100%;height:1.4rem;accent-color:var(--accent)}.winner strong{color:var(--accent)}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.roles>div{display:flex;flex-direction:column;padding:1rem;border-top:3px solid var(--accent);background:var(--code);gap:.5rem}.roles span{font:.8rem/1.6 system-ui,sans-serif;color:var(--muted)}.recipe{border-left:3px solid var(--accent);padding:.7rem 1rem;background:var(--code)}.sources{max-width:55rem;margin:2.5rem auto 0}.sources p{font-size:.9rem}.voice-diary footer{max-width:55rem}a:focus-visible,audio:focus-visible,video:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:1rem}.facts{gap:1rem}.facts strong{font-size:1.25rem}.facts span{font-size:.7rem}.step{grid-template-columns:1fr;gap:.6rem}.step-label{flex-direction:row;align-items:center;gap:1rem}.step-label span{font-size:1.6rem}.listen-grid,.roles{grid-template-columns:1fr}.voice-diary header{padding-top:1.4rem}.bigquote p{font-size:1.2rem}}