/* HSIMC Guide prototype: namespaced UI only. No global homepage restyling. */
.hg-trigger,.hg-hint{font:600 14px/1.4 system-ui,sans-serif;color:#164742!important}
.hg-trigger{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .85rem;border:1px solid #aac5bc;border-radius:999px;text-decoration:none;background:#fff}
.hg-trigger::before{content:'?';display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;width:1.15rem;height:1.15rem;font-weight:750}
.hg-hint{display:block;width:fit-content;margin:.7rem 0 1rem;text-underline-offset:.2em}
#hsimc-guide-dialog{position:fixed;inset:0 0 0 auto;margin:0;max-height:none;height:100dvh;width:min(540px,100vw);max-width:100vw;padding:0;border:0;border-inline-start:1px solid #d3dfda;box-shadow:-10px 0 60px #12372f22;background:#fafcf9;color:#183d3b;font:16px/1.55 system-ui,-apple-system,'Noto Sans Arabic','Noto Sans CJK SC',sans-serif;overflow:hidden;z-index:1000}
#hsimc-guide-dialog[dir=rtl]{inset:0 auto 0 0;border-inline-start:0;border-inline-end:1px solid #d3dfda}
#hsimc-guide-dialog::backdrop{background:#0b292747}
#hsimc-guide-dialog *{box-sizing:border-box}
#hsimc-guide-dialog [hidden]{display:none!important}
.hg-frame{display:flex;flex-direction:column;height:100%;min-height:0}
.hg-top{padding:22px 26px 15px;background:#fff;border-bottom:1px solid #dce7e1;flex-shrink:0}
.hg-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hg-brand{font-size:17px;font-weight:800;letter-spacing:.01em;margin:0}
.hg-eyebrow{font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#55786c;margin:2px 0 8px}
.hg-close{border:1px solid #c7d9cf!important;border-radius:50%;min-height:42px;min-width:42px;padding:0!important;background:#fff!important;color:#193d3b!important;font:26px/1 system-ui;cursor:pointer;flex-shrink:0}
.hg-langrow{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:#517068;flex-wrap:wrap}
.hg-langrow select{font:500 14px system-ui;min-height:36px;padding:5px 28px 5px 10px;border:1px solid #b7ccc0;border-radius:6px;background:#fff;color:#173b36;max-width:180px}
.hg-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:17px 0 0;padding:0;list-style:none}
.hg-progress li{padding-top:7px;border-top:3px solid #e2eae5;font-size:12px;line-height:1.35;color:#587269;overflow-wrap:anywhere;min-width:0}
.hg-progress li[aria-current=step]{border-color:#2b725c;color:#16463c;font-weight:800}
.hg-progress span{display:block;font-size:10px;opacity:.75;margin-bottom:2px}
.hg-scroll{padding:24px 26px 22px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.hg-scroll h2{font-size:27px;line-height:1.3;letter-spacing:-.025em;margin:0 0 10px;color:#143b39;font-weight:750}
.hg-scroll h3{font-size:15px;line-height:1.4;margin:20px 0 7px;color:#174c3e}
.hg-sub{font-size:14px;color:#536e66;line-height:1.6;margin:0 0 18px}
.hg-choices,.hg-variants{display:grid;gap:8px}
.hg-choice{display:flex;align-items:flex-start;gap:12px;width:100%;padding:15px 16px;background:#fff;border:1px solid #cfdfd5;border-radius:10px;text-align:start;color:#173c39;cursor:pointer;min-height:65px;transition:border-color .12s,background .12s}
.hg-choice:hover{border-color:#3b8266;background:#f2f8f3}
.hg-choice .hg-num{border-radius:6px;background:#edf4ee;padding:3px 5px;font:700 11px/1.5 system-ui;color:#426953;flex:0 0 auto}
.hg-choice .hg-copy{flex:1;min-width:0}
.hg-choice strong{display:block;font:650 16px/1.4 system-ui,'Noto Sans Arabic',sans-serif}
.hg-choice small{display:block;font:400 12px/1.5 system-ui,'Noto Sans Arabic',sans-serif;color:#567067;margin-top:4px}
.hg-choice .hg-arrow{font-size:18px;color:#4d7c67}
[dir=rtl] .hg-arrow{transform:scaleX(-1)}
.hg-minor{border:0;border-bottom:1px solid #759483;background:none;color:#315d4e;font:600 13px system-ui;cursor:pointer;padding:7px 0;margin:10px 0}
.hg-card{background:#fff;border:1px solid #dce7df;border-radius:10px;padding:17px 18px;margin:15px 0}
.hg-card p{font-size:14px;line-height:1.7;margin:0;overflow-wrap:anywhere}
.hg-card .hg-mini-title{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:#6d8176;margin-bottom:7px}
.hg-notice{padding:13px 15px;border-inline-start:3px solid #b08b50;background:#faf5e9;color:#675234;border-radius:0 5px 5px 0;font-size:13px;line-height:1.65;margin:14px 0}
.hg-variant{display:flex;gap:10px;align-items:flex-start;border:1px solid #cfdfd5;background:#fff;border-radius:8px;padding:13px 14px;cursor:pointer}
.hg-variant:has(input:checked){background:#edf6ee;border-color:#427b5d}
.hg-variant input{accent-color:#27664e;margin-top:4px;width:16px;height:16px;flex-shrink:0}
.hg-variant strong{display:block;font-size:14px;margin-bottom:3px}.hg-variant small{font-size:12px;color:#506b60;line-height:1.6;display:block}
.hg-action{display:block;border-radius:8px;padding:13px 15px;border:1px solid #b6cfc0;margin-top:10px;text-decoration:none;background:#fff;color:#1b4b3b;font-size:14px;font-weight:650;min-height:48px}
.hg-action.primary{background:#215d4b;color:#fff;border-color:#215d4b}
.hg-action small{font-weight:400;display:block;margin-top:4px;font-size:11px;opacity:.85;line-height:1.5}
.hg-linkurl{display:block;direction:ltr;text-align:start;font:11px/1.6 ui-monospace,monospace;word-break:break-word;color:#608171;margin:5px 2px 12px}
.hg-actions .hg-note{font-size:12px;color:#5a7569;line-height:1.6}
.hg-bottom{border-top:1px solid #dbe6de;background:#fff;padding:15px 26px 20px;flex-shrink:0}
.hg-bottom-row{display:flex;gap:10px;justify-content:space-between;align-items:center}
.hg-btn{font:650 14px/1.4 system-ui,'Noto Sans Arabic',sans-serif;min-height:43px;padding:10px 17px;border:1px solid #a9c4b3;border-radius:7px;background:#fff;color:#174a37;cursor:pointer}
.hg-btn.primary{background:#215d4b;color:#fff;border-color:#215d4b}
.hg-btn:disabled{opacity:.4;cursor:default}
.hg-footstatus{font:400 11px/1.6 system-ui,'Noto Sans Arabic',sans-serif;color:#5a7569;margin:12px 0 0}
.hg-detail{font-size:12px;border-top:1px solid #d8e5dd;margin-top:18px;padding-top:13px;color:#5c766a}
.hg-detail summary{font-weight:650;cursor:pointer;margin-bottom:8px}.hg-detail p{font-size:12px;line-height:1.7}
.hg-detail a{color:#215941;text-underline-offset:.2em}
.hg-review{font-size:11px;line-height:1.65;color:#62796e;margin:18px 0 0}
.hg-feedback{font:500 14px/1.7 system-ui; padding:12px 16px;border:1px solid #b3cfb9;background:#eaf5ec;color:#214e35;border-radius:8px;margin:16px 0}
#hsimc-guide-dialog :focus-visible,.hg-trigger:focus-visible,.hg-hint:focus-visible{outline:3px solid #c68c31;outline-offset:4px}
#guide-static{margin:35px auto;padding:28px;max-width:1120px;color:#183d3b;background:white;border:1px solid #cfdfd5;border-radius:12px;font:16px/1.7 system-ui}
#guide-static h1{font-size:32px}#guide-static h2{font-size:24px;margin-top:2rem}#guide-static h3{font-size:18px}#guide-static a{color:#1f6249;overflow-wrap:anywhere}
.hg-static-route{border-top:1px solid #d4e2d8;padding-top:16px;margin-top:24px}.hg-static-route ul{padding-inline-start:22px}
.hg-prototype-banner{padding:12px 22px;background:#e7f0e7;color:#28503d;font:500 12px/1.65 system-ui;border-bottom:1px solid #c7d8ca}
.hg-prototype-banner strong{display:block;letter-spacing:.06em}
.hg-host-header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #d4e0d8;max-width:1200px;margin:auto}
.hg-host-header strong{font:800 24px/1 system-ui;color:#143b39}.hg-host-header small{display:block;font:650 9px/1.6 system-ui;letter-spacing:.14em;margin-top:8px}
.hg-host-nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hg-host-nav a{font-size:14px;color:#194b40;text-decoration:none}
.hg-host-main{max-width:1120px;margin:28px auto;padding:0 20px}
.hg-host-intro{margin:32px 0;padding:12px 0 24px;border-bottom:1px solid #cfdfd5}.hg-host-intro h1{font-size:36px;line-height:1.3;color:#163c3b}.hg-host-intro p{font-size:15px;line-height:1.75;color:#567064;max-width:800px}
.hg-language-links{display:flex;gap:18px;flex-wrap:wrap;padding:15px 0;color:#264f40;font-size:13px}.hg-language-links a{color:inherit}
.hg-host-form-label{font:500 12px/1.5 system-ui;margin:10px 0;color:#496f5b}
body.hg-prototype{margin:0;background:#f4f7f1;color:#183c38;font-family:system-ui,'Noto Sans Arabic','Noto Sans CJK SC',sans-serif}
@media(max-width:640px){#hsimc-guide-dialog{width:100vw;height:100dvh;border:0}.hg-top{padding:17px 18px 12px}.hg-scroll{padding:20px 18px}.hg-bottom{padding:12px 18px 16px}.hg-scroll h2{font-size:25px}.hg-brand{font-size:16px}.hg-host-header{padding:17px 20px}.hg-host-nav{gap:10px}.hg-host-nav .hg-desktop{display:none}.hg-host-main{margin-top:12px}.hg-host-intro h1{font-size:28px}.hg-choice{padding:13px 12px}.hg-progress li{font-size:11px}#guide-static{margin:22px 12px;padding:20px}}
@media(prefers-reduced-motion:reduce){#hsimc-guide-dialog *{scroll-behavior:auto!important;transition:none!important}}
@media print{#hsimc-guide-dialog,.hg-prototype-banner,.hg-host-header,.hg-host-main,.hg-trigger,.hg-hint{display:none!important}#guide-static{display:block!important;border:0;margin:0;padding:0;max-width:none}.hg-static-route{break-inside:avoid}#guide-static a::after{content:' [' attr(href) ']';font-size:10px}}
.hg-wordmark{font-size:10px;font-weight:750;letter-spacing:.16em;color:#467a62;margin:0 0 4px}.hg-wordmark span{font-weight:400;margin-inline-start:5px}.hg-tag{font-size:12px;color:#617c70;margin:5px 0 0}.hg-controls{display:flex;justify-content:space-between;gap:14px}.hg-controls .hg-btn{max-width:70%;white-space:normal;text-align:center}.hg-title-row>div{min-width:0}
.hg-host-main a{color:#215d4b;text-underline-offset:.2em}.hg-host-header .hg-trigger{white-space:normal}.hg-prototype-banner,.hg-host-main,.hg-host-header{overflow-wrap:anywhere}
@media(max-width:360px){.hg-progress b{font-size:10px;letter-spacing:-.025em}.hg-progress li{overflow-wrap:normal;hyphens:auto}}

/* Integration bridge is outside the frozen invitation section. */
.hg-bridge{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:8px 0 36px;background:#edf5ee;border:1px solid #c4d8ca;border-radius:12px;color:#183d3b}
.hg-bridge h2{font:700 21px/1.45 system-ui,sans-serif;margin:0 0 8px;letter-spacing:0}.hg-bridge p{font:400 14px/1.7 system-ui,sans-serif;margin:0;max-width:730px}.hg-bridge .hg-trigger{flex-shrink:0;max-width:280px;white-space:normal}
.hg-why-line{font:650 14px/1.6 system-ui,sans-serif;color:#305d4f;margin:0}.hg-why-source{font-size:13px;margin:8px 0 18px}
#hsimc-guide-dialog .hg-top{position:static;display:block;max-width:none;margin:0;border-radius:0;box-shadow:none}#hsimc-guide-dialog .hg-bottom{display:block;max-width:none;margin:0;border-radius:0}#hsimc-guide-dialog h1.hg-brand{font-size:17px;margin:0;line-height:1.4}#hsimc-guide-dialog h2{max-width:100%}
#hg-page-status{margin:12px 0;font:500 14px/1.6 system-ui}#hg-page-status a{color:inherit}
body.hg-page{margin:0;background:#f5f8f3;color:#183d3b;font:16px/1.7 system-ui,sans-serif}.hg-page .hg-static-wrap{max-width:1000px;margin:auto;padding:28px 24px}.hg-page nav{display:flex;gap:16px;flex-wrap:wrap}.hg-page a{color:#215d4b;overflow-wrap:anywhere}.hg-page .hg-static-heading{font-size:38px;line-height:1.25}.hg-static-language{margin:16px 0}.hg-static-card{border-top:1px solid #cadacf;margin-top:32px;padding-top:24px}.hg-static-card h2{font-size:25px}.hg-static-card h3{font-size:18px}.hg-static-card li{margin:8px 0}.hg-page footer{margin-top:32px;border-top:1px solid #cadacf;padding-top:24px}.hg-static-links{display:grid;gap:8px}.hg-static-links a{padding:8px 0}.hg-static-meta{font-size:12px;color:#5d7567}
@media(max-width:700px){.hg-bridge{display:block;padding:20px}.hg-bridge .hg-trigger{margin-top:15px}.hg-bridge h2{font-size:20px}.hg-page .hg-static-heading{font-size:30px}}
@media print{.hg-bridge{display:none!important}.hg-page nav,.hg-static-language{display:none}.hg-page .hg-static-wrap{padding:0;max-width:none}.hg-static-card{break-inside:avoid}body.hg-page{background:white}}
