.kthn-role-card{box-sizing:border-box;width:min(560px,calc(100% - 32px));padding:28px;border:1px solid #dce6e5;border-radius:16px;background:#fff;color:#16332f;font:16px/1.6 Arial,sans-serif;box-shadow:0 16px 56px #082f4926}
dialog.kthn-role-card{margin:auto;max-height:calc(100dvh - 32px);overflow:auto}
.kthn-role-card::backdrop{background:#082f4970}
.kthn-role-card h1,.kthn-role-card h2{font:700 24px/1.35 Arial,sans-serif;margin:0 0 14px;color:#123d35}
.kthn-role-card p{margin:0 0 24px;color:#435b55}
.kthn-role-page{padding:64px 0;min-height:50vh}.kthn-role-page .kthn-role-card{margin:auto}
.kthn-role-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin:0}
.kthn-role-actions button,.kthn-role-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #bacfc9;border-radius:9px;font:600 15px/1.45 Arial,sans-serif;background:#fff;color:#185646;cursor:pointer;text-decoration:none;text-align:center}
.kthn-role-actions .kthn-role-primary{background:#087d69;color:#fff;border-color:#087d69}
.kthn-role-actions :focus-visible{outline:3px solid #e2a900;outline-offset:3px}
@media(max-width:480px){.kthn-role-card{padding:22px}.kthn-role-actions{flex-direction:column-reverse}.kthn-role-actions button,.kthn-role-actions a{width:100%}.kthn-role-card h1,.kthn-role-card h2{font-size:22px}}