:root { color-scheme: light; font-family: system-ui, sans-serif; line-height: 1.5; }
    body { max-width: 52rem; margin: auto; padding: 1.2rem; background: #fffefa; color: #173b50; }
    h1, h2 { line-height: 1.2; }
    section { border: 2px solid #537589; border-radius: .7rem; padding: 1rem; margin: 1rem 0; }
    label { display: block; font-weight: 700; margin: .8rem 0 .25rem; }
    input, select, button { font: inherit; padding: .5rem; border: 2px solid #173b50; border-radius: .35rem; background: white; color: inherit; }
    input { width: 9rem; max-width: 100%; }
    button { margin-top: 1rem; background: #eaf3f8; cursor: pointer; }
    :focus-visible { outline: 3px solid #9c5700; outline-offset: 3px; }
    #result { margin-top: 1rem; padding: .85rem 1rem; background: #eef6f9; border-left: .4rem solid #245a72; }
    table { border-collapse: collapse; width: 100%; }
    th, td { border: 1px solid #537589; padding: .4rem; text-align: left; }
    th { background: #eaf3f8; }
    .wide { overflow-x: auto; }
    .table-hint { font-size: .95rem; }
    @media (min-width: 700px) { .table-hint { display: none; } }
.resource-heading-context{display:block;margin-top:.8rem;font-size:.8rem;line-height:1.5;font-weight:650;letter-spacing:.02em;color:#4c625a}