/* Ticket Flow layout pass: shared case-study rhythm with project-specific scale. */
.cb-case-v2 .cb2-hero{padding-bottom:54px}
.cb-case-v2 .cb2-hero-grid{grid-template-columns:minmax(360px,.86fr) minmax(520px,1.14fr);gap:52px;padding:38px 0 58px}
.cb-case-v2 .rd-hero-copy h1{max-width:680px;margin:18px 0 24px;font-size:clamp(4.3rem,6.2vw,6.8rem);line-height:.9}
.cb-case-v2 .rd-hero-copy>p{max-width:610px;margin:22px 0}
.cb-case-v2 .cb2-shift{width:100%;max-width:760px;justify-self:end}
.cb2-ticket-hero{position:relative;width:100%;max-width:760px;justify-self:end;padding:30px 34px;background:#fff;border:1px solid #dce3ec;border-radius:24px;box-shadow:0 30px 65px rgba(29,40,66,.13)}
.cb2-ticket-hero>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e2e7ee}
.cb2-ticket-hero>header div{display:flex;flex-direction:column;gap:5px}.cb2-ticket-hero>header small,.cb2-ticket-body small{color:#8994a5;font-size:.49rem;font-weight:900;letter-spacing:.12em}.cb2-ticket-hero>header strong{font-size:1.15rem}.cb2-ticket-hero>header>span{padding:8px 11px;color:#157b59;background:#e7f8f0;border-radius:999px;font-size:.52rem;font-weight:900}
.cb2-ticket-route{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:10px;align-items:center;margin:28px 0}.cb2-ticket-route i{position:relative;width:48px;aspect-ratio:1;display:grid;place-items:center;color:#fff;background:#17845f;border-radius:50%;font-size:.58rem;font-style:normal;font-weight:900}.cb2-ticket-route i small{position:absolute;top:56px;color:#788497;font-size:.43rem;letter-spacing:.06em}.cb2-ticket-route i.ready{background:#d88d24}.cb2-ticket-route b{height:4px;background:linear-gradient(90deg,#26a67c,#d88d24);border-radius:4px}
.cb2-ticket-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:43px}.cb2-ticket-body>div{display:flex;min-height:90px;padding:17px;justify-content:center;flex-direction:column;background:#f4f6f9;border:1px solid #e2e6ed;border-radius:12px}.cb2-ticket-body strong{margin-top:8px;color:#172033;font-size:.78rem}.cb2-ticket-body>div:nth-child(4) strong{color:#16805d}
.cb2-ticket-hero>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:16px 18px;color:#617083;background:#edf8f3;border:1px solid #d4ebdf;border-radius:11px;font-size:.54rem}.cb2-ticket-hero>footer strong{color:#167b59}
.cb2-ticket-hero>aside{position:absolute;right:-18px;bottom:-38px;display:flex;padding:15px 20px;flex-direction:column;background:#172033;border-radius:12px;box-shadow:0 18px 35px rgba(20,29,49,.18)}.cb2-ticket-hero>aside small{color:#e4b762;font-size:.43rem;font-weight:900;letter-spacing:.12em}.cb2-ticket-hero>aside strong{margin:5px 0;color:#fff;font-size:.78rem}.cb2-ticket-hero>aside span{color:#aeb8c8;font-size:.48rem}
.cb-case-v2 .cb2-donut{width:225px;margin:25px auto 22px}
.cb-case-v2 .cb2-return{right:18px;bottom:-30px}
.cb-case-v2 .rd-proof{align-items:stretch;margin-top:58px;padding-top:28px}
.cb-case-v2 .rd-proof>div{min-height:88px;padding:0 34px;justify-content:flex-start}
.cb-case-v2 .rd-proof>div:first-child{padding-left:0}
.cb-case-v2 .rd-proof>div:last-child{padding-right:0}
.cb-case-v2 .rd-proof strong{line-height:1.08}
.cb-case-v2 .rd-proof span{display:block;margin-top:10px;line-height:1.5}
.cb-case-v2 .rd-intro{padding:104px 0 96px}
.cb-case-v2 .rd-intro-grid{gap:72px}
.cb-case-v2 .rd-intro-grid>div:last-child{padding-top:16px}
.cb-case-v2 .cb2-story-cards{margin-top:38px}
.cb-case-v2 .cb2-story-cards article{min-height:235px;padding:25px}
.cb-case-v2 .cb2-story{height:210vh}
.cb-case-v2 .cb-story-layout{grid-template-columns:.76fr 1.24fr;gap:52px}
.cb-case-v2 .rd-logic,.cb-case-v2 .ff-before,.cb-case-v2 .rd-impact{padding:105px 0}
.cb-case-v2 .rd-final{padding:76px 0 48px}
.cb-case-v2 .rd-section-head{margin-bottom:48px}
.cb-case-v2 .rd-skill-grid{gap:14px}
.cb-case-v2 .rd-skill-grid>article{padding:32px}
.cb-case-v2 .rd-skill-discovery{gap:42px}
.cb-case-v2 .rd-compare-shell{height:555px}
.cb-case-v2 .cb2-before,.cb-case-v2 .cb2-after{height:285px}
.cb-case-v2 .cb2-clock{width:150px}
.cb-case-v2 .rd-before{z-index:1;overflow:hidden;background:radial-gradient(circle at 16% 50%,rgba(216,141,36,.08),transparent 18rem),#182033}
.cb-case-v2 .rd-after{z-index:6;overflow:hidden}
.cb-case-v2 .rd-compare-labels{z-index:12;pointer-events:none}
.cb-case-v2 .rd-compare-handle{z-index:14}
.cb-case-v2 .rd-compare-range{z-index:15}
.cb-case-v2 .rd-before .cb2-before{position:relative;display:block;height:310px}
.cb-case-v2 .rd-before .cb2-clock{position:absolute;left:1%;top:58px;z-index:3;transform:rotate(-5deg)}
.cb-case-v2 .rd-before .cb2-before ol{position:absolute;inset:4px 0 0 28%;display:block}
.cb-case-v2 .rd-before .cb2-before li{position:absolute;width:43%;padding:14px 17px;border:1px solid #41506c;box-shadow:0 16px 28px rgba(3,9,20,.2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.cb-case-v2 .rd-before .cb2-before li:nth-child(1){top:4px;left:3%;transform:rotate(-2.5deg)}
.cb-case-v2 .rd-before .cb2-before li:nth-child(2){top:18px;right:1%;width:39%;transform:rotate(3deg)}
.cb-case-v2 .rd-before .cb2-before li:nth-child(3){top:91px;left:15%;width:48%;transform:rotate(1.5deg)}
.cb-case-v2 .rd-before .cb2-before li:nth-child(4){top:154px;right:5%;width:44%;transform:rotate(-2deg)}
.cb-case-v2 .rd-before .cb2-before li:nth-child(5){top:212px;left:0;width:46%;transform:rotate(2.5deg)}
.cb-case-v2 .rd-before .cb2-before li:nth-child(6){top:239px;right:0;width:42%;transform:rotate(-1deg)}
.cb-case-v2 .rd-before .cb2-before:before,.cb-case-v2 .rd-before .cb2-before:after{position:absolute;z-index:4;padding:8px 11px;border-radius:6px;font:800 .46rem ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 9px 18px rgba(2,8,19,.2)}
.cb-case-v2 .rd-before .cb2-before:before{top:112px;left:22%;color:#46320f;background:#edc46a;content:'KTERÁ VERZE JE SPRÁVNÁ?'}
.cb-case-v2 .rd-before .cb2-before:after{right:12%;bottom:6px;color:#ffd3d3;background:#853c45;content:'2 HODNOTY NESOUHLASÍ'}
.cb-case-v2 .rd-before>ul{position:relative;z-index:5;gap:10px}
.cb-case-v2 .rd-before>ul li:nth-child(1){transform:rotate(-.7deg)}
.cb-case-v2 .rd-before>ul li:nth-child(2){transform:translateY(7px) rotate(.5deg)}
.cb-case-v2 .rd-before>ul li:nth-child(3){transform:translateY(-4px) rotate(-.35deg)}
.cb-case-v2 .rd-section-head.light h2 em{color:#e5a13b}
.cb-case-v2 .rd-final-card{gap:48px;padding:48px 54px}
@media(max-width:1050px){.cb-case-v2 .cb2-hero-grid{grid-template-columns:1fr}.cb-case-v2 .cb2-shift{max-width:none;justify-self:stretch}.cb-case-v2 .cb2-story{height:auto}}
@media(max-width:720px){.cb-case-v2 .rd-hero-copy h1{font-size:clamp(3.7rem,18vw,5.3rem)}.cb-case-v2 .rd-intro,.cb-case-v2 .rd-logic,.cb-case-v2 .ff-before,.cb-case-v2 .rd-impact{padding:78px 0}.cb-case-v2 .rd-final{padding:58px 0 32px}.cb-case-v2 .rd-proof>div{padding:0}.cb-case-v2 .rd-compare-shell{height:680px}.cb-case-v2 .rd-final-card{padding:30px 24px}}
@media(max-width:720px){.cb-case-v2 .rd-before .cb2-before{height:390px}.cb-case-v2 .rd-before .cb2-clock{top:8px;left:50%;width:110px;transform:translateX(-50%) rotate(-4deg)}.cb-case-v2 .rd-before .cb2-before ol{inset:125px 0 0}.cb-case-v2 .rd-before .cb2-before li{width:58%;padding:10px}.cb-case-v2 .rd-before .cb2-before li:nth-child(1){top:0;left:0}.cb-case-v2 .rd-before .cb2-before li:nth-child(2){top:25px;right:0;width:55%}.cb-case-v2 .rd-before .cb2-before li:nth-child(3){top:87px;left:8%;width:65%}.cb-case-v2 .rd-before .cb2-before li:nth-child(4){top:145px;right:0;width:61%}.cb-case-v2 .rd-before .cb2-before li:nth-child(5){top:202px;left:0;width:62%}.cb-case-v2 .rd-before .cb2-before li:nth-child(6){top:239px;right:0;width:58%}.cb-case-v2 .rd-before .cb2-before:before{top:205px;left:2%}.cb-case-v2 .rd-before .cb2-before:after{right:2%;bottom:0}}
@media(max-width:1050px){.cb2-ticket-hero{max-width:none;justify-self:stretch}}
@media(max-width:720px){.cb2-ticket-hero{padding:22px 18px}.cb2-ticket-hero>header{align-items:flex-start;gap:14px;flex-direction:column}.cb2-ticket-route{gap:5px}.cb2-ticket-route i{width:37px}.cb2-ticket-route i small{display:none}.cb2-ticket-body{grid-template-columns:1fr;margin-top:20px}.cb2-ticket-hero>footer{align-items:flex-start;flex-direction:column}.cb2-ticket-hero>aside{position:relative;right:auto;bottom:auto;margin-top:12px}}

/* One restrained highlight color per case study. */
.rd-case{--case-highlight:#3569f3;--case-highlight-soft:#eaf0ff}
.rd-case.ff-case{--case-highlight:#cf4750;--case-highlight-soft:#ffebed}
.rd-case.pc-case{--case-highlight:#10976b;--case-highlight-soft:#e7f8f1}
.rd-case.cb-case{--case-highlight:#d99a00;--case-highlight-soft:#fff7d6;--cb-accent:#d99a00;--cb-soft:#fff7d6}
.rd-case .rd-hero-copy h1 em,
.rd-case .rd-intro h2 em,
.rd-case .rd-section-head h2 em,
.rd-case .ff-story-copy h2 em,
.rd-case .rd-final h2 em{color:var(--case-highlight)!important}
.rd-case .rd-kicker span,
.rd-case .eyebrow,
.rd-case .rd-story-pair article>span,
.rd-case .rd-skill-grid article>span,
.rd-case .rd-value-grid article>span,
.rd-case .cb2-story-cards article>span{color:var(--case-highlight)}

/* Each story phase explains one operation instead of merely swapping panels. */
@media(prefers-reduced-motion:no-preference){
  .page-entered .cb2-ticket-hero{animation:cb2TicketHeroIn .72s .16s cubic-bezier(.2,.8,.2,1) both}
  .page-entered .cb2-ticket-route i,.page-entered .cb2-ticket-route b{animation:cb2TicketStepIn .38s cubic-bezier(.2,.8,.2,1) both}
  .page-entered .cb2-ticket-route>*:nth-child(2){animation-delay:.08s}.page-entered .cb2-ticket-route>*:nth-child(3){animation-delay:.16s}.page-entered .cb2-ticket-route>*:nth-child(4){animation-delay:.24s}.page-entered .cb2-ticket-route>*:nth-child(5){animation-delay:.32s}.page-entered .cb2-ticket-route>*:nth-child(6){animation-delay:.4s}.page-entered .cb2-ticket-route>*:nth-child(7){animation-delay:.48s}
  .cb2-stage:not(.cb-story-in-view) .cb-stage-panel *{animation-name:none!important}
  .cb2-stage:not(.cb-story-in-view) .cb-source>div,.cb2-stage:not(.cb-story-in-view) .cb-source>footer{opacity:0}
  .cb2-stage[data-phase="0"] .cb-source>div{animation:cb2SourceRead .48s cubic-bezier(.2,.8,.2,1) both}
  .cb2-stage[data-phase="0"] .cb-source>div:nth-of-type(2){animation-delay:.1s}
  .cb2-stage[data-phase="0"] .cb-source>div:nth-of-type(3){animation-delay:.2s}
  .cb2-stage[data-phase="0"] .cb-source>div:first-of-type em{animation:cb2Warning .42s .48s ease both}
  .cb2-stage[data-phase="0"] .cb-source footer{animation:cb2FooterUp .42s .55s ease both}

  .cb2-stage[data-phase="1"] .cb-workers i{animation:cb2Worker .62s cubic-bezier(.2,.8,.2,1) both}
  .cb2-stage[data-phase="1"] .cb-workers i:nth-child(2){animation-delay:.08s}
  .cb2-stage[data-phase="1"] .cb-workers i:nth-child(3){animation-delay:.16s}
  .cb2-stage[data-phase="1"] .cb-workers i:nth-child(4){animation-delay:.24s}
  .cb2-stage[data-phase="1"] .cb-enrich li{animation:cb2Lookup .48s cubic-bezier(.2,.8,.2,1) both}
  .cb2-stage[data-phase="1"] .cb-enrich li:nth-child(2){animation-delay:.12s}
  .cb2-stage[data-phase="1"] .cb-enrich li:nth-child(3){animation-delay:.24s}
  .cb2-stage[data-phase="1"] .cb-enrich footer span{transform-origin:left;animation:cb2Fill .75s .22s ease both}

  .cb2-stage[data-phase="2"] .cb-sheet{animation:cb2SheetIn .55s cubic-bezier(.2,.8,.2,1) both}
  .cb2-stage[data-phase="2"] .cb-sheet p{animation:cb2RowCalculate .46s ease both}
  .cb2-stage[data-phase="2"] .cb-sheet p:nth-of-type(2){animation-delay:.12s}
  .cb2-stage[data-phase="2"] .cb-sheet p:nth-of-type(3){animation-delay:.24s}
  .cb2-stage[data-phase="2"] .cb-sheet p strong{animation:cb2TotalFlash .42s .38s ease both}
  .cb2-stage[data-phase="2"] .cb-sheet footer{animation:cb2FooterUp .45s .5s ease both}

  .cb2-stage[data-phase="3"] .cb-ready-head{animation:cb2ReadyHead .48s cubic-bezier(.2,.8,.2,1) both}
  .cb2-stage[data-phase="3"] .cb-ready dl div{animation:cb2FieldIn .4s ease both}
  .cb2-stage[data-phase="3"] .cb-ready dl div:nth-child(2){animation-delay:.08s}
  .cb2-stage[data-phase="3"] .cb-ready dl div:nth-child(3){animation-delay:.16s}
  .cb2-stage[data-phase="3"] .cb-ready dl div:nth-child(4){animation-delay:.24s}
  .cb2-stage[data-phase="3"] .cb-ready button{animation:cb2Confirm .5s .35s cubic-bezier(.2,.8,.2,1) both}

  @keyframes cb2SourceRead{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
  @keyframes cb2Warning{0%{color:#65d8aa;transform:scale(.92)}45%{transform:translateX(5px);color:#e09a32}70%{transform:translateX(-4px)}100%{transform:none;color:#e09a32}}
  @keyframes cb2FooterUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  @keyframes cb2Worker{0%{opacity:0;transform:scale(.55)}65%{transform:scale(1.12)}100%{opacity:1;transform:none}}
  @keyframes cb2Lookup{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}
  @keyframes cb2Fill{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
  @keyframes cb2SheetIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
  @keyframes cb2RowCalculate{from{opacity:0;background:#fff4d8;transform:translateY(8px)}to{opacity:1;background:#fff;transform:none}}
  @keyframes cb2TotalFlash{0%{color:#d88d24;transform:scale(1.12)}100%{color:#172033;transform:none}}
  @keyframes cb2ReadyHead{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
  @keyframes cb2FieldIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  @keyframes cb2Confirm{0%{opacity:0;transform:scaleX(.82)}70%{transform:scaleX(1.02)}100%{opacity:1;transform:none}}
  @keyframes cb2TicketHeroIn{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
  @keyframes cb2TicketStepIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
}

/* Demo refinement: ticket-first hierarchy and a denser operational workspace. */
.cb-demo .cb-demo-shell{max-width:1420px}
.cb-demo .cb-demo-toolbar{grid-template-columns:1fr auto auto;padding:16px 20px}
.cb-demo .cb-demo-toolbar>button{min-width:190px;background:#172033}
.cb-demo .cb-demo-case{min-width:190px}
.cb-demo .cb-demo-progress{margin:10px 0 8px;padding:13px 18px}
.cb-demo-promise{display:grid;grid-template-columns:1fr auto 1.35fr auto 1fr;gap:14px;align-items:center;margin-bottom:10px;padding:15px 20px;background:#fff;border:1px solid #dce3ed;border-radius:12px}
.cb-demo-promise>div{display:flex;flex-direction:column;gap:5px}.cb-demo-promise small{color:#b17118;font-size:.44rem;font-weight:900;letter-spacing:.13em}.cb-demo-promise strong{font-size:.62rem}.cb-demo-promise>i{color:#a5aebb;font-style:normal}
.cb-demo .cb-demo-grid{grid-template-columns:1.35fr .65fr;gap:12px}
.cb-demo .cb-demo-data,.cb-demo .cb-demo-ticket{padding:20px}
.cb-demo .cb-demo-table .head>span:nth-child(3),.cb-demo .cb-demo-table article>span:nth-child(3){text-align:center}
.cb-demo .cb-demo-table .head>span:nth-child(4),.cb-demo .cb-demo-table .head>span:nth-child(5),.cb-demo .cb-demo-table article>span:nth-child(4),.cb-demo .cb-demo-table article>strong{text-align:right}
.cb-demo .cb-demo-table .head>span:nth-child(6){text-align:center}
.cb-demo .cb-demo-table article>em{justify-self:center;text-align:center}
.cb-demo .cb-demo-ticket{position:sticky;top:84px;align-self:start;border-color:#d7dfeb;box-shadow:0 18px 40px rgba(24,35,60,.07)}
.cb-demo .cb-demo-ticket>header{padding-bottom:16px;border-bottom:1px solid #e3e7ee}
.cb-demo .cb-ticket-empty{min-height:350px}
.cb-demo .cb-ticket-empty>i{color:#fff;background:#d88d24;font-size:.65rem;font-weight:900}
.cb-empty-route{display:flex;align-items:center;gap:7px;margin-top:22px}.cb-empty-route b{padding:8px 10px;color:#687487;background:#fff;border:1px solid #dce2eb;border-radius:7px;font-size:.45rem}.cb-empty-route em{color:#a3acb9;font-size:.55rem;font-style:normal}
.cb-build-artifacts{display:grid;width:100%;gap:7px;margin-top:22px}.cb-build-artifacts p{display:flex;align-items:center;gap:9px;margin:0;padding:10px 12px;color:#909aab;background:#eef1f5;border:1px solid #e2e6ec;border-radius:8px;font-size:.5rem;transition:.35s}.cb-build-artifacts p>i{width:8px;height:8px;background:#c7ced8;border-radius:50%;transition:.35s}
.cb-demo[data-demo-phase="1"] [data-build-artifact="1"],.cb-demo[data-demo-phase="2"] [data-build-artifact="1"],.cb-demo[data-demo-phase="3"] [data-build-artifact="1"],.cb-demo[data-demo-phase="4"] [data-build-artifact]{color:#166f53;background:#e8f8f1;border-color:#cbeadb}
.cb-demo[data-demo-phase="2"] [data-build-artifact="2"],.cb-demo[data-demo-phase="3"] [data-build-artifact="2"]{color:#166f53;background:#e8f8f1;border-color:#cbeadb}.cb-demo[data-demo-phase="3"] [data-build-artifact="3"]{color:#166f53;background:#e8f8f1;border-color:#cbeadb}
.cb-demo[data-demo-phase="1"] [data-build-artifact="1"]>i,.cb-demo[data-demo-phase="2"] [data-build-artifact="1"]>i,.cb-demo[data-demo-phase="2"] [data-build-artifact="2"]>i,.cb-demo[data-demo-phase="3"] [data-build-artifact]>i,.cb-demo[data-demo-phase="4"] [data-build-artifact]>i{background:#20a977;box-shadow:0 0 0 4px rgba(32,169,119,.12)}
.cb-demo[data-demo-phase="1"] .cb-demo-data{border-color:#e4b965;box-shadow:0 0 0 3px rgba(216,141,36,.08)}.cb-demo[data-demo-phase="2"] .cb-demo-table{border-color:#79bca5}.cb-demo[data-demo-phase="3"] .cb-demo-data>footer{color:#176f54;background:#e8f8f1}.cb-demo[data-demo-phase="3"] .cb-demo-table article.evidence{background:#f4fbf8}.cb-demo[data-demo-phase="4"] .cb-demo-ticket{border-color:#7cc5aa;box-shadow:0 18px 45px rgba(23,132,95,.14)}
.cb-demo .cb-ready-state{color:#166f53;background:#e6f7ef}
.cb-demo .cb-demo-confirm button{background:#172033}
.cb-demo .cb-demo-log{padding:18px 20px}.cb-demo .cb-demo-log>div{margin-top:12px}.cb-demo .cb-demo-log p{border-left:3px solid #d88d24}
@media(prefers-reduced-motion:no-preference){.cb-demo[data-demo-phase] .cb-ticket-empty>i{animation:cbDemoPhasePulse .55s cubic-bezier(.2,.8,.2,1)}.cb-demo[data-demo-phase="2"] .cb-demo-table article{animation:cbDemoValueIn .42s calc(var(--row)*35ms) both}.cb-demo[data-demo-phase="3"] .cb-build-artifacts p{animation:cbDemoArtifactIn .42s both}.cb-demo[data-demo-phase="4"] .cb-ticket-ready{animation:cbDemoTicketIn .58s cubic-bezier(.2,.8,.2,1) both}@keyframes cbDemoPhasePulse{0%{transform:scale(.7);opacity:.2}70%{transform:scale(1.12)}100%{transform:none;opacity:1}}@keyframes cbDemoValueIn{from{opacity:.35;transform:translateX(9px)}to{opacity:1;transform:none}}@keyframes cbDemoArtifactIn{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes cbDemoTicketIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}}
@media(max-width:1050px){.cb-demo-promise{grid-template-columns:1fr}.cb-demo-promise>i{display:none}.cb-demo .cb-demo-grid{grid-template-columns:1fr}.cb-demo .cb-demo-ticket{position:relative;top:auto}}
@media(max-width:720px){.cb-demo .cb-demo-toolbar{grid-template-columns:1fr}.cb-demo .cb-demo-case{min-width:0;padding:12px 0;border-top:1px solid #e4e8ee;border-right:0;border-bottom:1px solid #e4e8ee}.cb-demo .cb-demo-toolbar>button{width:100%}}