.role-showcase{margin-top:25px}.role-preview-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.role-preview-tabs button{border:1px solid #cdbfae;border-radius:4px;background:#fffaf3;color:#3b2c26;font:650 15px/1.3 "Segoe UI",Arial,sans-serif;min-height:46px;padding:12px 22px;cursor:pointer}.role-preview-tabs button[aria-selected=true]{background:#142c3a;color:#fff;border-color:#142c3a}.role-preview-tabs button:focus-visible,.role-preview-actions a:focus-visible{outline:3px solid #b65b35;outline-offset:4px}.role-frame{margin:0;background:white;border:1px solid #cfc4b5;border-radius:8px;overflow:hidden}.role-browser{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;background:#ede8df;color:#30414a;font:11px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.5px}.role-browser>span:first-child{color:#9c7656;letter-spacing:5px}.role-browser>span:last-child{border:1px solid #cfbfa6;border-radius:20px;background:#fffdf8;padding:5px 10px;letter-spacing:0}.role-frame img{display:block;width:100%;height:auto}.role-frame figcaption{padding:18px 22px;border-top:1px solid #ded5c8;color:#40535b;font:15px/1.6 "Segoe UI",Arial,sans-serif;text-align:left}.role-preview-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;font:650 15px/1.5 "Segoe UI",Arial,sans-serif}.role-preview-actions a{color:#974126;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}@media(max-width:700px){.role-preview-tabs{gap:6px}.role-preview-tabs button{flex:1;padding:11px 8px;font-size:13px}.role-browser{padding:10px;gap:6px;font-size:9px}.role-browser>span:first-child{display:none}.role-frame figcaption{padding:15px;font-size:14px}.role-preview-actions{gap:10px 20px;font-size:14px}}