.topic-tool{margin:2rem 0}.topic-tool .tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-tool label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.topic-tool input,.topic-tool select{width:100%;min-width:0;padding:10px;border:1px solid #c8cdc6;border-radius:5px;background:#fff;font:inherit}.topic-tool .tool-preview svg{width:100%;height:auto;display:block;background:white;max-height:650px}.topic-tool .tool-preview{min-width:0}.topic-tool [data-error]{color:#a03b2e;min-height:1.5em}.topic-tool button{cursor:pointer;padding:10px 14px;border:1px solid #3b5547;border-radius:5px;background:#345444;color:white;margin:4px}.topic-tool button:disabled{opacity:.45;cursor:not-allowed}.topic-lesson-step{max-width:100%;height:auto;background:#fff;border:1px solid #d6d8d0}.topic-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-downloads article{background:#fffdf8;border:1px solid #d5d8d0;padding:20px;border-radius:10px}.topic-downloads a{display:inline-block;margin:5px 10px 5px 0}.topic-copy{max-width:850px}.topic-copy h2{margin-top:2rem}.topic-copy li{margin:.5rem 0}.topic-related{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.topic-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.topic-library a{display:block;padding:15px;border:1px solid #ccd2c8;border-radius:8px;text-decoration:none;background:#fffdf7}.topic-hero-image{width:100%;max-width:720px;border-radius:10px}.topic-copy details{padding:14px 0;border-bottom:1px solid #d5d8d0}.topic-copy summary{cursor:pointer;font-weight:600}@media(max-width:700px){.topic-downloads{grid-template-columns:1fr}.topic-tool .tool-fields{grid-template-columns:1fr}.topic-tool .tool-workspace{grid-template-columns:1fr}.topic-tool .tool-preview svg{max-height:none}}

.topic-reference{margin:30px 0;max-width:850px}.topic-reference img{border-radius:8px;width:100%;height:auto}.topic-reference figcaption{font-size:.85rem;color:var(--muted);padding:12px 0}.topic-lesson-step{width:100%;max-height:840px;object-fit:contain}.topic-construction-note{max-width:850px;color:var(--muted);font-size:.9rem}