body.calm-site main svg.keycloud-mark {width:88px;height:40px;flex-shrink:0;display:block;fill:none!important;stroke:currentColor!important;color:#ffc846!important;stroke-width:9.5!important}
body.calm-site main svg.keycloud-mark path{stroke-width:11.5!important}
body.calm-site main svg.keycloud-mark circle{stroke-width:8.5!important}
html:not([data-theme="dark"]) body.calm-site main .keycloud-wordmark-text,html:not([data-theme="dark"]) body.calm-site main .keycloud-wordmark-text :is(small,span){color:#000!important}
html[data-theme="dark"] body.calm-site main svg.keycloud-mark{color:#ffc846!important}
body.calm-site main .keycloud-wordmark{display:flex;align-items:center;gap:28px;width:max-content;max-width:100%;box-sizing:border-box;margin:20px 0 30px!important;padding:24px 32px 25px;border:1px solid rgba(40,40,40,.14);border-left:4px solid #ffc846;background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(0,0,0,.14);backdrop-filter:blur(10px)}
html[data-theme="dark"] body.calm-site main .keycloud-wordmark{border-color:rgba(255,255,255,.14);border-left-color:#ffc846;background:rgba(0,0,0,.86);box-shadow:0 18px 50px rgba(0,0,0,.22)}
body.calm-site main .keycloud-wordmark>.keycloud-mark{width:190px;height:86px;transform:translateY(4px);filter:drop-shadow(0 5px 16px rgba(255,200,70,.2))}
body.calm-site main .keycloud-intro>.hg-shell>.hg-eyebrow{color:#ffc846!important;font-weight:700;letter-spacing:.1em}
body.calm-site main .keycloud-intro>.hg-shell>h2{max-width:820px;color:#fff!important;font-size:32px!important;line-height:1.2;text-shadow:0 2px 18px rgba(0,0,0,.35)}
body.calm-site main .keycloud-intro>.hg-shell>.hg-lead{color:#fff!important;font-size:18px;line-height:1.65;text-shadow:0 2px 14px rgba(0,0,0,.32)}
body.calm-site main .keycloud-wordmark>.keycloud-contained-wordmark{width:480px;max-width:100%;height:auto;aspect-ratio:280/112}
body.calm-site main .keycloud-contained-wordmark text{stroke:none!important;fill:#282828!important;font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:0!important}
html[data-theme="dark"] body.calm-site main .keycloud-contained-wordmark text{fill:#fff!important}
.keycloud-wordmark-text{display:flex;flex-direction:column;gap:2px;font-family:Inter,sans-serif;font-size:clamp(54px,6vw,78px);font-weight:400;line-height:1}
body.calm-site main .keycloud-wordmark-text,body.calm-site main .keycloud-wordmark-text :is(small,span){color:#181818!important}
html[data-theme="dark"] body.calm-site main .keycloud-wordmark-text,html[data-theme="dark"] body.calm-site main .keycloud-wordmark-text :is(small,span){color:#fff!important}
body.calm-site main .keycloud-wordmark-text small{font-size:17px;font-weight:400;color:#626262!important;letter-spacing:.06em;text-transform:uppercase}
html[data-theme="dark"] body.calm-site main .keycloud-wordmark-text small{color:#e3e3e3}
body.calm-site main .keycloud-network .keycloud-mark{width:140px;height:100px}
.keycloud-network .keycloud-node{min-height:156px;padding:18px 14px;border:1px solid #d7d7d7;border-top:4px solid #ffc846;background:#fff;color:#282828;box-shadow:0 12px 32px rgba(0,0,0,.1)}
html[data-theme="dark"] body.calm-site main .keycloud-network .keycloud-node{border-color:#3b3b3b!important;border-top-color:#ffc846!important;background:#111!important;color:#fff!important;box-shadow:0 12px 32px rgba(0,0,0,.16)}
.keycloud-network .keycloud-node .keycloud-mark{filter:drop-shadow(0 4px 14px rgba(255,200,70,.24))}
.keycloud-network .keycloud-node span,.keycloud-network .keycloud-node a{color:#282828!important;font-weight:600!important}
html[data-theme="dark"] .keycloud-network .keycloud-node span,html[data-theme="dark"] .keycloud-network .keycloud-node a{color:#fff!important}
body.calm-site main .hub-network-keycloud>.keycloud-mark{width:120px;max-width:100%;height:60px;margin:0}
body.calm-site main h3 a[href="keycloud.html"]{color:inherit!important;text-decoration:none!important}
body.calm-site main h3 a[href="keycloud.html"]:hover{text-decoration:underline!important;text-underline-offset:4px}
body.calm-site main h3 a[href="keycloud.html"]:focus-visible{outline:2px solid #ffc846;outline-offset:4px}
html[data-theme="dark"] body.calm-site main h3 a[href="keycloud.html"]{color:#fff!important}
body.calm-site main .keycloud-feature-heading a{display:flex;align-items:center;gap:8px;font:inherit}
body.calm-site main .keycloud-feature-heading svg.keycloud-mark{width:88px;height:40px;margin:0}
.keycloud-preview-title{display:flex;align-items:center;gap:20px}
.keycloud-preview-title .keycloud-mark{width:100px!important}
.keycloud-network a{color:inherit!important;text-underline-offset:4px}
@media(max-width:600px){body.calm-site main .keycloud-wordmark{gap:16px;width:100%;padding:20px 18px 21px}body.calm-site main .keycloud-wordmark>.keycloud-mark{width:92px;height:46px}body.calm-site main .keycloud-wordmark-text{font-size:42px}body.calm-site main .keycloud-wordmark-text small{font-size:13px}.keycloud-preview-title{align-items:flex-start;flex-direction:column;gap:12px}.keycloud-network .keycloud-node{min-height:138px}}
@media(max-width:360px){body.calm-site main .keycloud-wordmark{gap:10px}body.calm-site main .keycloud-wordmark>.keycloud-mark{width:62px;height:32px}}
@media(max-width:600px){body.calm-site main .keycloud-wordmark>.keycloud-contained-wordmark{width:350px;height:auto}}
@media(max-width:600px){body.calm-site main .keycloud-wordmark>.keycloud-mark{transform:translateY(3px)}}