/* Deployment 04: cohesive Learning System components; no duplicate site nav. */
.gu-bc-shell{display:grid;grid-template-columns:minmax(210px,290px) minmax(0,1fr);gap:1.2rem;align-items:start;margin:1.3rem 0}
.gu-bc-index,.gu-bc-lesson{border:1px solid #35536b;border-radius:14px;background:#0e2638;padding:1rem;color:#e9f2f8;min-width:0}
.gu-bc-index h2,.gu-bc-lesson h2{color:#fff;margin:.1rem 0 1rem}
.gu-bc-days{display:grid;gap:.3rem;max-height:75vh;overflow:auto}
.gu-bc-day{padding:.65rem .7rem;border:1px solid #3b5a71;border-radius:8px;background:#122f43;color:#e5edf2;text-align:left;font:inherit;cursor:pointer;width:100%;min-height:44px}
.gu-bc-day[aria-current="step"]{background:#325677;border-color:#f2c36a;outline:2px solid #f2c36a;outline-offset:1px}
.gu-bc-day span{display:block;font-size:.77rem;color:#d9c184}
.gu-bc-lesson section{padding:.6rem 0;border-bottom:1px solid #29485e}
.gu-bc-lesson section h3{color:#f9d995;margin:.25rem 0}
.gu-bc-lesson p{line-height:1.65;color:#d8e8f0}
.gu-bc-links{display:flex;flex-wrap:wrap;gap:.55rem;padding:.65rem 0}
.gu-bc-links a,.gu-bc-pager button,.gu-bc-reflection button{border-radius:9px;border:1px solid #7192ad;display:inline-flex;align-items:center;min-height:44px;padding:.6rem .85rem;background:#244766;color:#fff;text-decoration:none;font:inherit;font-weight:650}
.gu-bc-links a:focus-visible,.gu-bc-pager button:focus-visible,.gu-bc-reflection button:focus-visible,.gu-bc-day:focus-visible{outline:3px solid #f2d188;outline-offset:2px}
.gu-bc-warning{border-left:4px solid #d4ae5c;padding:.7rem 1rem;margin:.8rem 0;background:#2e3539;border-radius:7px}
.gu-bc-reflection label{display:block;font-weight:750;margin:.8rem 0}
.gu-bc-reflection textarea{display:block;width:100%;box-sizing:border-box;min-height:145px;border:1px solid #849da9;padding:.85rem;background:#f7fafc;color:#101a23;border-radius:8px;line-height:1.4}
.gu-bc-pager{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.gu-bc-pager button:disabled,.gu-bc-reflection button:disabled{opacity:.45;cursor:not-allowed}
.gu-bc-metric{border:1px solid #7496b0;border-radius:11px;background:#12384e;padding:1rem;margin:1rem 0;color:#f2f5f9}
.gu-bc-metric strong{font-size:1.65rem;display:block}
.gu-bc-metric small{color:#d0dce4}
.gu-bc-muted{font-size:.88rem;color:#bdd4e2}
.gu-bc-list{margin:.5rem 0;padding-left:1.3rem}
.gu-bc-list li{margin:.45rem 0}
#gu-bc-status{padding:.5rem 0;min-height:2rem}
@media(max-width:780px){.gu-bc-shell{grid-template-columns:1fr}.gu-bc-days{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.gu-bc-index{position:static}}
@media(max-width:420px){.gu-bc-days{grid-template-columns:1fr}}


/* v0.14.0.166 — Shared v3.2 Lab layout must also use the desktop Boot Camp
   workspace. The previous generic site .wrap width cramped Talia into a
   narrow center column even when a wide display was available. */
@media(min-width:1100px){
 body.gu-bc-learning main.section>.wrap{
  width:calc(100% - clamp(32px,4vw,80px))!important;
  max-width:2180px!important;
  margin-inline:auto;
 }
 body.gu-bc-learning .gu-bc-shell{
  grid-template-columns:clamp(210px,16vw,290px) minmax(0,1fr);
  width:100%;align-items:start;
 }
 body.gu-bc-learning .gu-bc-lesson,
 body.gu-bc-learning #gu-bc-v32-stage,
 body.gu-bc-learning #gu-v32-teaching-slot{
  width:100%;max-width:none;min-width:0;
 }
}
@media(max-width:1099px){
 body.gu-bc-learning .gu-bc-shell{grid-template-columns:1fr;}
 body.gu-bc-learning .gu-bc-days{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  max-height:300px;
 }
}
body.gu-bc-learning #gu-bc-source-case{
 border:1px solid #456b80;border-radius:10px;background:#122f43;
 margin:15px 0;padding:14px 16px;
}
body.gu-bc-learning #gu-bc-source-case[hidden]{display:none!important}
body.gu-bc-learning #gu-bc-source-case a{color:#f4d28b;text-decoration:underline}
body.gu-bc-learning #gu-bc-source-case a:focus-visible{
 outline:3px solid #a9e4fa;outline-offset:3px;
}
