.topic-number-line{display:block;width:100%;height:auto;color:#365d77;background:#ffffffa8;border-radius:10px;font:14px "Segoe UI",sans-serif}
.topic-groups{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px 0}
.topic-groups>span{display:grid;grid-template-columns:repeat(2,13px);gap:5px;padding:9px;border:2px solid #548474;border-radius:12px;background:#fff9}
.topic-groups i,.topic-array i{display:block;width:13px;height:13px;border-radius:50%;background:#397b71}
.topic-array{display:grid;grid-template-columns:repeat(var(--columns),16px);gap:7px;justify-content:center;padding:16px;background:#fff9;border-radius:10px}
.topic-array i{width:16px;height:16px}.topic-array .second-part{background:#8556a0;outline:1px solid #5c3970;outline-offset:1px}
.topic-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #b3c9c0;border-radius:10px;overflow:hidden;background:#fff9;text-align:center}
.topic-places span{padding:12px 2px;font-size:.7rem;overflow-wrap:anywhere}.topic-places span+span{border-left:1px solid #b3c9c0}.topic-places b{display:block;font-size:1.5rem;margin-top:8px;color:#245951}
.topic-practice{padding:26px;border:1px solid #d5ddee;border-radius:18px;background:#f2f5ff;margin:28px 0;color:#243c43}
.topic-practice h2{margin:0;font-size:clamp(1.3rem,3vw,1.75rem)}.topic-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.topic-practice article{background:#fff;border:1px solid #d5ddee;border-radius:12px;padding:18px;min-width:0}.topic-practice h3{font-size:1.05rem;margin:0 0 14px;line-height:1.5}.topic-practice summary{cursor:pointer;min-height:44px;padding:10px 12px;background:#e8eefb;border-radius:8px;color:#334b7d;font-weight:700}.topic-practice details p{line-height:1.65}.topic-practice summary:focus-visible,.seo-teaching summary:focus-visible{outline:3px solid #3f66b0;outline-offset:3px}.topic-watch{padding:14px 18px;border-left:4px solid #dca448;background:#fff7e8;border-radius:0 10px 10px 0}.topic-watch h3{margin:0;font-size:1rem}.topic-watch p{margin:8px 0 0}.seo-methods .seo-picture{line-height:1.8}
@media(max-width:760px){.topic-practice{padding:18px}.topic-practice-grid{grid-template-columns:1fr}.topic-places span{font-size:.85rem}}
@media print{.topic-practice article{break-inside:avoid}}