:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{margin:0;background:#f5f5f4;color:#1f2933}#app{max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem}header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1.5rem}h1{margin:0;font-size:2rem}.role-selector{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.role-selector label{font-weight:600}.role-selector select{padding:.5rem .75rem;border-radius:.5rem;border:1px solid #d4d4d8;background:#fff;font-size:1rem;flex:1 1 auto;min-width:0}.role-content{background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0f172a14;padding:2rem}.role-content h2,.role-content h3{margin-top:1.5rem}.role-content h2:first-child,.role-content h3:first-child{margin-top:0}.role-content ul{list-style:none;padding-left:0}.role-content li{margin-bottom:.75rem}.role-content input[type=checkbox]{margin-right:.5rem;width:1rem;height:1rem}.reset-button{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;border:1px solid #d4d4d8;background:#f4f4f5;cursor:pointer;font-weight:600}.reset-button:hover{background:#e4e4e7}@media (max-width: 600px){header{flex-direction:column;align-items:stretch}.role-content{padding:.25rem 1.5rem .45rem}.role-selector,.role-selector select{width:100%}.role-heading-primary{display:none}.role-heading-primary+*{margin-top:0}}