/* Layout and print rules scoped to the article about getting unstuck. */
.stuck-task-post [id] { scroll-margin-top: 7rem; }
.stuck-task-post .meta, .stuck-task-post .post-toc a { color: var(--color-heading); }
.stuck-task-post a:not(.btn):not(.related-post-card) { text-decoration: underline; text-underline-offset: 0.15em; }
.stuck-task-post ul, .stuck-task-post ol { padding-left: 1.4rem; }
.stuck-task-post li { margin: 0.5rem 0; }
.stuck-task-post ul > li { list-style: disc !important; }
.stuck-task-post ol > li { list-style: decimal !important; }
.stuck-task-post .post-table { min-width: 440px; }
.stuck-task-post .post-table th[scope="row"] { width: 34%; }
.stuck-task-post .task-dialog { margin: 1.5rem 0; padding: 1rem 1.25rem; border-left: 4px solid var(--color-accent); background: var(--card-bg); }
.stuck-task-post .task-dialog p { margin: 0 0 0.8rem; }
.stuck-task-post .task-dialog p:last-child { margin-bottom: 0; }
.stuck-task-post .unit-example { padding: 1rem; border: 1px solid var(--card-border); border-radius: var(--radius); }
.stuck-task-post .btn { max-width: 100%; white-space: normal; text-align: center; }
.stuck-task-post a:focus-visible, .stuck-task-post [tabindex]:focus-visible { outline: 3px solid var(--color-heading); outline-offset: 4px; }
@media (max-width: 480px) {
    .stuck-task-post .post-table th, .stuck-task-post .post-table td { padding: 0.65rem; }
    .stuck-task-post .task-dialog, .stuck-task-post .post-note { padding: 1rem; }
}
@media print {
    .site-header, .site-footer, .stuck-task-post .post-hero-media, .stuck-task-post .post-toc, .stuck-task-post .back-link, .stuck-task-post .btn { display: none; }
    html, body { background: #fff !important; }
    .stuck-task-post { max-width: none; margin: 0; padding: 0; }
    .stuck-task-post, .stuck-task-post * { color: #000 !important; background: transparent !important; box-shadow: none !important; }
    .stuck-task-post .post-table-wrap { overflow: visible; }
    .stuck-task-post .post-table { min-width: 0; font-size: 10pt; }
    .stuck-task-post h2, .stuck-task-post h3 { break-after: avoid; }
    .stuck-task-post .task-dialog, .stuck-task-post .task-cheatsheet, .stuck-task-post tr { break-inside: avoid; }
    .stuck-task-post .task-cheatsheet { border: 1px solid #000; padding: 1rem; }
}