/* Page-specific assets: adding this perspective does not require replacing shared styles. */
.story-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 40px}
.story-comparison figure{margin:0;min-width:0}
.story-comparison img{display:block;width:100%;height:auto;border:1px solid #d7dddd;background:white}
.story-comparison figcaption{font:14px/1.5 Roboto,sans-serif;margin-top:12px;color:#526063}
.story-comparison figcaption strong{display:block;color:#282D38;font-weight:400;font-size:17px;margin-bottom:5px}
.story-comparison a:focus-visible{outline:3px solid #5DA7AF;outline-offset:4px}
.story-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0!important;margin:32px 0!important;max-width:none!important;counter-reset:flow}
.story-flow li{border-top:3px solid #EB5C63;padding:18px 0 0;position:relative;counter-increment:flow}
.story-flow li:before{content:'0' counter(flow);font:13px Roboto,sans-serif;color:#526063}
.story-flow h3{font-size:25px;line-height:1.2;margin:12px 0}
.story-flow p{font-size:17px;line-height:1.5;margin:0}
@media(max-width:700px){.story-comparison{grid-template-columns:1fr;gap:28px}.story-flow{grid-template-columns:1fr;gap:24px}.story-flow h3{font-size:24px}}
@media print{.story-comparison{break-inside:avoid}.story-flow{display:block}.story-flow li{break-inside:avoid;margin:18px 0}}