.case-layout--creator{grid-template-columns:minmax(0,1.45fr) minmax(430px,1fr)}
.case-layout--creator .cm-case-details{--detail-ink:#171a17;--detail-muted:#69716b;min-width:0;height:100%;padding:28px clamp(24px,2.35vw,46px) 40px;display:block;overflow:auto;background:#faf8f2;color:var(--detail-ink)}
.cm-detail-head{padding-bottom:23px;border-bottom:1px solid #29352e30}
.cm-detail-head>.label{display:block;color:#536056;font:700 11px/1.2 'Space Grotesk',sans-serif;letter-spacing:.12em}
.cm-case-details .cm-detail-head h2{margin:10px 0 9px!important;font:700 clamp(31px,2.45vw,48px)/.94 'Space Grotesk',sans-serif!important;letter-spacing:-.06em;color:var(--detail-ink)}
.cm-detail-head .case-tag{padding:0;color:#747f78;font:650 10px/1.45 'Space Grotesk',sans-serif;letter-spacing:.1em}
.cm-detail-head>p{margin:23px 0 0;font:500 clamp(13px,1vw,16px)/1.45 'DM Sans',sans-serif;color:#3e4740}
.cm-program{padding:25px 0 23px;border-bottom:1px solid #29352e30}
.cm-program:last-child{border-bottom:0}
.cm-program-head{display:flex;align-items:center;justify-content:flex-start;gap:15px;min-width:0;height:auto;margin:0 0 14px;padding:0;border:0;background:transparent}
.cm-program-number{flex:0 0 47px;height:47px;display:grid;place-items:center;border-radius:15px;background:#d7efca;font:700 22px/1 'Space Grotesk',sans-serif}
.cm-program--reverse .cm-program-number{background:#e6dcfa}
.cm-case-details .cm-program-head h3{min-width:0;margin:0!important;font:700 clamp(21px,1.6vw,30px)/1 'Space Grotesk',sans-serif;letter-spacing:-.05em;white-space:nowrap}
.cm-program-games{display:flex;gap:7px;margin-left:auto;min-width:0}
.cm-program-games img{display:block;width:38px;height:38px;object-fit:cover;border-radius:10px;border:1px solid #d7ddd4;box-shadow:0 2px 7px #17201922}
.cm-program h4{margin:0 0 6px;font:700 clamp(12px,.93vw,16px)/1.3 'Space Grotesk',sans-serif;letter-spacing:-.025em}
.cm-fact{display:grid;grid-template-columns:28px 74px minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #29352e1d}
.cm-fact:last-of-type{border-bottom:0}
.cm-fact-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;border:1px solid #a9d1a8;color:#3f864e;font:700 16px/1 'Space Grotesk',sans-serif}
.cm-program--reverse .cm-fact-icon{border-color:#d6c6f0;color:#7962bc}
.cm-fact b{font:700 11px/1.3 'Space Grotesk',sans-serif;letter-spacing:.06em}
.cm-fact p{margin:0!important;color:#424944;font:500 clamp(11px,.82vw,14px)/1.38 'DM Sans',sans-serif!important}
.cm-program-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;padding:16px 12px;border-radius:13px;background:#eaf4e4}
.cm-program-metrics>div{min-width:0;padding:0 12px;border-left:1px solid #74907840}
.cm-program-metrics>div:first-child{border-left:0}
.cm-program-metrics strong{display:block;color:#111815;font:700 clamp(25px,2.1vw,40px)/1 'Space Grotesk',sans-serif;letter-spacing:-.065em;white-space:nowrap}
.cm-program-metrics span{display:block;margin-top:5px;color:#4c5750;font:600 11px/1.25 'DM Sans',sans-serif}
.cm-program-metrics small{display:block;margin-top:4px;color:#6a756c;font:500 9px/1.3 'DM Sans',sans-serif}
.cm-program-metrics--reverse{grid-template-columns:1fr 1.45fr .9fr;background:#f0eafa}
.cm-program-metrics--reverse .cm-platform-counts{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:5px 10px}
.cm-platform-counts .cm-platform-count{display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:3px;margin:0;color:#5a5369;white-space:nowrap;font:600 11px/1.3 'Space Grotesk',sans-serif}
.cm-platform-count svg{grid-row:1/3;width:16px;height:16px;overflow:visible}
.cm-platform-count b{color:#171a17;font-size:14px;line-height:1}
.cm-platform-count small{grid-column:2;margin:0!important;color:#766d7f;font:500 7px/1.15 'DM Sans',sans-serif}
.cm-program-metrics--reverse>div:last-child{align-self:center;margin-left:5px;padding:8px 10px;border-left:0;border-radius:8px;background:#e4d8f8}
.cm-program-metrics--reverse>div:last-child strong{font-size:18px;letter-spacing:-.035em}
/* Restore the original two-to-one split: the screening canvas owns the stage. */
@media (min-width:1101px){
  #case-dialog:has(.case-layout--creator){height:98vh;max-height:98vh}
  #case-content:has(.case-layout--creator){height:calc(98vh - 68px)}
  .case-layout--creator{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .case-layout--creator .cm-case-details{display:flex;flex-direction:column;height:100%;padding:13px 18px 12px;overflow:visible}
  .cm-detail-head{padding-bottom:9px}
  .cm-detail-head>.label{font-size:9px}
  .cm-case-details .cm-detail-head h2{margin:4px 0 5px!important;font-size:clamp(24px,2vw,34px)!important;line-height:.92!important}
  .cm-detail-head .case-tag{font-size:8px}
  #case-content .cm-detail-head>p{margin:6px 0 0;font-size:12px;line-height:1.25}
  .cm-program{min-width:0;padding:10px 0 9px}
  .cm-program-head{gap:7px;margin-bottom:4px}
  .cm-program-number{flex-basis:27px;height:27px;border-radius:7px;font-size:14px}
  .cm-case-details .cm-program-head h3{font-size:clamp(17px,1.34vw,22px);line-height:1}
  .cm-program-games{gap:3px}
  .cm-program-games img{width:24px;height:24px;border-radius:6px}
  .cm-program h4{margin-bottom:2px;font-size:10px;line-height:1.15}
  .cm-fact{grid-template-columns:15px 59px minmax(0,1fr);gap:4px;align-items:start;padding:4px 0}
  .cm-fact-icon{width:15px;height:15px;font-size:9px}
  .cm-fact b{padding-top:1px;font-size:11px;line-height:1.2}
  .cm-fact p{font-size:11px!important;line-height:1.2!important}
  .cm-program-metrics{margin-top:6px;padding:7px 3px;border-radius:7px}
  .cm-program-metrics>div{padding:0 4px}
  .cm-program-metrics strong{font-size:clamp(19px,1.55vw,27px)}
  .cm-program-metrics span{margin-top:3px;font-size:9px;line-height:1.15}
  .cm-program-metrics small{margin-top:2px;font-size:7px;line-height:1.15}
  .cm-program-metrics--reverse{grid-template-columns:.75fr 1.55fr .8fr}
  .cm-program-metrics--reverse .cm-platform-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
  .cm-platform-counts .cm-platform-count{grid-template-columns:16px minmax(0,1fr);column-gap:2px}
  .cm-platform-count svg{width:16px;height:16px}
  .cm-platform-count b{font-size:11px}
  .cm-platform-count small{font-size:6px}
  .cm-program-metrics--reverse>div:last-child{margin-left:3px;padding:5px 4px;border-radius:6px}
  .cm-program-metrics--reverse>div:last-child strong{font-size:15px}
}
@media (min-width:1101px) and (max-height:700px){
  .case-layout--creator .cm-case-details{padding-block:9px}
  .cm-program{padding-block:7px}
  .cm-fact{padding-block:3px}
}
@media (min-width:1350px) and (min-height:760px){
  .cm-detail-head>.label{font-size:10px}
  .cm-case-details .cm-detail-head h2{font-size:30px!important}
  #case-content .cm-detail-head>p{font-size:14px}
  .cm-program{padding-block:10px 9px}
  .cm-program-head{margin-bottom:7px}
  .cm-program-number{flex-basis:32px;height:32px;font-size:16px}
  .cm-case-details .cm-program-head h3{font-size:21px}
  .cm-program-games img{width:28px;height:28px}
  .cm-program h4{font-size:11px;margin-bottom:4px}
  .cm-fact{padding-block:5px}
  .cm-fact p{font-size:14px!important;line-height:1.26!important}
  .cm-program-metrics{margin-top:8px;padding-block:8px}
  .cm-program-metrics strong{font-size:24px}
  .cm-program-metrics span{font-size:10px}
  .cm-fact b{font-size:11px}
  .cm-program-metrics--reverse>div:last-child strong{font-size:16px}
  .cm-platform-count svg{width:17px;height:17px}
  .cm-platform-counts .cm-platform-count{grid-template-columns:17px minmax(0,1fr)}
  .cm-platform-count b{font-size:12px}
  .cm-platform-count small{font-size:6.5px}
}
@media (min-width:1200px) and (max-width:1349px) and (min-height:710px){
  #case-content .cm-detail-head>p{font-size:13px}
  .cm-fact p{font-size:12px!important;line-height:1.24!important}
}
@media (min-width:761px) and (max-width:1100px){
  .case-layout--creator{grid-template-columns:1fr}
  .case-layout--creator .cm-case-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;height:auto;overflow:visible;padding:38px 7vw}
  .cm-detail-head{grid-column:1/-1}
  .cm-program{min-width:0;border-bottom:0}
  .cm-program--reverse{padding-left:24px;border-left:1px solid #29352e30}
  .cm-program-metrics--reverse>div:last-child strong{font-size:14px}
}
@media (min-width:1101px) and (max-height:540px){
  #case-content:has(.case-layout--creator){height:auto;overflow:visible}
  .case-layout--creator{min-height:410px}
  .case-layout--creator .cm-case-details{height:auto;overflow:visible}
}
@media (min-width:1101px) and (max-width:1199px) and (max-height:650px){
  #case-content:has(.case-layout--creator){height:auto;overflow:visible}
  .case-layout--creator{min-height:460px}
  .case-layout--creator .cm-case-details{height:auto;overflow:visible}
}
@media (max-width:760px){.case-layout--creator{grid-template-columns:1fr}.case-layout--creator .cm-case-details{height:auto;overflow:visible;padding:34px 6vw 42px}.cm-case-details .cm-detail-head h2{font-size:clamp(32px,9vw,48px)!important}.cm-program-head{gap:10px}.cm-program-number{flex-basis:40px;height:40px;border-radius:12px;font-size:18px}.cm-program-head h3{font-size:clamp(20px,5vw,27px)}.cm-program-games img{width:31px;height:31px;border-radius:8px}.cm-fact{grid-template-columns:27px 65px minmax(0,1fr);gap:8px}.cm-fact b{font-size:12px}.cm-fact p{font-size:12px!important}.cm-program-metrics{padding:14px 5px}.cm-program-metrics>div{padding:0 8px}.cm-program-metrics strong{font-size:clamp(20px,6vw,28px)}.cm-program-metrics span{font-size:10px}.cm-program-metrics small{font-size:8px}.cm-program-metrics--reverse{grid-template-columns:.9fr 1.5fr .9fr}.cm-platform-counts .cm-platform-count{grid-template-columns:14px minmax(0,1fr)}.cm-platform-count svg{width:14px;height:14px}.cm-platform-count b{font-size:11px}.cm-platform-count small{font-size:7px}}
@media (max-width:390px){.cm-program-head h3{font-size:19px}.cm-program-games img{width:27px;height:27px}.cm-program-metrics--reverse{grid-template-columns:1fr 1fr}.cm-program-metrics--reverse .cm-platform-counts{justify-content:flex-start}.cm-program-metrics--reverse>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #9484b344;margin-top:10px;padding-top:9px}}
@media (min-width:391px) and (max-width:430px){.cm-program-metrics--reverse>div:last-child strong{font-size:16px}}