:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f6f9fb; color: #16364a; }
    * { box-sizing: border-box; }
    body { max-width: 58rem; margin: auto; padding: 1.1rem; line-height: 1.5; }
    h1 { line-height: 1.2; }
    .panel { border: 2px solid #33546c; border-radius: .7rem; padding: 1rem; margin: 1rem 0; background: white; }
    .block { display: block; border-left: .55rem solid #226687; padding: .65rem 1rem; margin: .55rem 0; background: #edf5f8; }
    .block.if { border-color: #8b5a16; background: #fff6e5; }
    .block.else { border-color: #5a4186; background: #f4f0fb; }
    label { display: inline-block; margin: .25rem .5rem .25rem 0; font-weight: 650; }
    select, button { font: inherit; padding: .35rem .55rem; border: 2px solid #33546c; border-radius: .3rem; background: white; color: inherit; }
    button { background: #164c68; color: white; font-weight: 700; cursor: pointer; margin: .5rem .5rem .5rem 0; }
    button:hover { background: #0d3449; }
    :focus-visible { outline: 4px solid #e58c14; outline-offset: 2px; }
    table { border-collapse: collapse; width: 100%; }
    th, td { border: 1px solid #6b8390; padding: .35rem .5rem; text-align: left; }
    th { background: #e8f2f7; }
    .note { font-size: .95rem; }
.resource-heading-context{display:block;margin-top:.8rem;font-size:.8rem;line-height:1.5;font-weight:650;letter-spacing:.02em;color:#4c625a}