/* Standalone Meyzal management demonstration. All component rules are scoped. */
.mgd{--mgd-navy:#061420;--mgd-raised:#0c1c2b;--mgd-white:#f4f3f4;--mgd-silver:#c2c8d3;--mgd-muted:#a4b1c1;--mgd-gold:#e4c48e;--mgd-line:#334858;container-type:inline-size;container-name:mgd;position:relative;isolation:isolate;width:100%;color:var(--mgd-white);background:radial-gradient(ellipse at 100% 0,#17324780,transparent 65%),var(--mgd-navy);border:1px solid var(--mgd-line);border-radius:24px;font-family:var(--font-sans,inherit);font-size:16px;line-height:1.6;overflow-wrap:anywhere;box-sizing:border-box}
.mgd *,.mgd *::before,.mgd *::after{box-sizing:border-box}
.mgd [hidden]{display:none!important}
.mgd h2,.mgd h3,.mgd p,.mgd blockquote,.mgd ol,.mgd ul,.mgd dl,.mgd dd{margin:0}
.mgd h2,.mgd h3{color:var(--mgd-white);font-family:inherit;font-weight:650;letter-spacing:-.03em;text-transform:none}
.mgd p,.mgd li,.mgd dd{color:var(--mgd-silver)}
.mgd button,.mgd input{font:inherit}
.mgd button,.mgd a,.mgd input,.mgd summary{touch-action:manipulation}
.mgd button:focus-visible,.mgd a:focus-visible,.mgd input:focus-visible,.mgd summary:focus-visible,.mgd [tabindex]:focus-visible{outline:3px solid var(--mgd-gold);outline-offset:5px}
.mgd [tabindex]{scroll-margin-block:32px}
.mgd-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:20px clamp(20px,4cqi,40px);border-bottom:1px solid var(--mgd-line)}
.mgd-header>p{font-size:14px;color:var(--mgd-muted)}
.mgd-badge{display:inline-flex;align-items:center;gap:9px;color:var(--mgd-gold);font-size:14px;font-weight:600}
.mgd-badge>span{width:7px;height:7px;background:var(--mgd-gold);border-radius:50%;flex-shrink:0}
.mgd-view{padding:clamp(22px,4.5cqi,48px)}
.mgd .mgd-title{font-size:clamp(26px,4.1cqi,42px);line-height:1.14;max-width:24ch;margin:10px 0 20px}
.mgd-eyebrow{font-size:14px;font-weight:600;letter-spacing:.045em;color:var(--mgd-gold)!important;line-height:1.6}
.mgd-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:start}
.mgd-scenario{font-size:clamp(19px,2.4cqi,24px);line-height:1.55;font-weight:500;letter-spacing:-.015em;color:var(--mgd-white);border-left:2px solid var(--mgd-gold);padding-left:20px;margin:24px 0!important;max-width:45ch}
.mgd-intro-copy{font-size:16px;max-width:60ch;margin-bottom:26px!important}
.mgd-intro-aside{padding:24px;border:1px solid var(--mgd-line);border-radius:16px;background:#10263880}
.mgd-intro-aside h3{font-size:18px;line-height:1.4;margin-bottom:22px}
.mgd-path{list-style:none;padding:0;display:grid;gap:20px}
.mgd-path li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.mgd-path li>span{color:var(--mgd-gold);font-size:14px;font-weight:600;padding-top:2px}
.mgd-path p{font-size:16px;line-height:1.55}
.mgd-disclosure{font-size:14px;color:var(--mgd-muted)!important;line-height:1.65;border-top:1px solid var(--mgd-line);padding-top:20px;margin-top:24px!important}
.mgd-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:16px;font-weight:600;line-height:1.4;cursor:pointer;text-align:center;transition:background-color .15s,border-color .15s}
.mgd-primary{background:var(--mgd-gold);color:#101b26!important;border-color:var(--mgd-gold)}
.mgd-primary:hover{background:#efd6ad;border-color:#efd6ad}
.mgd-secondary{color:var(--mgd-white)!important;background:#102434;border-color:#6d7f8e}
.mgd-secondary:hover{background:#193247;border-color:var(--mgd-silver)}
.mgd-button:disabled{background:#263847;border-color:#536576;color:#bfccd6!important;cursor:not-allowed}
.mgd-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin-bottom:32px!important;gap:8px}
.mgd-progress li{display:flex;align-items:center;gap:8px;min-width:0;color:var(--mgd-muted);border-bottom:2px solid var(--mgd-line);padding-bottom:14px;font-size:14px}
.mgd-progress-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border:1px solid #607487;border-radius:50%;font-size:13px;font-weight:600}
.mgd-progress .mgd-current{color:var(--mgd-gold);border-color:var(--mgd-gold)}
.mgd-current .mgd-progress-number{background:var(--mgd-gold);border-color:var(--mgd-gold);color:var(--mgd-navy)}
.mgd-progress .mgd-complete{color:var(--mgd-silver);border-color:#8eaaa9}
.mgd-complete .mgd-progress-number{border-color:#8eaaa9;background:#143238}
.mgd-question{max-width:780px;margin-inline:auto}
.mgd-hint{font-size:16px;max-width:65ch}
.mgd-choose{font-size:14px;color:var(--mgd-muted)!important;margin-top:22px!important;margin-bottom:12px!important}
.mgd-options{display:grid;gap:12px;min-inline-size:0;padding:0;border:0;margin:0}
.mgd-option{display:flex;align-items:flex-start;gap:14px;min-height:64px;padding:18px;border:1px solid #63778a;border-radius:12px;background:#0b2030;cursor:pointer;transition:border-color .15s,background-color .15s}
.mgd-option:hover{background:#133046;border-color:#a4b1c1}
.mgd-option.mgd-selected{background:#252d30;border-color:var(--mgd-gold);box-shadow:inset 0 0 0 1px var(--mgd-gold)}
.mgd-option input{width:20px;height:20px;flex-shrink:0;margin:3px 0 0;accent-color:var(--mgd-gold);cursor:pointer}
.mgd-option-copy{font-size:16px;line-height:1.55;color:var(--mgd-white);flex:1;min-width:0}
.mgd-option-letter{font-size:14px;color:var(--mgd-muted);flex-shrink:0;padding-top:2px}
.mgd-selection-note{font-size:14px;line-height:1.6;min-height:24px;color:var(--mgd-muted)!important;margin-top:14px!important}
.mgd-actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;border-top:1px solid var(--mgd-line);margin-top:28px;padding-top:22px}
.mgd-reset{margin-left:auto;min-height:48px;padding:10px 8px;border:0;background:transparent;color:var(--mgd-silver);font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.mgd-reset:hover{color:var(--mgd-white)}
.mgd-result-intro{font-size:16px;max-width:68ch}
.mgd-route{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:9px 14px;border:1px solid #8c7c62;background:#342f252e;border-radius:8px;color:var(--mgd-gold)!important;font-size:16px;line-height:1.5;margin:22px 0 26px!important}
.mgd-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mgd-result-card{min-width:0;padding:24px;border:1px solid var(--mgd-line);border-radius:14px;background:#0d2030}
.mgd-card-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.mgd-card-heading>span{color:var(--mgd-gold);font-size:13px;font-weight:600;flex-shrink:0}
.mgd-card-heading h3{font-size:20px;line-height:1.3}
.mgd-result-card ul{padding-left:20px;display:grid;gap:12px}
.mgd-result-card li,.mgd-result-card p{font-size:16px;line-height:1.65}
.mgd-result-opening{grid-column:1/-1;background:linear-gradient(120deg,#1b2e3a,#15252d);border-color:#7e7769}
.mgd-result-opening blockquote{max-width:65ch;font-size:clamp(19px,2.5cqi,24px);line-height:1.6;color:var(--mgd-white)}
.mgd-result-followup{grid-column:1/-1}
.mgd-answer-review{margin-top:24px;border:1px solid var(--mgd-line);border-radius:12px;background:#081a27}
.mgd-answer-review summary{min-height:48px;padding:16px 20px;color:var(--mgd-silver);font-size:16px;font-weight:600;cursor:pointer;list-style:disclosure-closed;display:list-item}
.mgd-answer-review[open] summary{list-style:disclosure-open;border-bottom:1px solid var(--mgd-line)}
.mgd-answer-review dl{display:grid;gap:18px;padding:20px}
.mgd-answer-review dt{font-size:14px;color:var(--mgd-gold);font-weight:600;margin-bottom:4px}
.mgd-answer-review dd{font-size:16px;line-height:1.6}
.mgd-result-end{margin-top:28px!important;font-size:20px;font-weight:600;color:var(--mgd-white)!important;letter-spacing:-.02em;line-height:1.45}
.mgd-boundary{margin-top:10px!important;font-size:14px;line-height:1.6;color:var(--mgd-muted)!important}
.mgd-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;margin-top:24px;border-radius:14px;background:#162c3c;border:1px solid #405a6e}
.mgd-cta p{font-size:16px;max-width:38ch}
.mgd-cta a{flex-shrink:0}
.mgd-static .mgd-result{padding-top:32px;margin-top:32px;border-top:1px solid var(--mgd-line)}
.mgd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@container mgd (max-width:720px){.mgd-intro{grid-template-columns:1fr;gap:26px}.mgd-intro-aside{padding:22px}.mgd-progress-label{display:none}.mgd-progress li{justify-content:center}.mgd-result-grid{grid-template-columns:1fr}.mgd-result-opening,.mgd-result-followup{grid-column:auto}.mgd-cta{flex-direction:column;align-items:flex-start}}
@container mgd (max-width:420px){.mgd-header{padding:18px}.mgd-view{padding:20px 18px}.mgd .mgd-title{font-size:27px;line-height:1.18}.mgd-scenario{padding-left:14px;font-size:19px}.mgd-option{padding:15px 12px;gap:10px}.mgd-option-letter{display:none}.mgd-option-copy{font-size:16px}.mgd-result-card{padding:20px 16px}.mgd-card-heading{gap:9px}.mgd-card-heading h3{font-size:19px}.mgd-actions>.mgd-primary{flex:1}.mgd-actions>.mgd-reset{margin-left:0;width:100%;text-align:left}.mgd-cta{padding:20px 16px}.mgd-cta a{width:100%;padding-inline:12px}.mgd-button{padding:12px 15px}}
@media (prefers-reduced-motion:reduce){.mgd *,.mgd *::before,.mgd *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.mgd{background:white;color:#111;border-color:#999}.mgd h2,.mgd h3,.mgd p,.mgd li,.mgd dd,.mgd blockquote{color:#111!important}.mgd-result-card{background:white;border-color:#aaa;break-inside:avoid}.mgd-actions,.mgd-cta,.mgd-header,.mgd-answer-review{display:none}.mgd-result-grid{display:block}.mgd-result-card{margin-bottom:16px}}