.role-hero{align-items:flex-end;background:linear-gradient(135deg,var(--surface-strong),var(--surface));border:1px solid var(--gold-line);border-radius:28px;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:34px;position:relative}.role-hero:after{background:radial-gradient(circle,var(--gold-soft),transparent 65%);content:"";height:240px;position:absolute;right:-50px;top:-90px;width:240px}.role-hero>div,.role-hero>span{position:relative;z-index:1}.role-hero h1{font-size:42px;margin:10px 0 7px}.role-hero p{color:var(--text-secondary);margin:0;max-width:680px}.role-symbol{align-items:center;background:var(--gold);border-radius:12px;color:#17130a;display:inline-flex;font-size:11px;font-weight:900;height:36px;justify-content:center;letter-spacing:.03em;width:36px}.role-access-chip{background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:999px;color:var(--gold-text);font-size:12px;font-weight:750;padding:9px 13px}.role-name-stat{font-size:15px!important;line-height:1.25}.role-tool-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px}.role-tool-grid a{background:var(--surface-muted);border:1px solid var(--line);border-radius:18px;color:var(--text);display:grid;gap:5px;padding:18px;text-decoration:none;transition:.2s}.role-tool-grid a:hover{border-color:var(--gold-line);transform:translateY(-2px)}.role-tool-grid a span{color:var(--gold-text)}.role-tool-grid a small{color:var(--text-secondary)}.responsibility-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.responsibility-grid article{align-items:center;background:var(--surface-muted);border-radius:16px;display:flex;gap:12px;padding:16px}.responsibility-grid span{color:var(--gold-text);font:700 11px ui-monospace,monospace}.role-preview-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.role-preview-grid button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--text);display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:16px;text-align:left}.role-preview-grid button:hover{border-color:var(--gold-line);box-shadow:var(--shadow);transform:translateY(-2px)}.role-preview-grid button span{display:grid;gap:4px}.role-preview-grid button small{color:var(--text-secondary)}.role-preview-grid button i{color:var(--gold-text);font-style:normal}.role-preview-stage{scroll-margin-top:90px}.role-preview-toolbar{align-items:center;background:var(--charcoal);border-radius:22px 22px 0 0;color:#fff;display:flex;justify-content:space-between;padding:14px 18px}.role-preview-toolbar>div{align-items:center;display:flex;gap:12px}.role-preview-toolbar span{display:grid}.role-preview-toolbar small{color:#bcb8b0}.role-preview-toolbar button{background:#ffffff12;border:1px solid #ffffff24;color:#fff}.role-preview-shell{background:var(--surface);border:1px solid var(--line);border-radius:0 0 22px 22px;display:grid;grid-template-columns:220px 1fr;min-height:440px;overflow:hidden}.role-preview-shell aside{background:var(--charcoal-soft);display:grid;gap:7px;align-content:start;padding:22px}.role-preview-shell aside strong{color:var(--gold-text);margin-bottom:10px}.role-preview-shell aside span{border-radius:10px;color:var(--text-secondary);padding:9px 10px}.role-preview-shell aside span:first-of-type{background:var(--gold-soft);color:var(--text)}.role-preview-shell main{margin:0;padding:36px}.role-preview-shell h2{font-size:34px;margin:8px 0}.preview-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0}.preview-actions article{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:16px;display:flex;gap:10px;padding:16px}.preview-actions span{color:var(--gold-text)}.preview-lock{background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:14px;color:var(--text-secondary);padding:15px}@media(max-width:1000px){.role-preview-grid,.role-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.role-hero{align-items:flex-start;flex-direction:column;gap:18px;padding:24px}.role-hero h1{font-size:32px}.role-preview-grid,.role-tool-grid,.responsibility-grid,.preview-actions{grid-template-columns:1fr}.role-preview-shell{grid-template-columns:1fr}.role-preview-shell aside{display:none}.role-preview-shell main{padding:24px}}