/* Reviewed retail source scenes, using the shared industry reading scale. */
.source-page .retail-story { max-width:1120px;margin:0 auto;padding:32px 0;border:0;border-radius:0;background:transparent;color:#10283f; }
.source-page .source-chapter > .retail-story { margin-block:0; }
.source-page .retail-story :is(h2,h3,p,figure,blockquote) { max-width:none;margin:0; }
.source-page .retail-story [hidden] { display:none!important; }
.source-page .retail-story h2 { font-size:26px;line-height:1.45;color:#15394d;letter-spacing:normal; }
.source-page .retail-story h3 { font-size:18px;line-height:1.5;letter-spacing:normal; }
.source-page .retail-story p { font-size:16px;line-height:1.85;letter-spacing:normal; }
.source-page .retail-story a { color:#007b97; }
.source-page .retail-story a:focus-visible,.retail-scene-group :is(a,button,summary):focus-visible { outline:2px solid #0088a9;outline-offset:4px; }
.source-page .retail-story .source-image-frame { display:block;height:100%; }
.source-page .retail-story img { display:block;width:100%;height:100%;max-height:none;object-fit:cover; }
.retail-topic-nav { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 28px;border:1px solid #d6e5ed;border-radius:6px;background:#f4f9fb;overflow:hidden; }
.retail-topic-nav a { display:flex;align-items:center;justify-content:center;padding:16px 12px;min-height:58px;font-size:15px;font-weight:600;text-align:center;text-decoration:none; }
.retail-topic-nav a+a { border-left:1px solid #d6e5ed; }
.retail-topic-nav a:hover { background:#e7f5f8; }
.source-page .retail-problem + .retail-problem { border-top:1px solid #d6e5ed; }
.retail-problem-row { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;isolation:isolate; }
.retail-problem-media { position:relative;grid-row:1;grid-column:6/-1;min-height:340px;overflow:hidden; }
.source-page .retail-problem-media .source-image-frame,.source-page .retail-review-media .source-image-frame { position:absolute;inset:0; }
.retail-problem-copy { position:relative;z-index:1;grid-row:1;grid-column:1/7;align-self:center;padding:24px 40px 24px 0;text-align:left; }
.retail-problem-copy h2::before { content:"";display:block;width:30px;height:2px;background:#0088a9;margin-bottom:16px; }
.source-page .retail-problem-copy h2 { margin-bottom:18px; }
.source-page .retail-problem-copy p+p { margin-top:14px; }
.retail-problem-copy p { color:#496779; }
.retail-problem-media::after { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 13%,rgba(255,255,255,.6) 25%,transparent 44%); }
.source-page .retail-problem[data-retail-topic="0"] .retail-problem-media img { object-position:center 20%; }
.retail-media-left .retail-problem-media { grid-column:1/8; }
.retail-media-left .retail-problem-copy { grid-column:7/-1;padding:24px 0 24px 40px;text-align:right; }
.retail-media-left .retail-problem-copy h2::before { margin-left:auto; }
.retail-media-left .retail-problem-media::after { background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.92) 13%,rgba(255,255,255,.6) 25%,transparent 44%); }
/* The login-page image contains interface text: preserve it in full. */
.source-page .retail-problem[data-retail-topic="3"] .retail-problem-row { grid-template-columns:1fr 1fr;gap:52px;align-items:center; }
.source-page .retail-problem[data-retail-topic="3"] .retail-problem-media { grid-column:1;min-height:0;height:360px; }
.source-page .retail-problem[data-retail-topic="3"] .retail-problem-media::after { display:none; }
.source-page .retail-problem[data-retail-topic="3"] .retail-problem-media img { object-fit:contain; }
.source-page .retail-problem[data-retail-topic="3"] .retail-problem-copy { grid-column:2;padding:16px 0; }
.source-page .retail-reviews { border-top:1px solid #d6e5ed; }
.source-page .retail-reviews > h2 { margin-bottom:22px; }
.retail-review-layout { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;isolation:isolate; }
.retail-review-media { grid-column:1/8;grid-row:1;min-height:510px;position:relative;overflow:hidden; }
.retail-review-media::after { content:"";position:absolute;inset:0;background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.95) 14%,rgba(255,255,255,.7) 26%,transparent 48%);pointer-events:none; }
.retail-review-grid { grid-column:7/-1;grid-row:1;z-index:1;padding:0 0 0 40px;align-self:center;text-align:right; }
.retail-review-card { padding:18px 0;border-bottom:1px solid #d6e5ed; }
.retail-review-card:first-child { padding-top:0; }
.source-page .retail-review-card h3 { font-size:17px; }
.source-page .retail-review-card blockquote { margin:9px 0;font-size:15px;line-height:1.8;color:#496779; }
.source-page .retail-review-card blockquote p { font-size:15px;line-height:1.8; }
.retail-review-card footer { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;font-size:13px;color:#607c8b; }
.source-page .retail-review-card footer p { font-size:13px;line-height:1.6; }
.source-page .retail-reviews > p { margin-top:16px;color:#607c8b;font-size:13px;line-height:1.7; }
.source-page .retail-benefits { border-top:1px solid #d6e5ed; }
.source-page .retail-benefits > p { margin-top:14px;color:#496779; }
.retail-benefits-grid { display:grid;gap:0;margin-top:24px;border-top:2px solid #79bacb; }
.retail-benefits-grid > article { display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr);gap:24px;padding:17px 0;border-bottom:1px solid #d6e5ed;align-items:baseline; }
.source-page .retail-benefits-grid h3 { font-size:17px; }
.source-page .retail-benefits-grid p { color:#496779;font-size:15px;line-height:1.75; }
.retail-benefits > a,.retail-benefits .retail-benefits-action { display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;font-weight:600;min-height:40px; }
.source-page .retail-management { display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center;border-top:1px solid #d6e5ed; }
.retail-management-copy { grid-column:2;grid-row:1;text-align:left; }
.retail-management-media { grid-column:1;grid-row:1; }
.source-page .retail-management-media img { object-fit:contain;height:auto;max-height:370px; }
.source-page .retail-management-copy > h2 { margin:8px 0 18px; }
.source-page .retail-management-copy > p { color:#007b97;font-size:14px;font-weight:600; }
.source-page .retail-management-copy ul { margin:0;padding-left:20px;list-style:disc;text-align:left; }
.source-page .retail-management-copy li { padding:5px 0;font-size:16px;line-height:1.75; }
.retail-management-actions { display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px; }
.retail-management-actions a { display:inline-flex;align-items:center;gap:8px;min-height:42px;font-size:14px;font-weight:600; }
.source-page .retail-story .retail-scope-note,.source-page .retail-management-copy .retail-resource-note { margin-top:14px;color:#607c8b;font-size:13px;line-height:1.7;font-weight:400; }
.retail-scene-group { max-width:1120px;margin:32px auto;padding:0;border:1px solid #cfe2eb;border-radius:8px;background:#fff;overflow:hidden; }
.retail-scene-heading { padding:26px 28px 14px; }
.retail-scene-heading h2 { font-size:26px;line-height:1.45;margin:0 0 12px;max-width:none;color:#15394d; }
.retail-scene-heading p { margin:0;color:#496779;font-size:15px;line-height:1.8;max-width:none; }
.retail-scene-help { padding:0 28px 18px;color:#607c8b;font-size:13px;line-height:1.65; }
.retail-scene-heading .retail-scene-help { padding:0;margin-top:12px;color:#607c8b;font-size:13px;line-height:1.65; }
.retail-scene-tabs { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;background:#f4f9fb;border-top:1px solid #d6e5ed;border-bottom:1px solid #d6e5ed; }
.retail-scene-tabs button { padding:15px 8px;max-width:none;min-height:58px;border:0;border-right:1px solid #d6e5ed;border-radius:0;background:transparent;color:#496779;font:inherit;font-size:14px;font-weight:600;cursor:pointer; }
.retail-scene-tabs button:last-child { border-right:0; }
.retail-scene-tabs button[aria-selected="true"] { color:#007b97;background:#e7f5f8;box-shadow:inset 0 -3px #0088a9; }
.retail-scene-panel[hidden] { display:none!important; }
.retail-scene-note { margin:0;padding:16px 28px;color:#496779;font-size:14px;line-height:1.75;background:#fbfdfe; }
.source-page .retail-scene-group .source-feature-intro { display:none; }
.source-page .retail-scene-group .source-feature-panel { padding:0;margin:0;border:0;background:none; }
.source-page .retail-scene-group .source-feature-grid { display:block;margin:0;gap:0; }
.source-page .retail-scene-group .source-feature-card { padding:0;border:0;background:none;box-shadow:none; }
.source-page .retail-scene-group .source-feature-figure,.source-page .retail-scene-group .source-figure { margin:0;padding:12px 18px 20px;border:0;border-radius:0;background:#fff; }
.source-page .retail-scene-group .source-diagram-scroll { max-width:960px;margin-inline:auto; }
.retail-scene-group .source-scene-detail summary { padding:16px 28px;font-weight:600;color:#007b97;background:#f4f9fb; }
@media(max-width:1000px){
 .retail-problem-row,.retail-review-layout { grid-template-columns:1fr 1fr;gap:28px;align-items:center; }
 .retail-problem-media,.retail-media-left .retail-problem-media { grid-column:2;grid-row:1;min-height:330px; }
 .retail-problem-copy,.retail-media-left .retail-problem-copy { grid-column:1;grid-row:1;padding:12px 0;text-align:left; }
 .retail-media-left .retail-problem-media { grid-column:1; }
 .retail-media-left .retail-problem-copy { grid-column:2;text-align:right; }
 .retail-problem-media::after,.retail-review-media::after { display:none; }
 .retail-review-media { grid-column:1;grid-row:1;min-height:480px;align-self:stretch; }
 .retail-review-grid { grid-column:2;grid-row:1;padding:0; }
 .source-page .retail-management { gap:28px; }
}
@media(max-width:700px){
 .source-page .retail-story { padding:26px 0; }
 .source-page .retail-story h2,.retail-scene-heading h2 { font-size:23px; }
 .retail-topic-nav { grid-template-columns:1fr 1fr;margin-bottom:24px; }
 .retail-topic-nav a { min-height:52px;padding:12px 8px;font-size:14px; }
 .retail-topic-nav a:nth-child(3) { border-left:0;border-top:1px solid #d6e5ed; }
 .retail-topic-nav a:nth-child(4) { border-top:1px solid #d6e5ed; }
 .retail-problem-row,.retail-review-layout,.source-page .retail-problem[data-retail-topic="3"] .retail-problem-row { display:flex;flex-direction:column;gap:20px;align-items:stretch; }
 .retail-problem-media,.retail-media-left .retail-problem-media,.source-page .retail-problem[data-retail-topic="3"] .retail-problem-media { min-height:0;height:250px;order:0; }
 .retail-problem-copy,.retail-media-left .retail-problem-copy,.source-page .retail-problem[data-retail-topic="3"] .retail-problem-copy { padding:0;text-align:left;order:1; }
 .retail-media-left .retail-problem-copy h2::before { margin-left:0; }
 .retail-review-media { min-height:0;height:240px; }
 .retail-review-grid { text-align:left; }
 .retail-review-card footer { justify-content:flex-start; }
 .retail-benefits-grid > article { grid-template-columns:1fr;gap:8px;padding:16px 0; }
 .source-page .retail-management { display:flex;flex-direction:column;gap:22px; }
 .retail-management-media { width:100%; }
 .retail-management-copy { width:100%; }
 .retail-management-actions { gap:4px 20px; }
 .retail-scene-group { margin:24px auto;border-radius:6px; }
 .retail-scene-heading { padding:20px 16px 12px; }
 .retail-scene-help { padding:0 16px 16px; }
 .retail-scene-tabs { display:flex;overflow-x:auto; }
 .retail-scene-tabs button { flex:0 0 auto;padding:13px 14px;min-height:50px; }
 .retail-scene-note { padding:14px 16px; }
 .source-page .retail-scene-group .source-figure { padding:8px 8px 14px; }
}