/* MR.FOX VAULT reader entry and responsive side-by-side atlas workspace */
.mfg-teaser{--mfg-cyan:#35eddf;--mfg-pink:#ff54b8;margin:20px 0 28px;padding:22px;background:linear-gradient(125deg,#071828,#0f1733 70%,#281129);border:1px solid #276b7a;border-radius:18px;box-shadow:inset 0 1px #42e9e51a,0 15px 36px #0003;color:#edfaff}
.mfg-teaser-heading>span{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--mfg-pink)}
.mfg-teaser-heading>strong{display:block;margin:5px 0;font-size:17px;letter-spacing:.4px;color:#f6ffff}
.mfg-teaser-heading>p{color:#adc7d3;font-size:12px;line-height:1.6;margin:8px 0 14px}
.mfg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.mfg-card{display:flex;align-items:center;gap:14px;text-align:left;min-width:0;padding:9px;border:1px solid #326073;border-radius:12px;background:#102b40;color:#eafcff;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.mfg-card:hover,.mfg-card:focus-visible{border-color:var(--mfg-cyan);transform:translateY(-2px);box-shadow:0 0 18px #13f4db25}
.mfg-card-image{display:block;flex:0 0 80px;width:80px;height:63px;background-color:#0b1c2c;background-size:cover;background-position:center;border:1px solid #37818a;border-radius:7px}
.mfg-card-placeholder{display:grid;place-items:center;color:var(--mfg-pink);font-size:32px}
.mfg-card-caption{min-width:0;display:block}
.mfg-card-caption strong{display:block;font-size:12px;line-height:1.35;color:#fff}
.mfg-card-caption small{display:block;font-size:9px;letter-spacing:.6px;font-weight:900;color:var(--mfg-cyan);margin-top:8px}
body.mfg-open{overflow:hidden!important}
.mfg-overlay[hidden]{display:none!important}
.mfg-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:#05101f;color:#e9f9ff;font-family:Inter,system-ui,Segoe UI,sans-serif}
.mfg-overlay *{box-sizing:border-box}
.mfg-overlay-top{height:62px;min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:16px;background:linear-gradient(105deg,#10223c,#081424 65%,#27132f);border-bottom:1px solid #376578}
.mfg-overlay-brand{font-weight:1000;font-size:21px;white-space:nowrap;letter-spacing:-1px}
.mfg-overlay-brand>span{color:#ff5cbd;margin-right:8px}
.mfg-overlay-brand b{font-size:11px;letter-spacing:2px;color:#35eadd}
.mfg-overlay-brand small{display:block;font-size:10px;letter-spacing:.2px;font-weight:600;color:#a7c8d5;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
.mfg-overlay-actions{display:flex;align-items:center;gap:7px}
.mfg-overlay-actions button,.mfg-guide-header button{border:1px solid #437080;background:#173048;color:#e7ffff;font:700 11px Inter,system-ui,sans-serif;min-height:36px;padding:8px 12px;border-radius:8px;cursor:pointer;white-space:nowrap}
.mfg-overlay-actions button:hover,.mfg-guide-header button:hover{border-color:#30e9dc;color:#30e9dc}
#mfg-close{border-color:#bb3d81;background:#48223c}
.mfg-workspace{flex:1;min-height:0;display:flex;position:relative}
.mfg-map{flex:1;min-width:0;min-height:0;background:#071827}
.mfg-map iframe{display:block;width:100%;height:100%;border:0;background:#071827}
.mfg-guide{display:flex;flex-direction:column;width:26%;min-width:280px;max-width:480px;background:#0d1b2e;border-left:2px solid #26cabf;transition:width .2s ease,min-width .2s ease;min-height:0;overflow:hidden}
.mfg-guide-header{padding:14px 17px 10px;background:linear-gradient(100deg,#14253d,#241731);border-bottom:1px solid #2b5267;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mfg-guide-header>span{font-size:9px;letter-spacing:1.5px;color:#ff60bd;font-weight:900}
.mfg-guide-header>strong{flex:1;font-size:12px;color:#edfaff}
.mfg-guide-header button{font-size:13px;padding:6px 9px;min-height:30px}
.mfg-guide-target{overflow-y:auto;flex:1;min-height:0;padding:10px 12px 22px}
.mfg-guide-target .mfv-reading{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important}
.mfg-guide-target .mfv-reading__toolbar{position:static!important;display:flex;flex-wrap:wrap;gap:8px}
.mfg-guide-target .mfv-sheet{width:100%!important;min-width:0!important;max-width:none!important;margin:10px 0!important;padding:0!important}
.mfg-guide-target .mfv-sheet__inner{padding:20px 15px!important;max-width:none!important}
.mfg-guide-target .mfv-reader__bottom{display:flex;flex-wrap:wrap;gap:9px}
.mfg-overlay:not(.mfg-guide-open) .mfg-guide{width:0;min-width:0;border:0}
.mfg-hint{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);z-index:8;background:#10263dec;border:1px solid #35e9dc;border-radius:11px;padding:12px 17px;max-width:min(670px,90vw);font-size:12px;text-align:center;color:#eaffff;box-shadow:0 10px 40px #0009;pointer-events:none}
.mfg-hint[hidden]{display:none!important}
@media(max-width:970px){.mfg-guide{width:32%;min-width:250px}.mfg-overlay-top{padding:0 10px}.mfg-overlay-brand{font-size:17px}.mfg-overlay-actions button{padding:7px 9px}}
@media(max-width:760px){.mfg-overlay-top{height:56px;min-height:56px;gap:6px}.mfg-overlay-brand{font-size:16px}.mfg-overlay-brand b{font-size:9px}.mfg-overlay-brand small{max-width:37vw;font-size:9px}.mfg-overlay-actions{gap:5px}.mfg-overlay-actions button{min-height:34px;font-size:15px;padding:5px 8px}.mfg-overlay-actions button>span{display:none}.mfg-guide{position:absolute;bottom:0;left:0;right:0;width:100%!important;min-width:0!important;max-width:none!important;height:65dvh;max-height:65%;z-index:10;border-top:2px solid #2ae8d9;border-left:0;box-shadow:0 -18px 45px #000a;transform:translateY(103%);transition:transform .22s ease}.mfg-guide-open .mfg-guide{transform:translateY(0)}.mfg-overlay:not(.mfg-guide-open) .mfg-guide{height:65dvh;border-top:2px solid #2ae8d9}.mfg-guide-target{padding:4px 14px 28px}.mfg-teaser{padding:17px 12px}.mfg-cards{grid-template-columns:1fr}.mfg-hint{bottom:14px;font-size:11px}.mfg-guide-target .mfv-sheet__inner{padding:19px 14px!important}}
@media(prefers-reduced-motion:reduce){.mfg-overlay *,.mfg-card{transition:none!important}}