.lines-lesson button,.lines-lesson select,.lines-lesson input{font:inherit;padding:.65rem .9rem;border:2px solid #625782;border-radius:10px;background:#fff;color:#211c40;min-height:44px;max-width:100%}.lines-lesson button{cursor:pointer}.lines-lesson :focus-visible{outline:3px solid #967000;outline-offset:3px}.line-controls{display:flex;flex-wrap:wrap;gap:1rem}.line-controls label{display:grid;gap:.4rem}.line-picture{background:#fff;color:#211c40;border:1px solid #bab4d3;border-radius:18px;padding:.5rem;margin:1rem 0}.line-picture svg{display:block;width:100%;max-width:460px;margin:auto;direction:ltr}.line-picture figcaption{font-size:.9rem;padding:.5rem}.line-picture .dot{cursor:pointer;stroke:#fff;stroke-width:2}.line-picture .dot[aria-pressed=true]{stroke:#171225;stroke-width:4;fill:#fff}.line-picture .dot:focus{outline:none;stroke:#171225;stroke-width:5}.line-picture text{font-family:system-ui,sans-serif;font-size:15px;fill:#211c40}.line-picture .place-label{font-weight:700}#mission{padding:1rem;border:1px solid #bab4d3;border-radius:18px}#mission-form{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin:1rem 0}#mission-answer{width:7rem}#mission-feedback{font-weight:700}#builder-parts{padding:1rem;background:#f6f3ff;color:#211c40;border-radius:12px}

.method-comparison{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.5rem 0}.method-panel{min-width:0;padding:1rem;border:1px solid #bab4d3;border-radius:18px;background:#fff;color:#211c40}.method-panel h3{margin-top:0}.method-panel .line-picture{border:0;padding:0;margin:0}.written-product{margin:1rem 0;text-align:center}.written-product pre{display:block;width:5ch;max-width:100%;margin:1.5rem auto;direction:ltr;text-align:right;font:600 clamp(1.7rem,4vw,2.3rem)/1.4 ui-monospace,monospace;white-space:pre;color:#211c40;background:transparent;padding:0}.written-product figcaption{font-size:1rem}@media(min-width:760px){.method-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}

.line-steps{margin:1rem 0}.line-step-count{font-size:.9rem;font-weight:700}.line-step-text{min-height:5em}.line-step-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.lines-lesson button[aria-disabled="true"]{opacity:.5;cursor:default}

#comparison-controls{padding:1rem;border:1px solid #bab4d3;border-radius:18px;background:#f6f3ff;color:#211c40}#comparison-controls .line-steps{margin:0}

.lines-lesson .lesson-nav.site-header{width:100%;padding:0;margin:0 0 1.5rem;border:0;border-radius:0;box-shadow:none;background:transparent}.lines-lesson .lesson-nav .header-controls{margin-inline-start:auto}.lines-lesson .line-picture figcaption{overflow-wrap:anywhere}