/* Loaded only by the named reference and routing pages. */
.pa-worked-example {
    padding: clamp(1.25rem, 2.5vw, 2.25rem);
    border: 1px solid var(--pa-border, #c9dce2);
    border-left: 4px solid var(--pa-teal, #078493);
    border-radius: .5rem;
    background: var(--pa-surface, #fff);
    color: var(--pa-text, #142c3e);
    min-width: 0;
}
.pa-worked-example h2 { font-size: clamp(1.35rem, 2vw, 1.9rem); line-height: 1.2; }
.pa-worked-example p, .pa-worked-example li, .pa-worked-example dd { max-width: 65ch; }
.pa-evidence-register { margin: 1rem 0; }
.pa-evidence-register > div { display: grid; grid-template-columns: minmax(7rem, 1fr) minmax(0, 2fr); gap: .5rem 1rem; padding: .8rem 0; border-top: 1px solid var(--pa-border, #c9dce2); }
.pa-evidence-register dt { font-weight: 750; }
.pa-evidence-register dd { margin: 0; overflow-wrap: anywhere; }
.pa-evidence-register small { display: block; margin-top: .35rem; line-height: 1.5; }
.pa-reference-jumps { display: flex; flex-wrap: wrap; gap: .65rem 1.25rem; margin: 1rem 0; }
.pa-reference-jumps a { font-weight: 700; text-underline-offset: .2em; }
.pa-reference-jumps--vertical { display: grid; }
.pa-reference-steps { padding-left: 1.25rem; }
.pa-reference-steps li { margin-bottom: 1rem; }
.pa-evidence-routes { display: grid; gap: .5rem; margin: 1.25rem 0; }
.pa-evidence-routes a { display: flex; align-items: center; gap: .9rem; padding: .75rem; border-bottom: 1px solid var(--pa-border, #c9dce2); text-decoration: none; color: inherit; }
.pa-evidence-routes a:hover, .pa-evidence-routes a:focus-visible { background: var(--pa-surface, #fff); outline: 2px solid var(--pa-teal, #078493); outline-offset: 2px; }
.pa-evidence-routes strong, .pa-evidence-routes small { display: block; }
.pa-evidence-routes small { line-height: 1.45; margin-top: .15rem; }
.pa-evidence-routes i { font-size: 1.5rem; color: var(--pa-teal, #078493); }
.pa-material-compare { margin-block: 1rem 2rem; }
.pa-material-compare summary { cursor: pointer; font-size: 1.15rem; font-weight: 750; }
.pa-material-compare__selectors, .pa-material-compare__results { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; margin-top: 1.25rem; }
.pa-material-compare__selectors label { font-weight: 700; }
.pa-material-compare__selectors select { margin-top: .4rem; }
.pa-material-compare__results [hidden] { display: none !important; }
html[data-pa-theme="dark"] .pa-worked-example, html[data-theme="dark"] .pa-worked-example, body[data-theme="dark"] .pa-worked-example, [data-bs-theme="dark"] .pa-worked-example { background: #112838; color: #eef6fa; border-color: #385767; }
@media (max-width: 700px) {
    .pa-evidence-register > div { grid-template-columns: 1fr; gap: .25rem; }
    .pa-material-compare__selectors, .pa-material-compare__results { grid-template-columns: 1fr; }
    .pa-material-stage { display: flex; flex-direction: column; }
    .pa-material-stage .pa-material-copy { order: -1; }
}