/* Keep section links predictable while the shared sticky header resizes. */
html { scroll-behavior: auto; }
.post pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.post a, .post code { overflow-wrap: anywhere; }
.post h2, .answer-example { scroll-margin-top: 12rem; }
.measurement-definitions { margin: 1.5rem 0; }
.measurement-definitions dt { font-weight: 600; margin-top: 1rem; }
.measurement-definitions dd { margin: .3rem 0 1rem; }
.method-detail, .answer-example details { padding: 1rem 0; border-top: 1px solid var(--line); }
summary { cursor: pointer; font-weight: 600; }
summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.answer-example { border-block: 2px solid var(--ink); padding-block: 1.5rem; margin-block: 2rem; }
.answer-example h2 { margin-top: 0; }
.answer-example blockquote { margin-inline: 0; padding-left: 1rem; border-left: 3px solid var(--muted); }
.answer-example .observation { font-weight: 600; }
.answer-example .sample-scope { color: var(--muted); font-size: .9rem; }
.answer-example details pre { font-size: .85rem; }
@media (prefers-reduced-motion: reduce) { .post { scroll-behavior: auto; } }