/* Reading refinements reuse the existing page structure and controls. */
[hidden]{display:none!important}
html{scroll-padding-top:6rem}
.na-body,.note-body,.step-p,.cr-scope{line-height:1.7;overflow-wrap:anywhere;text-wrap:pretty}
.na-body{max-width:72ch;margin-inline:auto}
.na-body p,.na-body li{margin-block:.8em}
.na-body h2,.na-body h3,.step-h{line-height:1.25;text-wrap:balance}
.na-body a,.step-src a{text-underline-offset:.18em;text-decoration-thickness:1px}
:focus-visible{outline:3px solid #b47614!important;outline-offset:4px!important}
.item-body{overflow-wrap:anywhere}
.item.open .item-body{max-height:none}
.na-read,.ov{overscroll-behavior:contain}
@media(max-width:600px){
 .na-read .na-paper,.na-read .na-sheet,.na-read .na-inner{padding-inline:18px}
 .na-body{max-width:100%}.na-body table{display:block;overflow-x:auto}
 .stats,.cv-head,.cv-cols,.bar,.ov-bar,.na-kick{flex-wrap:wrap;min-width:0}
 .cgrid{grid-template-columns:minmax(0,1fr)!important}
 .step-h{overflow-wrap:anywhere}.ov-title,.ov-bar .t{min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.na-body,.step-p{max-width:none;color:#111!important}.na-body a[href]::after{content:' (' attr(href) ')';font-size:.8em}}

.practical-meta{padding-block:1.5rem;border-top:1px solid var(--line);max-width:70ch}.practical-meta ul{padding-inline-start:1.4em}.practical-meta p{margin-block:.7em}.exercise-answer{padding:1em;border:1px solid var(--line);border-radius:12px;margin-block:1.5em}.exercise-answer summary{cursor:pointer;font-weight:700}.exercise-answer p{margin-top:1em;line-height:1.7}.reference-link{text-align:center;padding:2rem}.step-p{white-space:pre-line}.ccard .meta{white-space:normal}

/* r21 (16 October 2026): on small screens grid tracks may shrink below their content, so a long word or a longer translation no longer pushes a card past the edge of its box */
@media(max-width:940px){section.shelf-sec .shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.app-sec .app-card{grid-template-columns:minmax(0,1fr)}}
.item-head .sum{overflow-wrap:anywhere}