#chl-context-guide{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:2147482000;font:15px/1.45 system-ui,sans-serif;color:#fff7e6;max-width:calc(100vw - 24px)}
#chl-context-guide *{box-sizing:border-box}
#chl-context-guide button{font:inherit;cursor:pointer}
#chl-context-guide button:focus-visible{outline:3px solid #fff;outline-offset:3px}
#chl-context-guide .chl-guide-toggle{display:block;margin-left:auto;padding:11px 17px;min-height:44px;background:#17283f;color:#ffda84;border:1px solid #e3b857;border-radius:24px;box-shadow:0 4px 18px #0004;font-weight:650}
#chl-guide-panel{width:min(460px,calc(100vw - 24px));margin-bottom:10px;padding:12px 14px;background:#17283f;border:1px solid #e3b857;border-radius:20px;box-shadow:0 8px 28px #0006;max-height:calc(100dvh - 90px);overflow:auto}
#chl-guide-panel[hidden]{display:none!important}
#chl-context-guide .chl-guide-close{display:block;margin-left:auto;background:none;color:#ffdc89;border:1px solid #9d824f;border-radius:10px;padding:7px 12px;min-height:44px}
#chl-context-guide .chl-guide-intro{margin:8px 0 18px;font-size:14px}
#chl-context-guide .chl-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#chl-context-guide .chl-guide-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#ffffff08;border:1px solid #d7ba7555;border-radius:12px;color:#fff7e6;padding:5px 2px 9px;min-width:0}
#chl-context-guide .chl-guide-card:hover,#chl-context-guide .chl-guide-card:focus-visible{background:#ffffff18;border-color:#f2ca70}
#chl-context-guide .chl-guide-art{display:block;height:130px;width:100%;background-image:url('/assets/images/chl-guides-v1.png');background-repeat:no-repeat;background-size:auto 130px;pointer-events:none}
#chl-context-guide .chl-guide-art-0{background-position:left center}
#chl-context-guide .chl-guide-art-1{background-position:50% center}
#chl-context-guide .chl-guide-art-2{background-position:right center}
#chl-context-guide[data-theme="registration"] .chl-guide-art{background-image:url('/assets/images/chl-guides-registration-v1.png')}
#chl-context-guide[data-theme="photos"] .chl-guide-art{background-image:url('/assets/images/chl-guides-photos-v1.png')}
#chl-context-guide[data-theme="messages"] .chl-guide-art{background-image:url('/assets/images/chl-guides-messages-v1.png')}
#chl-context-guide .chl-guide-label{font-size:12px;min-height:36px;display:flex;align-items:center;text-align:center}
#chl-context-guide .chl-guide-tip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 5px);left:0;right:0;padding:7px 5px;background:#ffdf94;color:#16253c;border-radius:9px;font-size:12px;line-height:1.3;box-shadow:0 3px 10px #0004;pointer-events:none}
#chl-context-guide .chl-guide-card:hover .chl-guide-tip,#chl-context-guide .chl-guide-card:focus .chl-guide-tip{visibility:visible;opacity:1}
#chl-context-guide .chl-guide-status{margin:9px 0 0;font-size:13px}
#chl-context-guide .chl-guide-priority{display:flex;align-items:center;gap:9px;margin:0 0 8px auto;max-width:min(325px,calc(100vw - 24px));padding:7px 13px 7px 4px;min-height:56px;border:1px solid #d9a539;border-radius:16px;background:#ffebbd;color:#17283f;box-shadow:0 4px 18px #0003;text-align:left;font-size:13px;font-weight:650}
#chl-context-guide .chl-guide-priority[hidden]{display:none!important}
#chl-context-guide .chl-guide-priority-art{display:block;flex:0 0 54px;width:54px;height:54px;background-image:url('/assets/images/chl-guides-priority-v1.png');background-size:auto 54px;background-repeat:no-repeat;background-position:center}
#chl-context-guide[data-alert-level="error"] .chl-guide-priority-art{flex-basis:84px;width:84px;height:60px;background-image:url('/assets/images/chl-guides-warning-v1.png');background-size:contain;background-position:center}
.chl-guide-needs-action{outline:3px solid #b88317!important;outline-offset:3px!important}
@media(max-width:480px){#chl-context-guide .chl-guide-art{height:100px;background-size:auto 100px}#chl-context-guide .chl-guide-label{font-size:11px}#chl-guide-panel{padding:10px}}
@media print{#chl-context-guide{display:none!important}}