/* B v8: refine only the section-13 reading hint and navigation; retain cards and slide behavior. */
main #voices.vr-voice{padding-block:clamp(44px,6vw,76px);background:#F3EFE7;color:#1A2A3A;border-bottom-color:#D8D0C2;overflow-x:clip}
main #voices.vr-voice>.inner-container{max-width:960px}
main #voices.vr-voice .section-title{color:#1A2A3A;margin:0 0 32px;font-size:clamp(26px,3vw,34px);line-height:1.55}
main #voices.vr-voice .section-title span{color:#775420}
main #voices.vr-voice .vr-navigation{display:flex;flex-direction:column;align-items:stretch;gap:4px;max-width:52rem;margin:0 0 20px}
main #voices.vr-voice .vr-scroll-hint{margin:0;color:#52606A;font-size:13px;line-height:1.9;letter-spacing:.025em}
main #voices.vr-voice .vr-slide-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0;margin:0}
main #voices.vr-voice .vr-slide-controls[hidden]{display:none}
main #voices.vr-voice .vr-slide-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:72px;min-height:48px;margin:0;padding:12px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#1A2A3A;font:400 13px/1.6 "Yu Gothic",Meiryo,sans-serif;letter-spacing:.035em;cursor:pointer}
main #voices.vr-voice .vr-slide-button [aria-hidden="true"]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;color:#856028;font:400 20px/1 Georgia,serif}
main #voices.vr-voice .vr-slide-button:hover{color:#856028;background:transparent}
main #voices.vr-voice .vr-slide-button[aria-disabled="true"]{color:#9AA7B2;cursor:default;background:transparent}
main #voices.vr-voice .vr-slide-button[aria-disabled="true"] [aria-hidden="true"]{color:#B9AA91}
main #voices.vr-voice .vr-slide-button:focus-visible{outline:2px solid #856028;outline-offset:2px}
main #voices.vr-voice .vr-position{min-width:5em;margin:0;color:#52606A;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums;letter-spacing:.035em;text-align:center}
main #voices.vr-voice .vr-slide-track{
  --vr-per-view:1;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc(100% - clamp(10px,3vw,14px));
  gap:8px;
  align-items:start;
  min-width:0;
  max-width:min(100%,52rem);
  margin:0;
  padding:6px 0 12px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
  scrollbar-color:#28696C #F3EFE7;
}
main #voices.vr-voice .vr-slide-track:focus-visible{outline:3px solid #856028;outline-offset:4px}
/* A narrow next-card glimpse shows only its rule and inset, not sliced letters. */
main #voices.vr-voice .vr-review{min-width:0;max-width:100%;margin:0;padding:24px 16px;border:0;border-inline-start:1px solid #D8D0C2;background:#FFFFFF;border-radius:0;box-shadow:none;scroll-snap-align:start;scroll-margin-inline:0}
/* The card outline is inset so the scroll viewport does not clip the focus cue. */
main #voices.vr-voice .vr-review:focus-visible{outline:3px solid #856028;outline-offset:-3px}
main #voices.vr-voice .vr-topic{margin:0 0 12px;color:#775420;font-size:14px;line-height:1.8;font-weight:400}
main #voices.vr-voice .vr-lead{max-width:42em;margin:0 0 18px;color:#1A2A3A;font:400 17px/1.95 "Yu Gothic",Meiryo,sans-serif;overflow-wrap:break-word;word-break:normal}
main #voices.vr-voice .vr-keyline{display:block;margin-top:10px;color:#1A2A3A;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:23px;line-height:1.65;font-weight:600;overflow-wrap:break-word}
main #voices.vr-voice .vr-slide-track>.vr-review:first-child .vr-keyline{font-size:26px}
main #voices.vr-voice .vr-copy{min-width:0;max-width:42em;font-size:17px;line-height:1.95;overflow-wrap:break-word;word-break:normal}
main #voices.vr-voice .vr-copy p{margin:0 0 16px;color:inherit;font:inherit}
main #voices.vr-voice .vr-copy p:last-child{margin-bottom:0}
main #voices.vr-voice .vr-caption{max-width:42em;margin:14px 0 0;color:#52606A;font-size:14px;line-height:1.85}
main #voices.vr-voice .vr-topic-title{max-width:32em;margin:0 0 18px;color:#1A2A3A;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:21px;line-height:1.65;font-weight:600;overflow-wrap:break-word}
main #voices.vr-voice .vr-short-title{margin:0 0 12px;color:#52606A;font-size:16px;line-height:1.85;font-weight:400}
main #voices.vr-voice .vr-short-message .vr-topic-title{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:18px}
main #voices.vr-voice .vr-copy blockquote{margin:0;padding:0;border:0;color:#1A2A3A;font:inherit;background:none}
@media(min-width:768px){
  main #voices.vr-voice .vr-slide-track{--vr-per-view:2;max-width:min(100%,960px);grid-auto-columns:calc((100% - 24px)/2);gap:24px;margin-inline:auto}
  main #voices.vr-voice .vr-navigation{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;max-width:960px;margin-inline:auto}
  main #voices.vr-voice .vr-review{padding:24px 20px}
}
@media(min-width:1000px){
  /* PC only: size one row from every review, then stretch each card to it. */
  main #voices.vr-voice .vr-slide-track{
    grid-template-rows:max-content;
    align-items:stretch;
  }
  main #voices.vr-voice .vr-lead,main #voices.vr-voice .vr-copy{font-size:18px}
  main #voices.vr-voice .vr-slide-track>.vr-review:first-child .vr-keyline{font-size:28px}
}
@media(min-width:1400px){
  main #voices.vr-voice>.inner-container{max-width:1100px}
}

/* SP/Tablet height: one intrinsic row uses every review before the existing JS measures it. */
@media(max-width:999px){
  main #voices.vr-voice .vr-slide-track{
    grid-template-rows:max-content;
    align-items:stretch;
  }
}