.photo-stories{margin:50px 0;scroll-margin-top:170px}.photo-story-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.photo-story-tabs [aria-pressed=true],.photo-story-quiz [aria-pressed=true]{border-color:#baa9ee;background:#312947}.photo-story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;background:linear-gradient(145deg,#111c30,#18182a);border:1px solid #314159;padding:28px;border-radius:22px}.photo-story-layout figure{margin:0;text-align:center;min-width:0}.photo-story-image-wrap{position:relative;width:fit-content;max-width:100%;margin:auto}.photo-story-image-wrap img{display:block;width:auto;max-width:100%;max-height:520px;border-radius:12px}.photo-story-marker{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#12182ddd;color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 0 0 4px #10121a55}.photo-story-marker[aria-pressed=true]{background:#ece5ff;color:#171226}.photo-story-marker:focus-visible{outline:3px solid #f2c774;outline-offset:5px}.photo-story-layout figcaption{font-size:12px;color:#aebbd0;line-height:1.65;margin:16px 0}.photo-story-reading h3{font-size:24px;margin:0 0 18px}.photo-story-reading p{line-height:1.8;color:#bfcbe0}.photo-story-quiz{margin:32px 0;border-top:1px solid #33405c;padding-top:26px}.photo-story-quiz h3{font-size:20px}.photo-story-quiz button{display:block;margin:10px 0;text-align:left;width:100%;white-space:normal}.photo-story-reading a{color:#b4caff}#photoStoryFeedback{min-height:3.6em}#photoStoryDialog{width:min(96vw,1050px);max-height:94vh;padding:20px;background:#101725;color:#e8eef7;border:1px solid #5a6a8a;border-radius:16px}#photoStoryDialog::backdrop{background:#000c}.photo-story-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.photo-story-dialog-head h2{font-size:20px;margin:0}#photoStoryLarge{display:block;max-width:100%;max-height:76vh;width:auto;height:auto;margin:18px auto 0}@media(max-width:720px){.photo-story-layout{grid-template-columns:1fr;padding:18px;gap:26px}.photo-story-reading h3{font-size:22px}.photo-story-marker{width:44px;height:44px}.photo-story-image-wrap img{max-height:520px}.photo-story-dialog-head{align-items:flex-start}.photo-story-tabs button{flex:1}}@media(prefers-reduced-motion:reduce){.photo-stories *{scroll-behavior:auto}}