:root{font:16px/1.6 system-ui,sans-serif;color:#19312c;background:#f6f4ee}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:20px 18px 60px}nav,.links{display:flex;flex-wrap:wrap;gap:12px}nav{justify-content:space-between}a{color:#17623e;overflow-wrap:anywhere}header{padding:42px 0 22px}header small{letter-spacing:.12em}h1{font-size:clamp(42px,7vw,66px);line-height:1.05;letter-spacing:-.05em;margin:14px 0}h2{font-size:24px;line-height:1.3;margin:0 0 14px}h3{font-size:19px;margin:8px 0}section,.case{background:#fff;border:1px solid #dde3db;border-radius:18px;padding:20px;margin:18px 0}p{margin:12px 0}button,input,select,textarea{font:inherit;max-width:100%}button,.button{display:inline-block;padding:10px 15px;border:1px solid #aab9ae;border-radius:10px;background:#17623e;color:white;text-decoration:none;cursor:pointer}.secondary{background:#fff;color:#19312c}input,select,textarea{display:block;width:100%;border:1px solid #aab9ae;border-radius:8px;padding:10px;background:white;color:#19312c}label{display:block;margin:12px 0}textarea{min-height:115px;resize:vertical}.grid,.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.role{border:1px solid #dde3db;border-radius:12px;padding:14px;min-width:0}code{overflow-wrap:anywhere}ol{padding-left:23px}li{margin:9px 0}.case{margin:14px 0;background:#fafbf8}.badge{display:inline-block;background:#e7ede5;border-radius:6px;padding:3px 9px;font-size:13px}.case[data-result=fail]{border-left:5px solid #b34530}.case[data-result=pass]{border-left:5px solid #17623e}.case[data-result=blocked]{border-left:5px solid #b78221}.expected{background:#eaf2e9;padding:12px;border-radius:10px}.muted,footer{color:#63746a;font-size:14px}#progress{font-weight:700;background:#173a31;color:white;padding:16px;border-radius:12px}#credentials{background:#fff0c8;border-radius:12px;padding:14px}#credentials input{margin:10px 0}.error{color:#a22f22}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dc6d48;outline-offset:3px}[hidden]{display:none!important}@media(max-width:580px){.grid,.filters{grid-template-columns:1fr}section,.case{padding:16px}main{padding:16px 14px}h2{font-size:22px}}