.roadmap-stage { padding-block: 22px; border-bottom: 1px solid var(--border, #dce3e9); scroll-margin-top: 100px; }
.roadmap-check:not([hidden]) { display: flex; align-items: flex-start; gap: 12px; padding: 18px; background: #edf6f4; color: #173b34; border-radius: 10px; cursor: pointer; }
.roadmap-check input { flex-shrink: 0; width: 20px; height: 20px; margin-top: 3px; accent-color: #176b57; }
.roadmap-progress { padding: 24px; border: 1px solid #b6d7cd; border-radius: 14px; background: #f2f8f6; }
.roadmap-progress progress { display: block; width: 100%; height: 18px; accent-color: #176b57; }
.roadmap-progress button { padding: 10px 16px; border: 1px solid #58776d; border-radius: 8px; background: white; color: #173b34; cursor: pointer; font: inherit; }
.roadmap-check:focus-within, .roadmap-progress button:focus-visible { outline: 3px solid #176b57; outline-offset: 3px; }
#troubleshooting dd { margin: 8px 0 20px; }
.article-page pre { max-width: 100%; overflow-x: auto; padding: 20px; background: #142c35; color: #f1f7f8; border-radius: 10px; line-height: 1.7; }
@media print { .roadmap-progress, .roadmap-check { display: none !important; } }