:root{font-family:system-ui,sans-serif;color:#163b43;background:#f0f6f4}*{box-sizing:border-box}body{margin:0}main{max-width:58rem;margin:auto;padding:clamp(1rem,4vw,2rem)}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.12}p{line-height:1.6}fieldset,.output{min-width:0;border:1px solid #80979c;border-radius:1rem;padding:1rem;background:white;margin:1rem 0}legend{font-weight:700}label{display:block;margin:.7rem 0}select,button{font:inherit;max-width:100%;min-height:44px;border:2px solid #547179;border-radius:.5rem;background:white;padding:.6rem;color:inherit}select{width:100%}button{cursor:pointer}button[aria-pressed=true]{background:#164c57;color:white}.actions{display:flex;flex-wrap:wrap;gap:.6rem}.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;list-style:none;padding:0}.row li{display:grid;align-content:start;gap:.6rem;border:1px solid #80979c;border-radius:.7rem;padding:.8rem;overflow-wrap:anywhere}.mark{font-size:2.7rem;line-height:1.2}a{color:#164c57}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ba5700;outline-offset:3px}@media(max-width:25rem){.row{grid-template-columns:1fr}.mark{font-size:2rem}}
.resource-heading-context{display:block;margin-top:.8rem;font-size:.8rem;line-height:1.5;font-weight:650;letter-spacing:.02em;color:#4c625a}