:root { color-scheme: light; font-family: system-ui, sans-serif; line-height: 1.55; }
    body { max-width: 50rem; margin: auto; padding: 1.2rem; color: #16394d; background: #fffefa; }
    h1, h2 { line-height: 1.2; }
    section { border: 2px solid #55798a; border-radius: .7rem; padding: 1rem; margin: 1rem 0; }
    label { display: block; font-weight: 700; margin: .8rem 0 .25rem; }
    input, button { font: inherit; color: inherit; background: white; border: 2px solid #16394d; border-radius: .4rem; padding: .55rem; }
    input { max-width: 9rem; }
    button { cursor: pointer; background: #eaf3f8; }
    :focus-visible { outline: 3px solid #9c5700; outline-offset: 3px; }
    #result { margin-top: 1rem; border-left: .4rem solid #245a72; padding: .75rem 1rem; background: #eef6f9; }
    table { border-collapse: collapse; width: 100%; }
    th, td { border: 1px solid #55798a; text-align: left; padding: .5rem; }
    th { background: #eaf3f8; }
.resource-heading-context{display:block;margin-top:.8rem;font-size:.8rem;line-height:1.5;font-weight:650;letter-spacing:.02em;color:#4c625a}