/* Approved split hero and text/screen rows, shared by scenario pages only. */
.scenario-center { width: min(1200px, calc(100% - 40px)); margin: 0 auto 44px; color: #173b5b; }
.scenario-center *, .scenario-center *::before, .scenario-center *::after { box-sizing: border-box; }
.scenario-tabs { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; padding: 20px 0 24px; }
.scenario-tabs a { padding: 11px 17px; border: 1px solid #d7e3ed; border-radius: 6px; color: #26475f; font-size: 15px; line-height: 1.5; background: #fff; min-height: 44px; }
.scenario-tabs a.anow { color: #fff; background: #007ead; border-color: #007ead; }
.scenario-tabs a { text-align: center; }
.scenario-center a:focus-visible, .scenario-center summary:focus-visible { outline: 3px solid #007ead; outline-offset: 3px; }
.scenario-center a:hover { text-decoration: underline; text-underline-offset: 4px; }
.scenario-center .solution-showcase { grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); }
.scenario-center .solution-showcase-visual a { display: block; }
.scenario-center .solution-showcase-visual img { width: 100%; height: auto; display: block; object-fit: contain; }
.scenario-center .solution-showcase h1 { font-size: clamp(28px, 3vw, 38px); line-height: 1.35; }
.scenario-subtitle { color: #12527a; font-weight: 700; font-size: 18px; line-height: 1.7; margin: 14px 0 0; }
.scenario-benefits { margin-top: 20px; }
.scenario-benefits p { margin: 9px 0; display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 12px; font-size: 14px; line-height: 1.8; }
.scenario-benefits strong { color: #12527a; }
.scenario-benefits span { color: #50697d; }
.scenario-center .solution-story-section { margin-top: 48px; }
.scenario-center .solution-story-nav + .solution-story-section { margin-top: 0; }
.scenario-center .solution-entry-grid { margin-bottom: 28px; }
.scenario-center .park-entry-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.scenario-center .solution-screen a { min-height: 0; }
.scenario-center .solution-scene-row { gap: 30px; }
.scenario-architecture { margin: 0 0 24px; padding: 18px 22px; border: 1px solid #c9dfed; border-radius: 10px; background: #f1f8fc; }
.scenario-architecture > div { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 20px; padding: 15px 0; align-items: start; border-bottom: 1px solid #d2e5f0; }
.scenario-architecture > div:last-child { border: 0; }
.scenario-architecture span { color: #006f9f; font-size: 14px; font-weight: 700; }
.scenario-architecture p { margin: 0; color: #365871; font-size: 15px; line-height: 1.85; }
.scenario-boundary-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.scenario-smart { margin: 26px 0; }
.scenario-smart > h3 { font-size: 22px; line-height: 1.5; margin: 0 0 18px; color: #143b5b; }
.scenario-smart-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.scenario-smart-grid article { padding: 22px; background: #f1f8fc; border: 1px solid #d7e6f0; border-radius: 8px; }
.scenario-smart-grid h4 { color: #12527a; font-size: 18px; line-height: 1.6; margin: 0 0 10px; }
.scenario-smart-grid p { color: #435e74; font-size: 15px; line-height: 1.85; margin: 0 0 12px; }
.scenario-smart-grid a { display: inline-block; font-size: 14px; line-height: 1.7; color: #006b9f; padding: 10px 0; text-decoration: underline; }
.scenario-boundary-cards .solution-panel p { margin: 0; font-size: 15px; line-height: 1.85; color: #50697d; }
.scenario-center .solution-case-featured article:only-child { grid-column: 1 / -1; }
.scenario-center .solution-case-featured { align-items: stretch; }
.scenario-directory-header { padding: 36px 34px; background: #eff8fe; border: 1px solid #d9eaf5; border-radius: 12px; }
.scenario-directory-header > p:first-child { color: #0077a7; font-weight: 700; font-size: 14px; }
.scenario-directory h1 { font-size: clamp(27px,3vw,38px); line-height: 1.45; margin: 16px 0; color: #0a2b49; }
.scenario-directory-lead { color: #435e74; font-size: 17px; line-height: 1.9; max-width: 900px; }
.scenario-directory-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 26px; }
.scenario-directory-grid > a { display: block; border: 1px solid #d7e6f0; border-radius: 9px; padding: 24px; background: #fff; transition: border-color .15s; }
.scenario-directory-grid > a:hover { border-color: #007ead; text-decoration: none; background: #f8fcff; }
.scenario-directory-grid span { color: #0076a5; font-size: 13px; }
.scenario-directory-grid h2 { color: #143b5b; font-size: 23px; line-height: 1.5; margin: 9px 0; }
.scenario-directory-grid p { color: #50697d; font-size: 15px; line-height: 1.8; margin: 0 0 16px; }
.scenario-directory-grid strong { font-size: 14px; color: #006b9f; }
.scenario-directory-guide { margin-top: 34px; border: 1px solid #d7e6f0; border-radius: 9px; padding: 28px; }
.scenario-directory-guide h2 { font-size: 23px; color: #143b5b; margin: 0 0 20px; line-height: 1.5; }
.scenario-directory-guide ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; padding: 0; margin: 0; }
.scenario-directory-guide li { list-style: none; }
.scenario-directory-guide strong, .scenario-directory-guide span { display: block; font-size: 15px; line-height: 1.85; }
.scenario-directory-guide span, .scenario-directory-guide p { color: #50697d; font-size: 15px; line-height: 1.85; }
.scenario-return { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 24px; }
.scenario-return a { color: #006b9f; font-size: 15px; line-height: 1.6; padding: 10px 0; }
.scenario-topic-note { background: #f1f8fc; padding: 14px 18px; color: #435e74; font-size: 14px; line-height: 1.85; margin: 0 0 22px; border-radius: 6px; }
.scenario-topic-note a { color: #006b9f; text-decoration: underline; }
.scenario-technical-topics { margin-top: 24px; padding: 20px 24px; background: #f5f9fc; border: 1px solid #d7e6f0; border-radius: 8px; }
.scenario-technical-topics summary { cursor: pointer; min-height: 44px; font-size: 15px; line-height: 1.8; font-weight: 700; padding: 8px 0; }
.scenario-technical-topics p { color: #50697d; font-size: 14px; line-height: 1.85; }
.scenario-technical-topics h2 { font-size: 21px; line-height: 1.5; margin: 0 0 12px; }
.scenario-center .solution-product-grid { align-items: stretch; }
.scenario-technical-topics > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 20px; }
.scenario-technical-topics a { color: #006b9f; font-size: 14px; line-height: 1.7; padding: 10px 0; }
@media(max-width:900px) { .scenario-center .solution-showcase { grid-template-columns: 1fr; } .scenario-center .solution-showcase-visual { width: 100%; } .scenario-boundary-cards { grid-template-columns: 1fr; } }
@media(max-width:768px) {
 .scenario-center { width: calc(100% - 28px); }
 .scenario-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; padding: 16px 0 20px; }
 .scenario-tabs a { padding: 10px 11px; font-size: 14px; }
 .scenario-center .solution-showcase { padding: 22px 18px; }
 .scenario-benefits p { grid-template-columns: 1fr; gap: 2px; }
 .scenario-architecture { padding: 12px 16px; }
 .scenario-architecture > div { grid-template-columns: 1fr; gap: 6px; }
 .scenario-directory-header { padding: 25px 20px; }
 .scenario-directory-grid, .scenario-directory-guide ol, .scenario-smart-grid { grid-template-columns: 1fr; }
 .scenario-center .park-entry-grid { grid-template-columns: 1fr; }
 .scenario-directory-guide { padding: 22px; }
 .scenario-center .solution-scene-row { gap: 18px; }
 .scenario-center .solution-scene-copy dl > div { grid-template-columns: 76px minmax(0,1fr); gap: 10px; }
 .scenario-technical-topics { padding: 16px; }
 .scenario-technical-topics > div { grid-template-columns: 1fr; }
}
@media(prefers-reduced-motion:reduce) { .scenario-directory-grid > a { transition: none; } }