/* Selected A: approved reference sections across all method pages. */
.md-reference-sections-a #usage > h2 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.md-reference-sections-a .method-use-grid { gap: 2rem; }
.md-reference-sections-a .md-usage-card { background: transparent; border: 0; border-radius: 0; padding: 0; margin: 0; }
.md-reference-sections-a .md-usage-card.callout-no { background: transparent; border: 0; }
.md-reference-sections-a .md-usage-heading { gap: .75rem; border-left: 3px solid #2387a4; border-bottom: 1px solid #ccdee5; padding: 0 0 .8rem .85rem; margin-bottom: .8rem; }
.md-reference-sections-a .md-usage-heading h3 { font-family: var(--font-display); font-size: 1.2rem; font-weight: 700; line-height: 1.5; }
.md-reference-sections-a .md-section-symbol { width: 2.25rem; height: 2.25rem; flex-basis: 2.25rem; border-radius: 50%; color: #153f5b; background: #edf5f8; }
.md-reference-sections-a .md-section-symbol svg { width: 1.55rem; height: 1.55rem; }
.md-reference-sections-a .md-usage-heading .md-section-symbol { background: #eff5e9; }
.md-reference-sections-a .md-usage-heading svg { width: 1.75rem; height: 1.75rem; stroke-linecap: round; stroke-linejoin: round; }
.md-reference-sections-a .callout-no .md-section-symbol { color: #153f5b; background: #edf5f8; }
.md-reference-sections-a .md-usage-heading svg circle { display: none; }
.md-reference-sections-a .md-usage-card ul { list-style: disc; padding-left: 1.45rem; }
.md-reference-sections-a .md-usage-card li { padding: .25rem 0 .25rem .1rem; margin: 0; font-size: .96rem; line-height: 1.95; }
.md-reference-sections-a .md-usage-card li + li { border: 0; }
.md-reference-sections-a .md-usage-card li::before { content: none; }
.md-reference-sections-a .method-preparation { margin-top: 2rem; padding: 0 0 1.6rem; border-top: 0; border-bottom: 1px solid #ccdee5; }
.md-reference-sections-a .method-preparation > h3 { padding: 0 0 .8rem .85rem; margin: 0 0 1.25rem; border-left: 3px solid #2387a4; border-bottom: 1px solid #ccdee5; font-family: var(--font-display); font-size: 1.2rem; line-height: 1.5; }
.md-reference-sections-a .md-preparation-body { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem; }
.md-reference-sections-a .md-preparation-body h4 { gap: .7rem; margin-bottom: .75rem; font-size: 1rem; }
.md-reference-sections-a .md-preparation-body p { font-size: .96rem; line-height: 1.95; }
.md-reference-sections-a .md-deliverables { padding-left: 1.5rem; border-left: 1px solid #ccdee5; }
.md-reference-sections-a .md-deliverables ul { list-style: disc; padding-left: 1.3rem; }
.md-reference-sections-a .md-deliverables li { padding: .2rem 0; font-size: .96rem; line-height: 1.85; }
.md-reference-sections-a .md-deliverables li + li { border: 0; }
.md-reference-sections-a .md-deliverables li::before { content: none; }
.md-reference-sections-a .judgment-examples > h2 { border-left-color: #2387a4; }
.md-reference-sections-a .md-judgment-list { gap: 2rem; }
.md-reference-sections-a .md-judgment-item { display: block; border: 0; border-radius: 0; background: transparent; overflow: visible; padding: 0; }
.md-reference-sections-a .md-judgment-mistake { background: transparent; padding: 0; }
.md-reference-sections-a .md-judgment-label { display: none; }
.md-reference-sections-a .md-judgment-item h3 { padding-bottom: .65rem; margin-bottom: .85rem; border-bottom: 1px solid #ccdee5; font-size: 1rem; line-height: 1.8; }
.md-reference-sections-a .md-judgment-correction { position: relative; display: flex; align-items: baseline; gap: .25rem; margin-left: 2.3rem; padding: 0; border: 0; }
.md-reference-sections-a .md-judgment-correction::before { content: ''; position: absolute; left: -2.3rem; top: .1rem; width: 1.6rem; height: 1.6rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232387a4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h17m-7-7 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat; }
.md-reference-sections-a .md-judgment-correction h4 { flex: 0 0 auto; margin: 0; color: #153f5b; font-size: .96rem; line-height: 1.95; }
.md-reference-sections-a .md-judgment-correction h4::after { content: '：'; }
.md-reference-sections-a .md-judgment-correction p { min-width: 0; font-size: .96rem; line-height: 1.95; }
.md-reference-sections-a .md-judgment-reason { gap: .45rem; margin: .7rem 0 0 2.3rem; padding: .1rem 0 .1rem .8rem; border: 0; border-left: 3px solid #ccdee5; background: transparent; font-size: .9rem; line-height: 1.9; }
.md-reference-sections-a .md-judgment-reason strong { color: #153f5b; font-size: .9rem; }
.md-reference-sections-a .md-judgment-reason strong::after { content: '：'; }
.md-reference-sections-a .content-role-note { padding: 1.1rem 1.25rem; border: 0; border-radius: 6px; background: #edf5f8; }
.md-reference-sections-a .content-role-note > strong { padding-left: .8rem; border-left: 3px solid #2387a4; margin-bottom: .6rem; font-family: var(--font-display); font-size: 1.05rem; line-height: 1.6; }
.md-reference-sections-a .content-role-note > span { display: block; padding-left: 1rem; }
@media (max-width: 44rem) {
  .md-reference-sections-a .method-use-grid { gap: 1.6rem; }
  .md-reference-sections-a .md-usage-heading h3, .md-reference-sections-a .method-preparation > h3 { font-size: 1.12rem; }
  .md-reference-sections-a .md-preparation-body { grid-template-columns: minmax(0, 1fr); gap: 1.15rem; }
  .md-reference-sections-a .md-deliverables { padding: 1.1rem 0 0; border-left: 0; border-top: 1px solid #ccdee5; }
  .md-reference-sections-a .md-judgment-correction { display: block; margin-left: 1.9rem; }
  .md-reference-sections-a .md-judgment-correction::before { left: -1.9rem; width: 1.35rem; height: 1.35rem; }
  .md-reference-sections-a .md-judgment-correction h4 { display: inline; }
  .md-reference-sections-a .md-judgment-correction p { display: inline; }
  .md-reference-sections-a .md-judgment-reason { margin-left: 1.9rem; padding-left: .6rem; }
  .md-reference-sections-a .content-role-note { padding: 1rem; }
}
@media print {
  .md-reference-sections-a .md-usage-card, .md-reference-sections-a .md-judgment-item { break-inside: avoid; }
}

/* Added excerpt: strengths, limits, evidence and fictional worked example. */
.md-reference-sections-a .md-limits-section > h2,
.md-reference-sections-a #evidence-notes > h2 { border-left-color: #2387a4; }
.md-reference-sections-a .md-limits-section > .two-col { gap: 1.6rem; }
.md-reference-sections-a .md-limits-section .callout { padding: 0; border: 0; border-radius: 0; background: transparent; }
.md-reference-sections-a .md-limits-section .two-col > .callout-no { padding-left: 1.6rem; border-left: 1px solid #ccdee5; }
.md-reference-sections-a .md-limits-section .callout > h3 { display: flex; align-items: center; gap: .75rem; padding-bottom: .8rem; margin: 0 0 .75rem; border-bottom: 1px solid #ccdee5; color: #153f5b; font-family: var(--font-display); font-size: 1.15rem; line-height: 1.6; }
.md-reference-sections-a .md-limits-section .two-col h3::before { content: ''; flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #eff5e9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23236869' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/1.5rem no-repeat; }
.md-reference-sections-a .md-limits-section .callout-no h3::before { background-color: #edf5f8; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c7696' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v8m0 4h.01'/%3E%3C/svg%3E"); }
.md-reference-sections-a .md-limits-section .callout ul { padding-left: 1.45rem; margin: 0; }
.md-reference-sections-a .md-limits-section .callout li { padding: .25rem 0 .25rem .1rem; margin: 0; font-size: .96rem; line-height: 1.95; }
.md-reference-sections-a .md-limits-section .callout li + li { margin-top: .15rem; }
.md-reference-sections-a .md-limits-section > .callout-warn { padding-top: 1.2rem; margin-top: 1.5rem; border-top: 1px solid #ccdee5; }
.md-reference-sections-a .md-caution-symbol { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #fff7dc; color: #98731e; font-family: sans-serif; font-size: 1.25rem; line-height: 1; }
.md-reference-sections-a .md-limits-section .callout-warn li { padding-top: .3rem; padding-bottom: .3rem; }
.md-reference-sections-a #evidence-notes { padding-top: 1.5rem; margin-top: 2rem; margin-bottom: 1.5rem; }
.md-reference-sections-a #evidence-notes > h2 { margin-bottom: 1rem; }
.md-reference-sections-a #evidence-notes ul { padding-left: 1.45rem; margin: 0; }
.md-reference-sections-a #evidence-notes li { padding-left: .1rem; font-size: .96rem; line-height: 1.95; }
.md-reference-sections-a #evidence-notes .source-marker { display: inline; white-space: nowrap; }
.md-reference-sections-a #worked-example { padding: 1.5rem; margin-top: 1.5rem; background: #fff; border: 1px solid #ccdee5; border-radius: 6px; }
.md-reference-sections-a #worked-example > .example-label { margin: 0 0 .85rem; background: #fff7dc; color: #6b4b24; }
.md-reference-sections-a #worked-example > h2 { margin: 0 0 1rem; padding-left: .85rem; border-left: 3px solid #2387a4; font-size: 1.25rem; line-height: 1.6; }
.md-reference-sections-a #worked-example > p { margin: 0; font-size: .96rem; line-height: 1.95; }
.md-reference-sections-a #worked-example .example-table-wrap { margin: 1.2rem 0; overflow: visible; }
.md-reference-sections-a #worked-example .example-table { min-width: 0; table-layout: fixed; font-size: .91rem; line-height: 1.85; }
.md-reference-sections-a #worked-example .example-table :is(th, td) { padding: .65rem .8rem; min-width: 0; border-color: #ccdee5; overflow-wrap: anywhere; }
.md-reference-sections-a #worked-example .example-table th { background: #edf5f8; }
.md-reference-sections-a #worked-example .md-example-two-column .example-table :is(th, td):first-child { width: 31%; }
.md-reference-sections-a #worked-example .md-example-insight { padding: 1rem 1.1rem; background: #edf5f8; border-radius: 4px; }
.md-reference-sections-a #worked-example .md-example-insight > h3 { margin: 0 0 .55rem; padding-left: .8rem; border-left: 3px solid #2387a4; font-family: var(--font-display); font-size: 1rem; line-height: 1.65; }
.md-reference-sections-a #worked-example .md-example-insight > p { margin: 0; padding-left: 1rem; font-size: .94rem; line-height: 1.9; }
@media (max-width: 44rem) {
  .md-reference-sections-a .md-limits-section > .two-col { grid-template-columns: minmax(0, 1fr); gap: 1.3rem; }
  .md-reference-sections-a .md-limits-section .two-col > .callout-no { padding-left: 0; border-left: 0; }
  .md-reference-sections-a .md-limits-section .callout > h3 { font-size: 1.1rem; }
  .md-reference-sections-a #worked-example { padding: 1rem; }
  .md-reference-sections-a #worked-example > h2 { font-size: 1.15rem; }
  .md-reference-sections-a #worked-example .example-table :is(th, td) { padding: .55rem; }
  .md-reference-sections-a #worked-example .md-example-two-column .example-table :is(th, td):first-child { width: 32%; }
  .md-reference-sections-a #worked-example .md-example-insight { padding: .9rem; }
  .md-reference-sections-a #worked-example .md-example-insight > p { padding-left: 0; }
}
@media (max-width: 24rem) {
  .md-reference-sections-a #worked-example .example-table :is(th, td) { padding: .5rem .35rem; line-break: anywhere; }
  .md-reference-sections-a #worked-example .md-example-two-column .example-table :is(th, td):first-child { width: 38%; }
}
@media print {
  .md-reference-sections-a .md-limits-section .callout > h3,
  .md-reference-sections-a #worked-example > h2 { break-after: avoid; }
  .md-reference-sections-a #worked-example .example-table tr,
  .md-reference-sections-a #worked-example .md-example-insight { break-inside: avoid; }
}

/* Multi-column examples keep readable columns within a keyboard-scrollable region. */
.md-reference-sections-a #worked-example .md-example-wide { overflow-x: auto; overscroll-behavior-inline: contain; }
.md-reference-sections-a #worked-example .md-example-wide .example-table { min-width: var(--example-table-min-width); }
.md-reference-sections-a #worked-example > .md-example-scroll-hint { margin: .9rem 0 -.6rem; color: #395e74; font-size: .8rem; line-height: 1.7; }
.md-reference-sections-a #worked-example > .md-example-scroll-hint[hidden] { display: none; }
.md-reference-sections-a #worked-example .example-table-wrap:focus-visible { outline: 2px solid #2387a4; outline-offset: 3px; }
@media print {
  .md-reference-sections-a #worked-example .md-example-wide { overflow: visible; }
  .md-reference-sections-a #worked-example .md-example-wide .example-table { min-width: 0; font-size: .7rem; }
  .md-reference-sections-a #worked-example .md-example-wide .example-table :is(th, td) { padding: .3rem; line-break: anywhere; }
  .md-reference-sections-a #worked-example > .md-example-scroll-hint { display: none; }
}
