: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 #55798a; border-radius: .65rem; padding: 1rem; margin: 1rem 0; }
    label { display: block; font-weight: 700; margin: .75rem 0 .2rem; }
    input, select, button { font: inherit; padding: .5rem; border: 2px solid #173b50; border-radius: .35rem; background: white; color: inherit; max-width: 100%; }
    input { width: 11rem; }
    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; }
    .note { background: #fff1e5; padding: .8rem 1rem; border-left: .4rem solid #9c5700; }
.resource-heading-context{display:block;margin-top:.8rem;font-size:.8rem;line-height:1.5;font-weight:650;letter-spacing:.02em;color:#4c625a}