/* Role-based public onboarding; isolated from journal. */
.flego-roles{padding-block:58px}.flego-roles .role-intro{max-width:760px}.flego-roles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.flego-role-card{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0;text-align:left;border:1px solid var(--line,#daddd8);background:var(--surface,#fff);color:var(--ink,#16191c);border-radius:16px;padding:22px;cursor:pointer;font:inherit;transition:transform .18s,border-color .18s}.flego-role-card:hover{transform:translateY(-3px);border-color:var(--accent,#e3a500)}.flego-role-card:focus-visible,.flego-modal-close:focus-visible{outline:3px solid var(--accent,#e3a500);outline-offset:3px}.flego-role-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent,#e3a500);color:#16191c;font-weight:700}.flego-role-card strong{font-size:19px}.flego-role-card span:not(.flego-role-icon){font-size:14px;color:var(--muted,#5d646a)}.flego-role-card em{margin-top:auto;font-style:normal;font-weight:700;color:var(--accent-text,#8a6400)}.flego-modal[hidden]{display:none!important}.flego-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.flego-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72)}.flego-modal-dialog{position:relative;z-index:1;background:var(--surface,#fff);color:var(--ink,#16191c);border-radius:18px;padding:clamp(22px,5vw,38px);width:min(100%,590px);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 80px #0005}.flego-modal-dialog h2{font-size:clamp(23px,4vw,31px);margin:16px 0}.flego-modal-dialog p{color:var(--muted,#5d646a)}.flego-modal-close{position:absolute;right:14px;top:12px;background:transparent;border:0;color:inherit;font-size:30px;cursor:pointer}.flego-modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.flego-modal-actions .btn{font-size:14px}.flego-role-hero{padding:70px 0;background:var(--dark,#16191c);color:var(--on-dark,#fff)}.flego-role-hero h1{font:700 clamp(30px,5vw,52px)/1.12 var(--f-display,system-ui);max-width:850px}.flego-role-hero p{font-size:19px;color:var(--on-dark-muted,#aab0b3);max-width:680px}.flego-role-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 30px}.flego-role-feature{padding:24px;border:1px solid var(--line,#ddd);border-radius:14px;background:var(--surface,#fff)}.flego-role-feature b{color:var(--accent-text,#8a6400)}.flego-role-footer{padding:28px 0;border-top:1px solid var(--line,#ddd)}@media(max-width:800px){.flego-roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flego-role-features{grid-template-columns:1fr}}@media(max-width:490px){.flego-roles-grid{grid-template-columns:1fr}.flego-role-card{padding:18px}.flego-roles{padding-block:36px}}