/* Imported case content uses the existing example's story layout and type scale. */
.imported-story-layout .story-category { max-width: 100%; padding-block: 5px; line-height: 1.5; }
.imported-story-layout .story-hero h1 { overflow-wrap: anywhere; word-break: keep-all; }
.imported-story-layout .story-editor { overflow-wrap: anywhere; }
.imported-story-layout .story-editor img { display: block; max-width: 100%; height: auto; margin-inline: auto; }
.imported-story-layout .story-editor .result-image { margin: 0 0 32px; text-align: center; }
.imported-story-layout .story-editor .result-summary { margin-top: 32px; }
.imported-story-layout .result-summary > p:first-child { margin-bottom: 28px; padding: 28px 24px; border: 1px solid #ddd; background: var(--detail-soft); color: var(--detail-primary); font-size: 28px; font-weight: 700; line-height: 1.5; text-align: center; }
.imported-story-layout .story-editor > div:has(table) { max-width: 100%; margin-block: 24px; overflow-x: auto; }
.imported-story-layout .story-table-scroll { max-width: 100%; margin-block: 24px; overflow-x: auto; }
.imported-story-layout .story-table-scroll:focus-visible { outline: 2px solid var(--detail-accent); outline-offset: 3px; }
.imported-story-layout .story-editor table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: inherit; line-height: inherit; }
.imported-story-layout .story-editor :is(th, td) { padding: 12px; border: 1px solid #ddd; vertical-align: top; text-align: left; }
.imported-story-layout .story-editor th { background: var(--detail-soft); font-weight: 600; }
.imported-story-layout .story-side-result { max-width: 96px; white-space: normal; text-align: center; }
@media (max-width: 768px) {
  .imported-story-layout .story-summary { padding: 24px 20px; }
  .imported-story-layout .story-section > h2 { font-size: 22px; line-height: 1.3; }
  .imported-story-layout .story-editor h3 { margin-top: 32px; font-size: 17px; }
  .imported-story-layout .result-summary > p:first-child { padding: 24px 18px; font-size: 24px; }
}