#hctm-dialog{box-sizing:border-box;position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--hctm-background,#f2f7fc);color:var(--hctm-text,#365f84);font-family:var(--hctm-font,Arial);font-size:var(--hctm-body-size,18px);line-height:1.5;overflow:auto;text-align:left;color-scheme:light}
#hctm-dialog:not([open]),#hctm-dialog [hidden]{display:none!important}
#hctm-dialog::backdrop{background:#0c3557}
#hctm-dialog *{box-sizing:border-box}
#hctm-dialog .hctm-background{position:fixed;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:var(--hctm-background-opacity,.15);pointer-events:none}
#hctm-dialog .hctm-layout{position:relative;min-height:100%;display:flex;flex-direction:column;padding:clamp(20px,4vw,56px);padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}
#hctm-dialog .hctm-top{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;background:none;padding:0}
#hctm-dialog .hctm-brand{display:flex;align-items:center;gap:12px;min-width:0;font-size:25px;line-height:1.2;font-weight:900;color:var(--hctm-heading,#0c497d);overflow-wrap:anywhere}
#hctm-dialog .hctm-logo{width:auto;max-width:140px;height:64px;object-fit:contain;flex-shrink:0}
#hctm-dialog button{font-family:inherit;font-size:var(--hctm-button-size,15px);line-height:1.4;text-transform:none;letter-spacing:normal;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
#hctm-dialog .hctm-close{display:flex;align-items:center;gap:12px;border:1px solid currentColor;border-radius:var(--hctm-button-radius,8px);padding:8px 18px;min-height:48px;background:var(--hctm-button-bg,#fff);color:var(--hctm-button-text,#0c497d);flex-shrink:0;max-width:55%}
#hctm-dialog .hctm-close>span{font-size:29px;line-height:1}
#hctm-dialog .hctm-main{width:100%;max-width:var(--hctm-width,1000px);margin:auto;align-self:center;padding:clamp(28px,6vh,80px) 0;text-align:center}
#hctm-dialog .hctm-eyebrow{font-size:.75em;font-weight:700;letter-spacing:3px;margin:0 0 10px;color:inherit;overflow-wrap:anywhere}
#hctm-dialog h2{font-family:inherit;font-weight:900;font-size:clamp(32px,8vw,var(--hctm-title-size,92px));line-height:1.1;letter-spacing:-1px;text-transform:none;color:var(--hctm-heading,#0c497d);margin:0 0 14px;overflow-wrap:anywhere}
#hctm-dialog #hctm-description{font-size:inherit;margin:0 0 32px;color:inherit;overflow-wrap:anywhere}
#hctm-dialog .hctm-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hctm-gap,20px)}
#hctm-dialog .hctm-card{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:240px;padding:clamp(22px,4vw,44px);text-decoration:none;border:2px solid var(--hctm-male-bg,#0c497d);border-radius:var(--hctm-radius,20px);background:var(--hctm-male-bg,#0c497d);color:var(--hctm-male-text,#fff);text-align:left;font-family:inherit;text-transform:none;letter-spacing:normal;transition:transform .15s,box-shadow .15s}
#hctm-dialog .hctm-card[data-team=female]{background:var(--hctm-female-bg,#97bce3);color:var(--hctm-female-text,#0c3557);border-color:var(--hctm-female-bg,#97bce3)}
#hctm-dialog .hctm-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0002}
#hctm-dialog .hctm-teamimage{display:block;width:100%;height:var(--hctm-image-height,200px);object-fit:cover;object-position:center;border-radius:max(0px,calc(var(--hctm-radius,20px) - 4px));margin-bottom:8px}
#hctm-dialog .hctm-teamname{font-size:.8em;font-weight:700;letter-spacing:1px;overflow-wrap:anywhere}
#hctm-dialog .hctm-card strong{font-family:inherit;font-weight:700;font-size:clamp(24px,4vw,var(--hctm-card-size,44px));line-height:1.15;color:inherit;overflow-wrap:anywhere}
#hctm-dialog .hctm-linklabel{display:inline-flex;align-items:center;align-self:flex-start;justify-content:space-between;gap:12px;max-width:100%;min-height:44px;font-size:var(--hctm-button-size,15px);margin-top:auto;padding:10px 18px;border-radius:var(--hctm-button-radius,8px);background:var(--hctm-button-bg,#fff);color:var(--hctm-button-text,#0c497d);overflow-wrap:anywhere}
#hctm-dialog .hctm-linklabel>span{font-size:24px}
#hctm-dialog .hctm-back{margin:26px 0 0;padding:10px 16px;background:var(--hctm-button-bg,#fff);color:var(--hctm-button-text,#0c497d);border:1px solid currentColor;border-radius:var(--hctm-button-radius,8px);min-height:44px;max-width:100%}
#hctm-dialog .hctm-bottom{padding:0;text-align:center;font-size:.65em;font-weight:700;letter-spacing:2px;color:inherit;background:none;overflow-wrap:anywhere}
#hctm-dialog :is(a,button):focus-visible{outline:3px solid var(--hctm-focus,#e2591d);outline-offset:5px}
@media(max-width:600px){#hctm-dialog .hctm-options{grid-template-columns:1fr}#hctm-dialog .hctm-card{min-height:165px;padding:22px}#hctm-dialog .hctm-main{padding:30px 0}#hctm-dialog .hctm-close{padding:6px 12px}#hctm-dialog .hctm-brand{font-size:18px;flex-wrap:wrap}#hctm-dialog .hctm-logo{max-width:80px;height:48px}}
@media(prefers-reduced-motion:reduce){#hctm-dialog .hctm-card{transition:none}#hctm-dialog .hctm-card:hover{transform:none}}

/* The programmatic starting point is not an interactive control. */
#hctm-dialog #hctm-title:focus{outline:none;box-shadow:none}
