
:root{--studio-navy:#17365d;--studio-blue:#244f77;--studio-green:#315f5a;--studio-paper:#f4f1e8;--studio-gold:#d6a23d;--studio-ink:#24303a;--studio-line:#d8dee6;--studio-soft:#f7f9fb}
body.c3-dimension{background:var(--studio-paper);color:var(--studio-ink)}
.studio-wrap{max-width:1120px;margin:0 auto;padding:0 20px}.dimension-hero{background:linear-gradient(135deg,var(--studio-navy) 0%,var(--studio-blue) 62%,var(--studio-green) 100%);color:#fff;padding:40px 0 32px}.studio-eyebrow{color:#f3c57b;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.dimension-hero h1{color:#fff;margin:.35rem 0 .7rem;font-size:clamp(2rem,5vw,3.55rem);line-height:1.05}.dimension-hero>div>p{max-width:880px;font-size:1.08rem;color:#eef5fb;margin:0}.dimension-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.dimension-meta>div{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 15px}.dimension-meta strong{display:block;color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.dimension-meta span{display:block;color:#edf4fa;margin-top:3px}.dimension-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.dimension-progress>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:9px 10px;display:flex;align-items:center;gap:8px;color:#dbe6ee}.dimension-progress strong{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.35);font-size:.78rem}.dimension-progress .active{background:#fff;color:var(--studio-navy)}.dimension-progress .active strong{background:var(--studio-gold);color:#42320a;border-color:var(--studio-gold)}.dimension-progress .done{background:rgba(49,95,90,.45)}
.dimension-main{padding:34px 0 56px}.studio-panel{background:#fff;border:1px solid var(--studio-line);border-radius:16px;padding:26px;margin:0 0 24px;box-shadow:0 8px 28px rgba(22,41,58,.06)}.studio-kicker{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a5b00;margin-bottom:5px}.studio-panel h2,.studio-panel h3{color:var(--studio-navy);margin-top:0}.studio-lead{font-size:1.07rem;color:#34414c}.dimension-overview{background:#eef5ec;border-left:5px solid #527a4a;padding:17px 20px;border-radius:9px}.dimension-overview strong{color:#315f5a}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:24px;align-items:center}.case-question{background:var(--studio-navy);color:#fff;border-radius:12px;padding:20px 22px;margin-top:18px}.case-question strong{display:block;color:#f3c57b;text-transform:uppercase;font-size:.76rem;letter-spacing:.07em}.case-question p{font-size:1.23rem;margin:.3rem 0 0;color:#fff;font-weight:700}.land-map svg{display:block;width:100%;border-radius:15px}.map-caption{display:flex;justify-content:space-between;color:#697665;font-size:.77rem;margin-top:8px;gap:12px}.activity-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.step-card{border:1px solid var(--studio-line);border-radius:12px;padding:18px;background:#fbfcfd}.step-card .step-no{display:inline-block;background:#e8eff4;color:var(--studio-navy);border-radius:99px;padding:4px 9px;font-weight:800;font-size:.72rem;margin-bottom:8px}.step-card h3{margin-bottom:8px}.step-card ul{padding-left:20px}.question-sort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.question-chip{border:1px solid #ccd6dd;border-radius:10px;padding:15px;background:#f8fafb}.question-chip strong{display:block;color:var(--studio-navy);margin-bottom:5px}.debrief-panel{background:var(--studio-navy);color:#fff;border-radius:16px;padding:26px;margin-bottom:24px}.debrief-panel h2,.debrief-panel h3{color:#fff}.debrief-panel p,.debrief-panel li{color:#edf4fa}.debrief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.debrief-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:11px;padding:17px}.teacher-debrief{background:#f1f5ee;color:#24303a;border-left:5px solid #527a4a;padding:17px 20px;border-radius:9px;margin-top:18px}.teacher-debrief h3{color:#17365d}.teacher-debrief p,.teacher-debrief li{color:#24303a}.arc-line{margin-top:20px;padding:14px;background:#fff;color:#17365d;border-radius:9px;text-align:center;font-size:1.05rem;font-weight:900}
.expert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.expert-card{border:1px solid var(--studio-line);border-radius:13px;padding:20px;background:#fbfcfd}.expert-badge{display:inline-block;background:#eef4e9;color:#45603e;border-radius:99px;padding:4px 9px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.resource-links{display:flex;flex-direction:column;gap:8px;margin:12px 0}.resource-links a{display:block;padding:9px 11px;border:1px solid #ccd6dd;border-radius:8px;text-decoration:none;color:var(--studio-navy);background:#fff;font-weight:700;font-size:.88rem}.expert-product{background:#fff8e8;border-left:4px solid var(--studio-gold);padding:12px 14px;border-radius:7px;font-size:.92rem}.lens-table{width:100%;border-collapse:collapse;min-width:760px}.lens-table th{background:var(--studio-navy);color:#fff;text-align:left;padding:10px}.lens-table td{border:1px solid #d6dde3;padding:10px;vertical-align:top}.table-scroll{overflow-x:auto}.workspace-callout{border:2px solid #b6c7d8;background:#f7fbff;border-radius:14px;padding:20px}.workspace-callout .action-link{display:inline-block;background:var(--studio-navy);color:#fff;text-decoration:none;padding:10px 15px;border-radius:8px;font-weight:800}.synthesis-prompt{background:#eef5ec;border-left:5px solid #527a4a;padding:16px;border-radius:8px}
.login-card{border:2px solid #b6c7d8;background:#f7fbff}.login-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.c3-dimension label{display:block;font-weight:700;color:#33414d;font-size:.9rem;margin:.45rem 0 .3rem}.c3-dimension input[type=text],.c3-dimension textarea,.c3-dimension select{width:100%;box-sizing:border-box;border:1px solid #bfc9d2;border-radius:8px;padding:9px 10px;font:inherit;background:#fff;color:#24303a}.c3-dimension textarea{min-height:76px;resize:vertical}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.action-btn{border:0;border-radius:8px;padding:10px 15px;font-weight:800;cursor:pointer;font-size:.95rem}.action-btn.primary{background:var(--studio-navy);color:#fff}.action-btn.secondary{background:#eef3f6;color:var(--studio-navy);border:1px solid #c9d5df}.action-btn.pdf{background:#315f5a;color:#fff}.status{font-size:.9rem;color:#52606c}.status.error{color:#9b2c2c;font-weight:700}.status.good{color:#2f684d;font-weight:700}.workspace-banner{display:none;background:#eef5ec;border-left:5px solid #527a4a;padding:16px 18px;border-radius:10px;margin-top:18px}.recorder-callout{background:#fff8e8;border-left:5px solid var(--studio-gold);padding:17px 20px;border-radius:9px;margin:18px 0}.recorder-callout strong{color:#704d05}.progress-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 24px}.progress-strip div{background:#e8edf1;color:#31465a;padding:10px;border-radius:8px;text-align:center;font-size:.82rem;font-weight:800}.progress-strip .current{background:var(--studio-navy);color:#fff}
.sources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.source-card{background:#fff;border:1px solid #d2d8dd;border-radius:13px;overflow:hidden;box-shadow:0 4px 15px rgba(22,41,58,.05)}.source-banner{background:#ede3be;color:#604a0a;padding:8px 14px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.source-body{padding:18px}.source-body h3{margin-bottom:3px}.source-type{font-size:.86rem;font-weight:700;color:#65717b;margin-bottom:12px}.source-text{background:#faf9f5;border:1px solid #ece7dc;border-radius:9px;padding:15px}.source-text p:first-child{margin-top:0}.source-text p:last-child{margin-bottom:0}.source-text table{width:100%;border-collapse:collapse}.source-text th,.source-text td{border:1px solid #d8d8d0;padding:6px 8px;text-align:left}.student-prompts{margin-top:14px;padding:12px 14px;background:#eef4f8;border-radius:8px;font-size:.93rem}.student-prompts ul{margin:.35rem 0 0;padding-left:20px}.organizer-wrap{overflow-x:auto}.organizer{width:100%;border-collapse:collapse;min-width:900px}.organizer th{background:var(--studio-navy);color:#fff;padding:10px;text-align:left;font-size:.86rem}.organizer td{border:1px solid #d6dde3;padding:8px;vertical-align:top}.organizer textarea{min-height:58px}.organizer select{min-width:135px}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.evidence-card{border:1px solid #d6dde3;border-radius:11px;padding:16px;background:#fbfcfd}.teacher-reflect{background:#eef5ec;color:#24303a;border-left:5px solid #527a4a;padding:17px 20px;border-radius:9px;margin-top:18px}.teacher-reflect h3{color:#17365d}.claim-box{background:#f7f9fb;border:1px solid #d6dde3;padding:18px;border-radius:10px}.save-dock{position:sticky;bottom:12px;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid #cad5dd;box-shadow:0 8px 28px rgba(0,0,0,.12);border-radius:12px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.save-dock .left{min-width:0}.save-dock strong{color:#17365d}.save-dock .button-row{margin:0}.hidden{display:none!important}.small-note{font-size:.84rem;color:#66717a}.d3-snapshot{background:#f6f8f9;border:1px solid #d9e0e5;border-radius:10px;padding:15px}.d3-snapshot strong{color:var(--studio-navy)}.critique-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.critique-item{border:1px solid #d6dde3;border-radius:10px;padding:13px;background:#fbfcfd}.action-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-option{border:1px solid #d6dde3;border-radius:10px;padding:12px;background:#fbfcfd}
@media(max-width:820px){.dimension-meta,.login-grid,.sources-grid,.evidence-grid,.debrief-grid,.expert-grid,.case-layout,.activity-steps,.question-sort,.critique-grid,.action-options{grid-template-columns:1fr}.dimension-progress{grid-template-columns:1fr 1fr}.save-dock{position:static;align-items:flex-start;flex-direction:column}.map-caption{flex-direction:column}}


/* Shared C3 Inquiry Studio header */
.c3-site-header{
  position:sticky;
  top:0;
  z-index:1200;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #d9e2dd;
  box-shadow:0 5px 18px rgba(21,63,49,.06);
  backdrop-filter:blur(12px);
}
.c3-site-header .c3-nav-shell{
  position:relative;
  top:auto;
  z-index:auto;
  width:min(1180px,calc(100% - 34px));
  min-height:74px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:26px;
  background:transparent;
  border:0;
}
.c3-brand{
  flex:0 0 auto;
  min-width:168px;
  color:#17365d;
  text-decoration:none;
  line-height:1.05;
}
.c3-brand-course{
  display:block;
  color:#1f5b45;
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.c3-brand-studio{
  display:block;
  margin-top:5px;
  color:#17365d;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.08rem;
  font-weight:700;
  letter-spacing:-.015em;
}
.c3-header-links{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
}
.c3-header-link{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 10px;
  border-radius:9px;
  color:#34434c;
  text-decoration:none;
  font-size:.86rem;
  font-weight:750;
  white-space:nowrap;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.c3-header-link:hover{
  color:#17365d;
  background:#eef3f6;
}
.c3-header-link[aria-current="page"]{
  color:#17365d;
  background:#eaf1f7;
  box-shadow:inset 0 -3px 0 #d6a23d;
}
.c3-course-link{
  margin-right:7px;
  color:#1f5b45;
  background:#eef5ec;
}
.c3-teacher-link{
  margin-left:7px;
  color:#70520c;
  background:#fff8e8;
  border:1px solid #ead8a3;
}
.c3-menu-toggle{
  display:none;
  margin-left:auto;
  border:1px solid #cad6dc;
  background:#f7fafb;
  color:#17365d;
  border-radius:10px;
  padding:9px 13px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.c3-menu-toggle:hover{background:#eaf1f7}
.c3-menu-toggle:focus-visible,.c3-header-link:focus-visible,.c3-brand:focus-visible{
  outline:3px solid rgba(214,162,61,.55);
  outline-offset:3px;
}
@media (max-width:980px){
  .c3-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .c3-header-links{
    display:none;
    position:absolute;
    top:74px;
    left:-17px;
    right:-17px;
    margin:0;
    padding:12px 17px 16px;
    background:#fff;
    border-bottom:1px solid #d9e2dd;
    box-shadow:0 14px 24px rgba(23,54,93,.10);
    flex-direction:column;
    align-items:stretch;
    gap:5px;
  }
  .c3-header-links.open{display:flex}
  .c3-header-link{width:100%;justify-content:flex-start;padding:10px 12px}
  .c3-course-link,.c3-teacher-link{margin:0}
  .c3-teacher-link{margin-top:4px}
}
@media (max-width:560px){
  .c3-site-header .c3-nav-shell{width:min(100% - 24px,1180px);min-height:66px}
  .c3-brand{min-width:0}
  .c3-brand-course{font-size:.67rem}
  .c3-brand-studio{font-size:.98rem}
  .c3-header-links{top:66px;left:-12px;right:-12px;padding-left:12px;padding-right:12px}
}
