/* Real work belongs in the learning themes. Preserve the full supplied image. */
.actual-art{min-width:0}
.actual-work{display:flex;flex-direction:column;gap:0;min-width:0;width:100%;height:100%;margin:0!important;transform:none!important;color:#463754}
.actual-work-media{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-content:center;gap:10px;min-height:0;flex:1;background:#f0edf7;padding:12px}
.actual-work-media.media-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.actual-work-web .actual-work-media{grid-template-columns:minmax(0,1.65fr) minmax(0,.6fr)}
.actual-work-content .actual-work-media{grid-template-columns:minmax(0,.55fr) minmax(0,1.65fr)}
.actual-work-media img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;object-fit:contain;object-position:center}
.actual-work figcaption{flex:none;background:#fff;font-size:11px;line-height:1.65;padding:8px 10px;text-align:center;font-weight:600;letter-spacing:0}
.showcase-art.actual-art{height:208px;padding:0;background:#f0edf7}
.showcase-art.actual-art>.actual-work{width:100%;height:100%;transform:none}
.banner-art.actual-art{align-self:stretch;display:flex;align-items:center;min-height:0;height:auto;max-width:none;padding:20px}
.banner-art.actual-art .actual-work{height:250px;border-radius:5px;overflow:hidden}
.detail-art.actual-art{padding:24px;display:flex;align-items:center}
.detail-art.actual-art .actual-work{height:330px;min-height:0;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #241d4120}
.detail-art.actual-art .actual-work-media{min-height:0}
.detail-art.actual-art .actual-work figcaption{font-size:12px;padding:11px}

/* The outer kit must fit the column left after the fixed rail has its space. */
.kit-grid{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))}
.kit-grid>div{min-width:0;overflow:visible}
.kit-main .ai-org{height:auto;min-height:0;width:100%;max-width:360px;margin:24px auto 20px;transform:none}
.kit-main .org-chief{max-width:70%;width:150px}
.kit-main .org-row{gap:8px}
.kit-main .org-row>b{min-width:0}
.kit-main .org-task{margin-top:16px;line-height:1.8}
.kit-knowledge{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;min-height:190px;padding:22px 8px;margin:14px 0 0;border:1px solid #e6e1f0;border-radius:8px;background:linear-gradient(145deg,#f4f1fa,#fff)}
.kit-knowledge span{font-size:12px;color:#6c627a}.kit-knowledge strong{font-size:21px;color:#644d9d;border-block:1px solid #ded4ee;padding:13px 0;width:100%;text-align:center}
.kit-real{margin:20px 0 0;min-width:0}.kit-real img{display:block;width:100%;height:auto;object-fit:contain;border-radius:5px}.kit-real figcaption{font-size:11px;text-align:center;color:#6b6277;margin-top:7px}
/* Supporting copy stays readable at the smallest supported viewport. */
main .catalog-note,main .hero-evidence-note,main .showcase-note,main .library-stats p,main .section-title>p,main .detail-hero .detail-copy>p:first-child,main .org-task{font-size:11px}
main .detail-actions .btn{font-size:12px}
@media(min-width:881px) and (max-width:1439px){
 .camp-navigation-page main>.kit.wrap{width:calc(100% - 208px);max-width:1160px;margin-left:32px;margin-right:176px}
}
@media(min-width:601px) and (max-width:1100px){
 .kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .kit-main{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:24px;align-items:center}
 .kit-main>span{grid-column:1/-1}.kit-main>h3{grid-column:1;font-size:24px;line-height:1.65}.kit-main>p{grid-column:1;font-size:13px}
 .kit-main>.ai-org{grid-column:2;grid-row:2/4;margin:20px auto 10px;height:auto;min-height:0;width:100%;transform:none}
 .kit-grid>div{padding:24px}.kit-small h3{font-size:21px}.kit-small p{font-size:13px}
}
@media(max-width:767px){
 .banner-art.actual-art{padding:0 20px 20px;height:auto;max-width:none;overflow:visible}
 .banner-art.actual-art .actual-work{height:220px;max-width:420px;margin:auto!important}
 .detail-art.actual-art{padding:14px 0 0;max-width:520px}
 .detail-art.actual-art .actual-work{height:290px}
 .actual-work figcaption{font-size:11px}
 .showcase-art.actual-art{height:202px}
 .theme-evidence{flex-wrap:wrap;gap:8px 12px}.theme-evidence>b{min-width:0;flex:1}.theme-evidence>a{margin-left:0}
}
@media(max-width:600px){
 .kit{padding:30px 18px 24px}
 .kit-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .kit-grid>div{padding:24px 22px}
 .kit-main{display:block;grid-column:auto}
 .kit-grid h3{font-size:23px;line-height:1.6;margin:12px 0}
 .kit-grid p{font-size:13px;line-height:1.9}
 .kit-main>.ai-org{height:auto;min-height:0;max-width:300px;width:100%;transform:none;margin:24px auto 20px}
 .kit-main p{margin-top:0}
 .kit-grid>div>span{font-size:10px}
 .kit-knowledge{min-height:180px;margin-top:20px}
 .kit-real{max-width:340px;margin:22px auto 0}
 .kit-heading>span{font-size:12px}.kit-heading h2{font-size:25px}
 .kit-foot{font-size:12px;gap:10px}.kit-foot a{font-size:12px}
}