.cw-app{--cw-navy:#18243a;--cw-gold:#e7aa37;--cw-ink:#243044;--cw-soft:#f4f6f8;max-width:1240px;margin:0 auto;padding:24px;color:var(--cw-ink)}
.cw-subnav{display:flex;gap:8px;overflow:auto;margin-bottom:24px;padding:6px;background:#eef1f4;border-radius:14px}.cw-tab{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:700;white-space:nowrap}.cw-tab.active{background:white;color:#9a6507;box-shadow:0 2px 10px #18243a15}
.cw-stack{display:grid;gap:22px}.cw-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px;border-radius:24px;background:linear-gradient(135deg,#17243a,#263d62);color:white}.cw-hero h1{font-size:clamp(30px,5vw,52px);margin:10px 0}.cw-hero p{max-width:700px;color:#dce5f4;font-size:17px}
.cw-public-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid #d8b45f;border-radius:14px;background:#fff8e7}.cw-public-notice>div{display:grid;gap:3px}.cw-public-notice span{color:#68758a;font-size:13px}
.cw-btn{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.cw-btn-primary{background:var(--cw-gold);color:#17243a}.cw-btn-secondary{background:#e9edf2;color:#26364e}.cw-btn-success{background:#dff4e9;color:#176342}.cw-btn-quiet{background:transparent;color:#52647c;border:1px solid #d7dee7}.cw-btn-danger{background:#fff0ee;color:#a43d32}.cw-link-button{border:0;background:transparent;text-align:left;color:#53627a;cursor:pointer;padding:0}.cw-badge{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:#e8edf3;color:#47566d;font-size:11px;font-weight:800;text-transform:uppercase}.cw-badge.amber{background:#ffe2a5;color:#684300}.cw-badge.mastered{background:#dff4e9;color:#176342}.cw-badge.practicing{background:#fff0c9;color:#77520c}.cw-badge.ready{background:#e5edff;color:#294e8a}.cw-badge.locked{background:#edf0f3;color:#737e8d}
.cw-action-grid,.cw-mission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cw-action-card{display:grid;gap:10px;text-align:left;padding:22px;border:1px solid #d9e0e8;border-radius:16px;background:white;cursor:pointer}.cw-action-card strong{font-size:18px}.cw-action-card span{color:#66758b}.cw-action-card i{font-style:normal;color:#9b6707;font-weight:800}
.cw-panel{background:white;border:1px solid #dce2e9;border-radius:18px;padding:24px}.cw-panel>h2{margin-top:0}.cw-page-title{display:flex;justify-content:space-between;align-items:center}.cw-page-title h1{margin-bottom:4px}.cw-page-title p{color:#68778b;margin-top:0}.cw-mastery-key,.cw-rubric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cw-mastery-key>div,.cw-rubric-grid>div{display:flex;justify-content:space-between;gap:8px;padding:12px;border-radius:10px;background:var(--cw-soft)}
.cw-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cw-skill-card,.cw-mission-card{border:1px solid #dce2e9;border-radius:14px;padding:16px;background:#fff}.cw-skill-top{display:flex;justify-content:space-between;gap:8px}.cw-skill-card h3,.cw-mission-card h3{margin:14px 0 6px}.cw-skill-card p,.cw-mission-card p{color:#69788c;min-height:42px}.cw-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cw-filter-tabs{display:flex;gap:8px;overflow:auto;padding:5px;border:1px solid #dce2e9;border-radius:14px;background:#f5f7f9}.cw-filter-tab{border:0;border-radius:10px;background:transparent;color:#53647b;padding:10px 15px;font-weight:800;white-space:nowrap;cursor:pointer}.cw-filter-tab.active{background:#18243a;color:#fff;box-shadow:0 3px 10px #18243a22}.cw-next-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #e7c473;border-radius:18px;background:linear-gradient(120deg,#fff9e9,#fff)}.cw-next-card h2{margin:8px 0 2px}.cw-next-card p{margin:0;color:#66758b}.cw-path-summary,.cw-results-summary{display:flex;justify-content:space-between;align-items:center;color:#66758b}.cw-path-summary strong,.cw-results-summary strong{color:#1f2c40}.cw-strand-list{display:grid;gap:12px}.cw-strand{border:1px solid #dce2e9;border-radius:16px;background:white;overflow:hidden}.cw-strand summary{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:20px;padding:18px 20px;cursor:pointer;list-style:none}.cw-strand summary::-webkit-details-marker{display:none}.cw-strand summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.cw-strand summary span{color:#728096;font-size:13px}.cw-strand-progress{height:7px;border-radius:10px;background:#e9edf2;overflow:hidden}.cw-strand-progress i{display:block;height:100%;border-radius:inherit;background:#2b8b62}.cw-skill-list{display:grid;border-top:1px solid #e3e8ee}.cw-skill-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #edf0f3}.cw-skill-row:last-child{border-bottom:0}.cw-skill-row.locked{background:#fafbfc}.cw-status-dot{width:10px;height:10px;border-radius:50%;background:#b9c2ce}.cw-status-dot.ready{background:#426fb3}.cw-status-dot.practicing{background:#d79a27}.cw-status-dot.mastered{background:#27805d}.cw-skill-copy{min-width:0}.cw-skill-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cw-skill-heading h3{margin:0;font-size:17px}.cw-skill-copy p{margin:5px 0 0;color:#738196;font-size:13px}.cw-lock-label{color:#7a8594;font-size:12px}.cw-mission-card{display:grid;gap:11px}.cw-mission-card.completed{border-color:#9dcdb8;background:#fbfffd}.cw-mission-card h3,.cw-mission-card p{margin:0;min-height:0}.cw-mission-card p{line-height:1.5}.cw-mission-card small{color:#69788c}.cw-mission-skills{display:flex;flex-wrap:wrap;gap:6px}.cw-mission-skills .cw-badge{font-size:9px;text-transform:none}.cw-empty-state{display:grid;justify-items:start;gap:10px;padding:28px;border:1px dashed #bdc7d3;border-radius:16px;background:#f8fafc}.cw-empty-state h3,.cw-empty-state p{margin:0}.cw-empty-state p{color:#67768a}
.cw-lesson-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.cw-lesson-rail{position:sticky;top:16px;align-self:start;display:grid;gap:9px;padding:20px;border:1px solid #dce2e9;border-radius:18px;background:white}.cw-progress{height:7px;background:#e8edf3;border-radius:10px;overflow:hidden}.cw-progress span{display:block;height:100%;background:var(--cw-gold)}.cw-step-link{text-align:left;border:0;background:transparent;padding:8px;border-radius:8px;color:#6a788c}.cw-step-link.active{background:#fff1cf;color:#6f4800;font-weight:800}.cw-step-link.done:after{content:' ✓';color:#23835a}.cw-lesson-main{min-height:650px;padding:32px;border:1px solid #dce2e9;border-radius:18px;background:white}.cw-step-content{display:grid;gap:16px}.cw-step-actions{display:flex;justify-content:space-between;margin-top:28px}
.cw-choice{display:block;width:100%;text-align:left;padding:14px;border:1px solid #d6dde6;border-radius:10px;background:white}.cw-choice.selected{border-color:#d59625;background:#fff5dc}.cw-callout,.cw-feedback{padding:18px;border-left:4px solid var(--cw-gold);border-radius:10px;background:#fff8e8}.cw-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.cw-source-card{display:grid;gap:9px;padding:18px;border:1px solid #dce2e9;border-radius:14px}.cw-source-card.has-note{border-color:#82bea6;box-shadow:0 0 0 2px #dff4e9 inset}.cw-source-heading,.cw-notebook-status,.cw-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:9px}.cw-source-card p{line-height:1.65}.cw-source-card small{color:#6a788c}.cw-limit{padding:9px;background:#fff3dc;border-radius:8px;font-size:12px}.cw-notebook-status{justify-content:flex-start;padding:12px 14px;border-radius:10px;background:#f0faf5;color:#416454}.cw-note-editor{display:grid;gap:12px;padding-top:14px;border-top:1px solid #e0e5eb}.cw-note-editor label,.cw-note-fields label{display:grid;gap:6px;font-size:12px;color:#46566c}.cw-note-field{width:100%;min-height:78px;box-sizing:border-box;border:1px solid #cdd6e0;border-radius:9px;padding:10px;font:inherit;line-height:1.45;resize:vertical;background:white}.cw-note-field:focus{outline:3px solid #e5edff;border-color:#426fb3}.cw-note-field.compact{min-height:68px}.cw-notebook-list{display:grid;gap:14px}.cw-note{display:grid;gap:14px;padding:18px;border:1px solid #dce2e9;border-radius:14px;background:white}.cw-note.selected{border:2px solid #426fb3;background:#f8faff}.cw-note-select{display:flex;align-items:center;gap:12px;cursor:pointer}.cw-note-select input{width:20px;height:20px;accent-color:#426fb3}.cw-note-select span{display:grid;gap:2px}.cw-note-select small{color:#6c7a8e}.cw-note blockquote{margin:0;padding:12px 14px;border-left:3px solid #d6a13b;background:#fff9ec;line-height:1.55}.cw-note-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cw-textarea,.cw-editor,.cw-argument-node textarea{width:100%;box-sizing:border-box;border:1px solid #cfd7e1;border-radius:10px;padding:14px;font:inherit;line-height:1.6;resize:vertical}.cw-textarea{min-height:120px}.cw-editor{min-height:390px}.cw-editor-toolbar{display:flex;justify-content:space-between}.cw-hint{font-size:13px;color:#68778b}.cw-argument-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cw-argument-node{display:grid;gap:8px;padding:14px;border-radius:12px;background:#f3f6f9}.cw-argument-node.claim{grid-column:1/-1;border-top:4px solid #d99a25}.cw-feedback-comment,.cw-debate-turn{padding:14px;border:1px solid #dce2e9;border-radius:10px;background:white}.cw-debate-turns{display:grid;gap:10px}
@media(max-width:900px){.cw-action-grid,.cw-skill-grid,.cw-mission-grid,.cw-source-grid{grid-template-columns:repeat(2,1fr)}.cw-lesson-shell{grid-template-columns:1fr}.cw-lesson-rail{position:static}.cw-step-link{display:none}.cw-step-link.active{display:block}.cw-strand summary{grid-template-columns:1fr 120px}}
@media(max-width:600px){.cw-app{padding:14px}.cw-hero,.cw-next-card,.cw-public-notice{align-items:flex-start;flex-direction:column;padding:24px}.cw-action-grid,.cw-skill-grid,.cw-mission-grid,.cw-source-grid,.cw-mastery-key,.cw-rubric-grid,.cw-argument-grid,.cw-note-fields{grid-template-columns:1fr}.cw-lesson-main{padding:20px}.cw-argument-node.claim{grid-column:auto}.cw-strand summary{grid-template-columns:1fr}.cw-strand summary>div{align-items:flex-start;flex-direction:column}.cw-skill-row{grid-template-columns:12px minmax(0,1fr)}.cw-skill-row>.cw-btn,.cw-lock-label{grid-column:2}.cw-inline-actions{align-items:stretch;flex-direction:column}.cw-inline-actions .cw-btn{width:100%}}
