@font-face{font-family:Jost;src:url(jost-regular.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Jost;src:url(jost-bold.woff2) format('woff2');font-weight:700;font-display:swap}
:root{font-family:Jost,Arial,sans-serif;color:#344542;background:#f7f7f7}body{font-size:17px}header{padding:0;background:#fff;color:#344542;border-bottom:4px solid #86bd28}.brand{max-width:1220px;margin:auto;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:230px;height:auto;display:block}.brand>span{font-size:12px;letter-spacing:.14em;color:#55615d}.brand-title{background:#f0f4e9;padding:40px max(22px,calc((100vw - 1176px)/2)) 46px;border-top:1px solid #e7eeed}.brand-title h1{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-.03em;font-weight:700;color:#344542}.brand-title h1 span{color:#446b18}.brand-title p{color:#52634d}.brand-title .overline{font-size:12px;letter-spacing:.15em;font-weight:700;color:#446b18;margin:0 0 14px}.wrap{padding-top:26px}.card{border-radius:6px;box-shadow:none;border-color:#e1e7dc;padding:25px}.workshop{background:#fff;border-left:4px solid #86bd28}h2,h3{color:#344542;font-weight:700;letter-spacing:-.015em}.tab{border-radius:3px;font-family:inherit;font-size:15px;padding:12px 15px}.tab.active,.primary{background:#446b18;color:white;border-color:#446b18}.primary,.secondary{font-family:inherit;font-size:15px;border-radius:3px}.primary:hover,.tab.active:hover{background:#365711}.secondary,.pill,.step,.explain{background:#eff5e6;color:#395c18}.scenario{border-radius:4px;background:#fff;border-color:#e1e7dc}.notice{border-left-color:#86bd28;background:#f3f7eb}.muted,small{color:#5e6c65}select,input,textarea{font-family:inherit!important}select,input[type=range]{accent-color:#608c22}a,.refs a,.scorebutton{color:#446b18}th{background:#eff5e6}nav{gap:7px}.legend{color:#53624b}footer{border-top:1px solid #dce4d4;margin-top:24px;color:#53624b}button:focus-visible,.tab:focus-visible{outline-color:#608c22}@media(max-width:700px){.brand{padding:18px}.brand img{width:175px}.brand>span{display:none}.brand-title{padding:28px 18px 32px}.card{padding:18px}.tab{flex:1 1 45%;font-size:14px;text-align:left}}