:root{color-scheme:light;--ink:#183b45;--teal:#006c70;--paper:#f4faf7}
    *{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1.1rem/1.6 system-ui,sans-serif}
    main{max-width:58rem;margin:auto;padding:clamp(1rem,4vw,2.5rem)}h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.15;margin:.6rem 0 1rem}
    .label{font-weight:750;letter-spacing:.06em;font-size:.8rem}a{color:var(--teal)}.card{background:white;border:1px solid #b2c9c6;border-radius:1.2rem;padding:clamp(1rem,3vw,1.8rem);margin:1rem 0}
    .controls{display:grid;gap:1rem;grid-template-columns:1fr 1fr}label{display:block;font-weight:700}select,button{font:inherit;min-height:48px;padding:.55rem .8rem;border:2px solid var(--teal);border-radius:.7rem;background:white;color:var(--ink);max-width:100%}select{width:100%;margin-top:.35rem}
    .view-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}button[aria-pressed=true]{background:var(--teal);color:white}button{cursor:pointer}:focus-visible{outline:3px solid #9a4c00;outline-offset:3px}
    #picture{max-width:28rem;margin:auto}svg{display:block;width:100%;height:auto}#record{font-weight:650;font-size:1.2rem}#status{min-height:1.6em}.small{font-size:.95rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem;border-bottom:1px solid #cadbd7;vertical-align:top}caption{text-align:left;font-weight:700;margin-bottom:.5rem}.table-wrap{overflow:auto}footer{margin-top:2rem;font-size:.9rem} [hidden]{display:none!important}
    @media(max-width:36rem){.controls{grid-template-columns:1fr}th,td{padding:.4rem;font-size:.95rem}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.resource-heading-context{display:block;margin-top:.8rem;font-size:.8rem;line-height:1.5;font-weight:650;letter-spacing:.02em;color:#4c625a}