/* Same LAXXM dialog, scoped to this work; reading screens remain paper-first. */
.info-modal[data-story-id="byeonron"] {
  box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-width:520px;
  padding:0 0 24px;max-height:calc(100dvh - 32px);overflow:clip;
}
.info-modal[data-story-id="byeonron"] .info-modal-hero {
  flex:0 1 auto;min-height:76px;width:100%;height:clamp(120px,25dvh,250px);
  margin:0 0 20px;border-radius:24px 24px 0 0;
}
.info-modal[data-story-id="byeonron"] .info-modal-hero img {width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.info-modal[data-story-id="byeonron"] :is(.info-modal-cat,.info-modal-title,.info-modal-desc,.info-modal-guide,.info-modal-actions) {
  margin-left:24px;margin-right:24px;flex-shrink:0;min-width:0;overflow-wrap:anywhere;
}
.info-modal[data-story-id="byeonron"] .info-modal-cat {margin-top:0;margin-bottom:6px}
.info-modal[data-story-id="byeonron"] .info-modal-title {margin-bottom:12px}
.info-modal[data-story-id="byeonron"] .info-modal-desc {margin-bottom:14px;font-size:14px;line-height:1.65}
.info-modal[data-story-id="byeonron"] .info-modal-guide {margin-top:0;margin-bottom:18px;font-size:13px;line-height:1.6;color:var(--text2)}
.info-modal[data-story-id="byeonron"] .info-modal-actions {margin-top:0}
.info-modal[data-story-id="byeonron"] .info-modal-close {z-index:2;background:#10121bcc;color:white}
body:has(.info-modal[data-story-id="byeonron"]) {overflow:hidden}
.v2-card[data-story-id="byeonron"] .v2-card-img {object-position:50% 55%}
@media(max-width:599px) {
  .info-modal-backdrop:has([data-story-id="byeonron"]) {padding:12px;align-items:center}
  .info-modal[data-story-id="byeonron"] {border-radius:20px;max-height:calc(100dvh - 24px)}
  .info-modal[data-story-id="byeonron"] .info-modal-hero {height:clamp(100px,23dvh,190px);margin-bottom:16px;border-radius:20px 20px 0 0}
}
@media(max-height:500px) and (min-width:600px) {
  .info-modal[data-story-id="byeonron"] {display:grid;grid-template-columns:40% 60%;grid-template-rows:auto auto auto auto auto;max-width:760px;padding:20px 0}
  .info-modal[data-story-id="byeonron"] .info-modal-hero {position:relative;grid-column:1;grid-row:1/6;height:calc(100% + 40px);align-self:stretch;min-height:0;margin:-20px 0;width:100%;border-radius:24px 0 0 24px}
  .info-modal[data-story-id="byeonron"] .info-modal-hero img {position:absolute;inset:0;content:url('/assets/images/byeonron/v2/byeonron-cover-v2.png');object-position:50% 50%}
  .info-modal[data-story-id="byeonron"] :is(.info-modal-cat,.info-modal-title,.info-modal-desc,.info-modal-guide,.info-modal-actions) {grid-column:2;margin-left:20px;margin-right:20px}
  .info-modal[data-story-id="byeonron"] .info-modal-title {margin-bottom:8px}
  .info-modal[data-story-id="byeonron"] .info-modal-guide {margin-bottom:12px}
}