.curriculum-studio .module-detail{padding:30px 32px;border-radius:24px}
.curriculum-studio .module-detail-title{padding-bottom:22px;margin-bottom:0}
.curriculum-studio .learning-proof{grid-template-columns:1fr .9fr;grid-template-rows:min-content 1fr;gap:16px 28px;margin-top:24px;align-items:start}
.curriculum-studio .learning-proof article:not(.module-output){position:relative;padding:22px 24px 22px 66px;border:1px solid #dce5f2;border-radius:14px;background:#f8faff;min-height:140px}
.curriculum-studio .learning-proof article:first-child{padding-top:22px;border-bottom:1px solid #dce5f2}
.curriculum-studio .learning-proof article:nth-child(2){background:#fff9f5;border-color:#f2dfd3}
.curriculum-studio .learning-proof article:not(.module-output):before{content:'◎';position:absolute;left:20px;top:21px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e9effb;color:#29408e;font-size:22px}
.curriculum-studio .learning-proof article:nth-child(2):before{content:'↗';background:#ffeadc;color:#ef6825}
.curriculum-studio .learning-proof article:not(.module-output) small{font-size:16px;font-weight:600;color:#002f6d;margin:2px 0 10px}
.curriculum-studio .learning-proof article:nth-child(2) small{color:#a84416}
.curriculum-studio .learning-proof article small{font-size:13px;margin-bottom:10px}
.curriculum-studio .learning-proof .module-output{padding:20px;background:#f4f7fc!important;border-color:#dce5f2}
.curriculum-studio .module-output-visual{height:235px;margin-bottom:20px}
.module-output-visual>div{padding:20px!important;background:#fff;border:1px solid #d4dfef;border-radius:12px;box-shadow:0 8px 20px -16px #071a3d66;display:block}
.module-output-visual>div>span{font-size:10px;letter-spacing:.07em;color:#647a99;display:block;margin-bottom:12px}
.module-output-visual>div>b{font-size:17px;color:#002f6d;display:block;margin:0 0 16px;line-height:1.4}
.output-brief dl{margin:0}.output-brief dl>div{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:10px 0;border-top:1px solid #e5ebf4}
.output-brief dt{font-size:12px;color:#f26b27}.output-brief dd{margin:0;font-size:13px;line-height:1.5;color:#465d7d}
.module-output-visual .curriculum-example-flow{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0}
.curriculum-example-flow>span{padding:9px 12px;border-radius:7px;background:#edf3fd;color:#29408e;font-size:13px;text-align:center}
.module-output-visual .curriculum-example-flow>i{padding:0;background:none;color:#f26b27;font-style:normal;font-size:16px;text-align:center}
.output-map>div:before{display:none}
.module-output-visual .output-build small{display:block;font-size:11px;line-height:1.5;margin-top:12px;color:#647a99}
.output-release ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:13px;color:#465d7d}
.curriculum-studio .module-transition{padding-top:20px;margin-top:26px}.curriculum-studio .module-transition button{min-height:46px;font-size:13px;padding:12px 20px}
@media(max-width:700px){.curriculum-studio .module-detail{padding:24px 20px}.curriculum-studio .learning-proof{gap:0;margin-top:16px}.curriculum-studio .learning-proof .module-output{width:100%;padding:16px}.curriculum-studio .module-output-visual{max-width:none;height:235px}.module-output-visual>div{padding:16px!important}.curriculum-studio .module-transition{margin-top:20px}}
@media(max-width:700px){.curriculum-studio .learning-proof{gap:14px}.curriculum-studio .learning-proof article:not(.module-output){padding:19px 18px 19px 58px;min-height:0}.curriculum-studio .learning-proof article:not(.module-output):before{left:16px;top:18px;width:28px;height:28px}.curriculum-studio .learning-proof .module-output{margin-top:0}}
/* Let the active example determine its height instead of overflowing a fixed frame. */
.curriculum-studio .module-output-visual{height:auto;max-width:none;margin-bottom:16px;display:grid}
.module-output-visual>div{position:relative;inset:auto;grid-area:1/1;display:none;height:auto;min-height:0;transform:none!important}
.curriculum-stage[data-module="0"] .output-brief,.curriculum-stage[data-module="1"] .output-map,.curriculum-stage[data-module="2"] .output-build,.curriculum-stage[data-module="3"] .output-release{display:block}
.module-output-visual .output-map>b{padding:0;border:0;background:none}
.curriculum-studio .module-detail{padding:24px 28px}
.curriculum-studio .module-detail-title{padding-bottom:16px}
.curriculum-studio .learning-proof{margin-top:18px;gap:12px 24px}
.curriculum-studio .learning-proof article:not(.module-output){min-height:0;padding:18px 20px 18px 60px}
.curriculum-studio .learning-proof article:not(.module-output):before{left:18px;top:18px}
.curriculum-studio .learning-proof .module-output{padding:16px}
.module-output-visual>div{padding:16px!important}
.module-output-visual>div>b{margin-bottom:12px;font-size:16px}
.output-brief dl>div{padding:7px 0}
.curriculum-example-flow>span{padding:7px 10px}
.output-release ul{gap:9px}
.curriculum-studio .module-transition{margin-top:18px;padding-top:16px}
.curriculum-studio .curriculum-title{margin-bottom:16px}
.curriculum-studio .curriculum-title h2{margin-bottom:10px}
.curriculum-studio .module-selector button{min-height:76px}
@media(max-width:700px){.curriculum-studio .module-detail{padding:22px 18px}.curriculum-studio .learning-proof article:not(.module-output){padding:18px 16px 18px 58px}.curriculum-studio .learning-proof{gap:12px}.curriculum-studio .module-output-visual{height:auto}.curriculum-studio .learning-proof .module-output{padding:14px}}
@media(min-width:1000px){
 .curriculum-studio .curriculum-title h2{font-size:32px!important;line-height:1.15!important}
 .curriculum-studio .curriculum-title p{margin:8px 0 0}
 .curriculum-studio .learning-proof article p{font-size:14px!important;line-height:1.6!important}
 .curriculum-studio .learning-proof article:not(.module-output) small{margin-bottom:7px}
 .curriculum-studio .module-detail-title h3{font-size:24px}
 .curriculum-studio .module-detail-title{padding-bottom:12px}
 .curriculum-studio .learning-proof{margin-top:14px}
 .module-output-visual>div{padding:12px!important}
 .module-output-visual>div>span{margin-bottom:8px;font-size:9px}
 .module-output-visual>div>b{font-size:15px;margin-bottom:10px}
 .module-output-visual .curriculum-example-flow{gap:2px}
 .curriculum-example-flow>span{padding:5px 8px;font-size:12px}
 .output-release ul{font-size:12px;gap:7px}
 .curriculum-studio .module-transition{margin-top:12px;padding-top:12px}
}