.breadcrumb { max-width:760px; margin:auto; padding:28px 24px 0; font-size:11px; color:#626c65; }
.voice-article { max-width:760px; margin:auto; padding:36px 24px 8px; }
.voice-kicker { margin:0 0 18px; color:var(--brand); font:400 13px "Josefin Sans",sans-serif; letter-spacing:.08em; }
.voice-heading { display:flex; align-items:center; gap:18px; margin:0 0 36px; }
.voice-mark { height:88px; flex:0 0 auto; }
.voice-mark img { width:auto; height:88px; max-width:132px; object-fit:contain; mix-blend-mode:multiply; }
.voice-article h1 { margin:0; font-size:32px; font-weight:300; line-height:1.5; }
.postcard { margin:0 auto 40px; max-width:440px; }
.postcard-paper { display:flex; align-items:flex-end; min-height:300px; padding:22px; background:var(--paper); border:1px solid #e6dfd2; box-shadow:0 10px 28px rgba(47,80,60,.08); color:#8a8174; font-size:13px; line-height:1.8; }
.postcard figcaption { margin-top:12px; color:#626c65; font-size:12px; line-height:1.8; text-align:center; }
.voice-body p { margin:0 0 24px; font-size:16px; line-height:2.15; }
.voice-body h3 { margin:28px 0 8px; font-size:16px; font-weight:500; line-height:1.8; }
.voice-body h3:first-child { margin-top:0; }
.postcard img { display:block; width:100%; height:auto; }
.voice-reply { display:grid; grid-template-columns:104px minmax(0,1fr); column-gap:20px; align-items:start; margin:12px 0 0; padding:28px 28px 8px 24px; background:var(--pale); }
.voice-reply::before { content:""; grid-column:1; grid-row:1 / span 8; width:104px; height:140px; background:url("../assets/planner-character.png") center bottom / contain no-repeat; }
.voice-reply > * { grid-column:2; }
.voice-reply h2 { margin:4px 0 16px; color:var(--dark); font-size:15px; font-weight:500; line-height:1.7; }
.voice-reply p { margin:0 0 24px; font-size:15px; line-height:2.15; }
.voice-recipe { max-width:760px; margin:48px auto 0; padding:28px 24px 8px; border-top:1px solid #dce5df; }
.voice-recipe h2 { margin:0 0 12px; font-size:16px; font-weight:500; }
.voice-recipe p, .voice-recipe li { font-size:14px; line-height:2; }
.voice-recipe ol { margin:0 0 24px; padding-left:1.4em; }
.voice-list { max-width:760px; margin:auto; padding:36px 24px 8px; }
.voice-list > h1 { margin:0 0 12px; font-size:32px; font-weight:300; line-height:1.5; }
.voice-list-lead { margin:0 0 8px; color:#626c65; font-size:14px; line-height:2; }
.voice-entry { padding:40px 0 8px; border-top:1px solid #dce5df; }
.voice-entry .voice-heading h2 { margin:0; font-size:28px; font-weight:300; line-height:1.5; }
.voice-pager { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 16px; padding:36px 0 48px; }
.voice-pager a, .voice-pager span { color:var(--brand); font-size:14px; line-height:1; text-decoration:none; }
.voice-pager .current { color:var(--dark); }
@media(max-width:760px) {
  .voice-article h1 { font-size:26px; }
  .voice-mark { height:68px; }
  .voice-mark img { height:68px; max-width:108px; }
  .voice-reply { grid-template-columns:72px minmax(0,1fr); column-gap:12px; padding:20px 16px 4px; }
  .voice-reply::before { width:72px; height:96px; }
  .postcard-paper { min-height:220px; }
  .voice-list > h1, .voice-entry .voice-heading h2 { font-size:26px; }
}
