.center-stories-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.personal-story { min-width:0; container-type:inline-size; padding:20px; background:var(--paper); border:1px solid var(--line); border-radius:18px; }
.personal-story-heading { margin-bottom:16px; }
.personal-story-heading h2 { margin:0; color:var(--rose-d); font-size:clamp(.7rem,4.5cqi,1.25rem); font-weight:600; line-height:1.2; letter-spacing:-.025em; white-space:nowrap; }
.personal-story-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.personal-story-controls .btn { width:44px; height:44px; padding:0; justify-content:center; font-size:1.25rem; }
.personal-story-controls .btn:disabled { opacity:.35; cursor:default; }
.personal-story-frame { width:100%; border-radius:12px; overflow:hidden; background:var(--sand); touch-action:pan-y pinch-zoom; }
.personal-story-frame img { display:block; width:100%; height:auto; aspect-ratio:9/16; object-fit:contain; user-select:none; }
.personal-story-frame > a { display:block; }
.personal-story-frame > a[href] { cursor:pointer; }
.personal-story-frame > a[href]:focus-visible { outline:3px solid var(--rose); outline-offset:-3px; }
.personal-story-hint { text-align:center; margin:12px 0 0; }
.personal-story-info { display:flex; justify-content:center; width:100%; box-sizing:border-box; margin-top:16px; min-height:44px; }
.personal-story:focus-visible { outline:2px solid var(--rose); outline-offset:6px; }
@media (max-width:760px) {
  .center-stories-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .personal-story { padding:14px; }
  .personal-story-controls { gap:8px; }
}