/* One navigation model across summaries, page-turn readers and working demos. */
.case-flow{--case-view-height:43px;--case-view-ink:#694c48;--case-view-bg:#faf6ef;--case-view-line:#dfcfc2;--case-view-active:#ead6d1;padding-top:var(--case-view-height)!important;box-sizing:border-box}
.case-flow-craviq{--case-view-ink:#0d2545;--case-view-bg:#fff8f0;--case-view-line:#eed7c3;--case-view-active:#ffe1cb}
.case-flow-caterpillar{--case-view-ink:#17685f;--case-view-bg:#fffef9;--case-view-line:#cfe1d5;--case-view-active:#dceee2}
.case-viewnav{position:fixed;inset:0 0 auto;height:var(--case-view-height);z-index:1250;background:var(--case-view-bg);border-bottom:1px solid var(--case-view-line);color:var(--case-view-ink);font:11px/1.4 Arial,Helvetica,sans-serif;box-sizing:border-box}
.case-viewnav-inner{width:min(1120px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box}
.case-view-name{font-size:9px;font-weight:700;letter-spacing:.06em;flex:1;min-width:0}
.case-view-links{display:flex;align-items:center;gap:5px;height:100%;flex:none}
.case-viewnav .case-view-links>a{display:flex;align-items:center;justify-content:center;min-height:31px;padding:6px 13px;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:600;letter-spacing:0;color:var(--case-view-ink);background:transparent;line-height:1.4;box-sizing:border-box;text-decoration:none;white-space:nowrap}
.case-viewnav .case-view-links>a[aria-current=page]{background:var(--case-view-active);border-color:var(--case-view-line)}
.case-viewnav .case-view-links>a:hover{background:var(--case-view-active)}
.case-viewnav a:focus-visible{outline:2px solid var(--case-view-ink);outline-offset:2px}
.case-viewnav .case-view-context{flex:1;text-align:right;font-size:9px;letter-spacing:0;font-weight:600;color:var(--case-view-ink);white-space:nowrap;text-decoration:none}
.case-view-summary>header,.case-view-demo>header{top:var(--case-view-height)!important}
.case-flow.case-view-journey{height:100dvh;overflow:hidden}
.case-flow-craviq.case-view-journey .reader-shell{height:calc(100dvh - 62px - var(--case-view-height))}
.case-flow-caterpillar.case-view-journey .reader-shell{height:calc(100dvh - 63px - var(--case-view-height))}
body.case-flow-mon.mon-immersive .story-stage{top:var(--case-view-height)!important;height:calc(100dvh - var(--case-view-height))!important}
.case-flow .reader-business-tools{font:600 10px/1.4 Arial,sans-serif;color:#79535f;white-space:nowrap;padding:7px}
.case-flow #cartOverlay,.case-flow .modal,.case-flow .lightbox{z-index:3000}
.case-flow .case-conversation-link{display:block;flex-basis:100%;font-size:11px;font-weight:600;color:var(--brand);margin-top:8px}
.case-flow.case-view-demo section[id]{scroll-margin-top:140px}
.comfort-options{display:flex;gap:6px;margin-top:18px}
.comfort-options button{flex:1;min-width:0;min-height:39px;border:1px solid var(--line);border-radius:6px;background:var(--ivory);color:var(--brand);font-size:10px;line-height:1.5;padding:8px 5px}
.comfort-options button[aria-pressed=true]{background:var(--brand);color:white;border-color:var(--brand)}
.comfort-result{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:18px;margin-top:19px;padding:14px;background:var(--ivory);border:1px solid var(--line);border-radius:9px;min-height:184px}
.comfort-result img{display:block;width:100%;height:160px;object-fit:contain;border-radius:7px;background:#f3ece3}
.comfort-result h4{font:400 24px/1.2 Georgia,serif;color:var(--ink);margin:9px 0 10px;letter-spacing:-.025em}
.comfort-result p{font-size:11px;line-height:1.8;margin:0 0 15px}
.comfort-result .text-link{font-size:10px;line-height:1.7;display:inline-block}
.book-demo-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;gap:14px;padding:10px;border:1px solid #e8d7c5;border-radius:10px;background:#fff9f0;color:#0d2545}
.book-demo-preview img{display:block;width:100%;max-height:290px;min-height:0;flex:1;object-fit:contain;border-radius:7px}
.book-demo-preview span{display:block;flex:none;background:#0d2545;color:white;padding:11px 18px;border-radius:6px;font:700 12px/1.5 Arial,sans-serif}
@media(max-width:760px){
 .case-viewnav-inner{width:calc(100% - 24px);justify-content:center;gap:0}
 .case-view-name,.case-viewnav .case-view-context{display:none}
 .case-viewnav .case-view-links>a{font-size:10px;padding:7px 17px;min-height:32px}
 .case-flow-craviq.case-view-journey .reader-shell{height:calc(100dvh - 53px - var(--case-view-height))}
 .case-flow-caterpillar.case-view-journey .reader-shell{height:calc(100dvh - 57px - var(--case-view-height))}
 .case-flow-craviq.case-view-journey .reader-sidebar{top:calc(53px + var(--case-view-height))}
 .case-flow-caterpillar.case-view-journey .sidebar{top:calc(58px + var(--case-view-height))}
 .case-flow .reader-business-tools{display:none}
 .comfort-options button{font-size:9px;min-height:41px;padding:7px 4px}
 .comfort-result{grid-template-columns:100px minmax(0,1fr);gap:13px;padding:12px;min-height:177px}
 .comfort-result img{height:150px}
 .comfort-result h4{font-size:22px}
 .comfort-result .eyebrow{font-size:7px}
 .comfort-result p{font-size:10px;margin-bottom:10px}
 .comfort-result .text-link{font-size:9px}
}
@media(max-width:360px){.comfort-result{grid-template-columns:84px minmax(0,1fr);gap:10px}.comfort-result h4{font-size:20px}.comfort-result img{height:140px}}
@media(max-height:730px) and (min-width:761px){.case-flow-caterpillar.case-view-journey .reader-shell{height:calc(100dvh - 52px - var(--case-view-height))}}