:root{color-scheme:light;--ink:#17323b;--blue:#225377;--green:#17695f;--cream:#fbf8f0;--border:#91aaa8;--focus:#ad4f04}
*{box-sizing:border-box}body{font:1.05rem/1.5 system-ui,sans-serif;background:var(--cream);color:var(--ink);margin:0}
main{max-width:58rem;margin:auto;padding:1.2rem}h1{line-height:1.15;color:var(--blue);margin:.4rem 0}h2{font-size:1.25rem;margin:1.3rem 0 .5rem}p{max-width:68ch}
fieldset{border:2px solid var(--border);border-radius:.7rem;padding:1rem;margin:1rem 0}legend{font-weight:700;padding:0 .3rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem}label{display:block;font-weight:650}input{display:block;width:100%;font:inherit;padding:.45rem;border:2px solid var(--blue);border-radius:.3rem;background:white;color:var(--ink)}
button{font:inherit;font-weight:700;border:2px solid var(--blue);border-radius:.3rem;padding:.55rem 1rem;background:var(--blue);color:white;margin:.3rem .5rem .3rem 0;cursor:pointer}button.secondary{background:white;color:var(--blue)}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
.panel{background:white;border:2px solid var(--border);border-radius:.7rem;padding:1rem;margin:1rem 0}.bar{display:flex;min-height:2.2rem;border:2px solid var(--ink);border-radius:.3rem;overflow:hidden}.bar .a{background:repeating-linear-gradient(45deg,#b9dbe8,#b9dbe8 8px,#d9ebf0 8px,#d9ebf0 16px)}.bar .b{background:repeating-linear-gradient(-45deg,#b9dfca,#b9dfca 8px,#e2f0e8 8px,#e2f0e8 16px)}
.small{font-size:.95rem}#message{font-weight:700}#result{white-space:pre-line}a{color:var(--blue)}
@media print{button{display:none}body{background:white}main{max-width:none}}
.resource-heading-context{display:block;margin-top:.8rem;font-size:.8rem;line-height:1.5;font-weight:650;letter-spacing:.02em;color:#4c625a}