.cp-page{--cp-ink:#1e3435;--cp-teal:#136c61;--cp-muted:#657575;color:var(--cp-ink);max-width:1150px;margin:auto;padding:32px 28px 70px}.cp-page *{box-sizing:border-box}.cp-hero{padding:10px 0 28px}.cp-back{color:var(--cp-teal);font-weight:650;text-decoration:none}.cp-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:750;color:var(--cp-teal);margin:24px 0 10px}.cp-hero h1{font-size:clamp(27px,4vw,42px);line-height:1.14;max-width:850px;margin:0 0 14px;letter-spacing:-.025em}.cp-hero>p:not(.cp-eyebrow){color:var(--cp-muted);max-width:740px;line-height:1.7}.cp-stats{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--cp-muted);padding-top:8px}.cp-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:30px;align-items:start}.cp-nav{position:sticky;top:24px}.cp-section h2{font-size:13px;margin:0 0 12px}.cp-section{margin-bottom:22px}.cp-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.cp-page button{font:inherit;cursor:pointer}.cp-number{background:white;border:1px solid #d8e2df;border-radius:10px;min-height:43px;position:relative;font-size:14px!important;color:var(--cp-ink)}.cp-number span{position:absolute;font-size:10px;right:4px;bottom:1px}.cp-number.correct{background:#eef8ef}.cp-number.revealed{background:#fff5e5}.cp-number.active{background:var(--cp-teal);border-color:var(--cp-teal);color:white;box-shadow:0 3px 12px #136c6120}.cp-nav-note{font-size:12px;color:var(--cp-muted);line-height:1.9}.cp-resource{display:block;color:var(--cp-teal);font-size:12px;line-height:1.6;padding-top:10px}.cp-card{background:#fff;border:1px solid #dce5e2;border-radius:20px;padding:30px;box-shadow:0 8px 30px #183d3206}.cp-card>.cp-eyebrow{margin-top:0}.cp-card h2{font-size:25px;margin:0 0 16px;line-height:1.3;letter-spacing:-.02em}.cp-prompt,.cp-part-prompt{white-space:pre-wrap;line-height:1.8;font-size:16px}.cp-prompt{padding-bottom:22px}.cp-parts{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #e7ecea;padding:20px 0}.cp-parts button{padding:8px 14px;border:1px solid #dbe3df;background:#f9fbfa;border-radius:8px;font-size:13px;color:var(--cp-muted)}.cp-parts button.active{color:var(--cp-teal);background:#edf7f3;border-color:#a6cbc0;font-weight:700}.cp-part-prompt{margin-bottom:20px}.cp-input-note{font-size:12px;color:var(--cp-muted);line-height:1.7;margin:10px 0 18px}.cp-input-note code{background:#f2f5f3;padding:2px 4px;border-radius:4px}.cp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cp-field{display:flex;flex-direction:column;gap:8px;min-width:0}.cp-field>span,.cp-reason>span{font-size:14px;font-weight:650;line-height:1.5}.cp-field input,.cp-field select,.cp-reason textarea,.cp-plot-controls input{width:100%;min-height:46px;border:1px solid #bccdc5;border-radius:9px;background:#fbfdfc;padding:10px 12px;font:inherit;color:var(--cp-ink)}.cp-field select{font-size:14px;white-space:normal}.cp-page input:focus,.cp-page textarea:focus,.cp-page select:focus{outline:3px solid #a3d8c977;border-color:var(--cp-teal)}.cp-page button:focus-visible,.cp-page summary:focus-visible,.cp-page a:focus-visible{outline:3px solid #82beac;outline-offset:3px}.cp-reason{display:flex;flex-direction:column;gap:9px;margin-top:22px}.cp-reason textarea{resize:vertical;line-height:1.7}.cp-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.cp-actions button,.cp-next button{border:1px solid #d4dfda;border-radius:9px;background:white;color:var(--cp-ink);padding:11px 15px;font-size:13px}.cp-actions .cp-check{background:var(--cp-teal);border-color:var(--cp-teal);color:white;font-weight:700}.cp-actions button:hover,.cp-next button:hover{filter:brightness(.96)}.cp-page button:disabled{opacity:.4;cursor:default}.cp-feedback{min-height:24px;font-size:14px;line-height:1.65;margin-top:16px}.cp-field-feedback{font-size:12px;line-height:1.6}.cp-field-feedback.correct{color:#26754b}.cp-field-feedback.incorrect,.cp-field-feedback.invalid{color:#9a4830}.cp-hint{background:#f3f8f5;border-left:3px solid #9fc7b5;border-radius:5px;padding:17px 20px;margin-top:16px;font-size:14px}.cp-hint p{white-space:pre-wrap;line-height:1.8;margin-bottom:0}.cp-solution,.cp-lab{border-top:1px solid #e3eae7;margin-top:22px;padding-top:18px;font-size:14px}.cp-solution summary,.cp-lab summary{cursor:pointer;color:var(--cp-teal);font-weight:650;padding:6px 0}.cp-solution>div{white-space:pre-wrap;line-height:1.85;margin-top:18px}.cp-review{display:flex;gap:10px;align-items:start;line-height:1.7;margin-top:20px}.cp-review input{margin-top:5px;accent-color:var(--cp-teal)}.cp-next{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0}.cp-next span{font-size:12px;color:var(--cp-muted)}.cp-plot-controls{display:flex;gap:12px;margin:16px 0}.cp-plot-controls label{flex:1;font-size:12px}.cp-plot-controls input{margin-top:6px}.cp-graph{display:block;max-width:400px;width:100%;margin:18px auto;background:#fcfdfb;border:1px solid #e1e9e3;border-radius:9px}.cp-grid line{stroke:#e6ede6;stroke-width:1}.cp-grid text{font-size:9px;fill:#7b8b80;text-anchor:middle}.cp-axes line{stroke:#96aa9d;stroke-width:1.2}.cp-circle{fill:none;stroke:#218777;stroke-width:2.3}.cp-point{fill:#bd653d}.cp-graph g>text{font-size:10px;fill:#52665a}.cp-segment{stroke:#bd653d;stroke-width:2}@media(max-width:760px){.cp-page{padding:22px 16px 50px}.cp-layout{grid-template-columns:1fr;gap:18px}.cp-nav{position:static;display:flex;flex-wrap:wrap;gap:16px}.cp-section{flex:1;min-width:130px;margin-bottom:0}.cp-numbers{grid-template-columns:repeat(6,minmax(32px,1fr))}.cp-number{min-height:39px}.cp-nav-note{width:100%;margin:0}.cp-resource{padding:0}.cp-card{padding:22px 18px;border-radius:16px}.cp-card h2{font-size:22px}.cp-fields{grid-template-columns:1fr}.cp-hero{padding-bottom:18px}.cp-stats{font-size:12px}.cp-next button{padding:10px;font-size:12px}.cp-plot-controls{gap:8px}}
[data-theme="dark"] .cp-page{--cp-ink:#e0ece6;--cp-teal:#7dd5bb;--cp-muted:#a5b8ad}[data-theme="dark"] .cp-card,[data-theme="dark"] .cp-number,[data-theme="dark"] .cp-actions button,[data-theme="dark"] .cp-next button{background:#18251f;border-color:#364a3e;color:var(--cp-ink)}[data-theme="dark"] .cp-number.active,[data-theme="dark"] .cp-actions .cp-check{background:#286b58;color:#f1fff8;border-color:#49866f}[data-theme="dark"] .cp-number.correct,[data-theme="dark"] .cp-hint,[data-theme="dark"] .cp-parts button.active{background:#1b382b}[data-theme="dark"] .cp-number.revealed{background:#3b3020}[data-theme="dark"] .cp-field input,[data-theme="dark"] .cp-field select,[data-theme="dark"] .cp-reason textarea,[data-theme="dark"] .cp-plot-controls input,[data-theme="dark"] .cp-parts button{background:#111d17;color:var(--cp-ink);border-color:#455a4d}[data-theme="dark"] .cp-input-note code{background:#283c30}[data-theme="dark"] .cp-parts,[data-theme="dark"] .cp-solution,[data-theme="dark"] .cp-lab{border-color:#35483c}[data-theme="dark"] .cp-field-feedback.correct{color:#8ed2a5}[data-theme="dark"] .cp-field-feedback.incorrect,[data-theme="dark"] .cp-field-feedback.invalid{color:#f2ad8e}[data-theme="dark"] .cp-graph{background:#16241b;border-color:#3b5141}[data-theme="dark"] .cp-grid line{stroke:#293c2e}[data-theme="dark"] .cp-grid text,[data-theme="dark"] .cp-graph g>text{fill:#b5c7b6}[data-theme="dark"] .cp-axes line{stroke:#748e77}[data-theme="dark"] .cp-circle{stroke:#7dd5bb}[data-theme="dark"] .cp-point{fill:#e5aa7e}
.cp-instructions{border:1px solid #dce5e2;border-radius:12px;padding:14px 18px;margin:0 0 24px;background:#f7faf8;font-size:13px;line-height:1.8}.cp-instructions summary{cursor:pointer;font-weight:650;color:var(--cp-teal)}.cp-instructions ol{margin:16px 0 12px;padding-left:22px;max-width:850px}.cp-instructions li{padding:4px 0}.cp-reference{border-top:1px solid #dce5e2;padding-top:12px}.cp-section-title{display:block;font-size:11px;font-weight:500;line-height:1.5;color:var(--cp-muted);margin-top:4px}.cp-circle.cp-branch-upper{stroke:#137c72}.cp-circle.cp-branch-lower{stroke:#ae6034;stroke-dasharray:6 3}.cp-graph .cp-label-upper{fill:#137c72;font-weight:700}.cp-graph .cp-label-lower{fill:#ae6034;font-weight:700}[data-theme="dark"] .cp-instructions{background:#18251f;border-color:#364a3e}[data-theme="dark"] .cp-reference{border-color:#364a3e}[data-theme="dark"] .cp-circle.cp-branch-upper{stroke:#7dd5bb}[data-theme="dark"] .cp-circle.cp-branch-lower{stroke:#edb082}[data-theme="dark"] .cp-graph .cp-label-upper{fill:#7dd5bb}[data-theme="dark"] .cp-graph .cp-label-lower{fill:#edb082}
.cp-page .cp-nav{top:90px}.cp-main{min-width:0;margin-left:0;min-height:0}
@media(max-width:760px){.cp-numbers{grid-template-columns:repeat(4,minmax(0,1fr))}.cp-section{min-width:130px}.cp-number{min-width:0}}