.myo-guide { --myo-guide-orange:#c65000; font-family:Arial,Helvetica,sans-serif; color:#182235; width:100%; max-width:1600px; margin:22px auto; text-align:left; line-height:1.5; box-sizing:border-box; }
.myo-guide *, .myo-guide-tooltip * { box-sizing:border-box; }
.myo-guide .myo-guide-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.myo-guide .myo-guide-tab, .myo-guide .myo-guide-toggle { appearance:none; min-height:42px; margin:0; padding:9px 16px; border:1px solid #c7d2df; border-radius:9px; background:#f3f6fa; color:#233348; font:700 14px/1.4 Arial,Helvetica,sans-serif; cursor:pointer; box-shadow:none; text-transform:none; letter-spacing:normal; }
.myo-guide .myo-guide-tab[aria-selected="true"] { background:#172535; color:#fff; border-color:#172535; }
.myo-guide .myo-guide-tab:hover, .myo-guide .myo-guide-toggle:hover { border-color:#c65000; }
.myo-guide .myo-guide-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.myo-guide .myo-guide-hint { margin:0; font:400 13px/1.6 Arial,Helvetica,sans-serif; color:#536174; }
.myo-guide .myo-guide-toggle { flex:none; min-height:36px; padding:6px 10px; font-size:12px; }
.myo-guide .myo-guide-panel { padding:0; margin:0; border:0; background:transparent; }
.myo-guide .myo-guide-panel[hidden], .myo-guide [hidden] { display:none!important; }
.myo-guide .myo-guide-stage { position:relative; width:100%; padding:0; margin:0; line-height:0; border-radius:10px; overflow:hidden; background:#142033; isolation:isolate; }
.myo-guide .myo-guide-image { display:block; width:100%; max-width:none; height:auto; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; }
.myo-guide .myo-guide-hotspot { appearance:none; position:absolute; display:block; min-width:0; min-height:0; margin:0; padding:0; border:2px solid transparent; border-radius:5px; background:transparent; box-shadow:none; transform:none; cursor:help; touch-action:manipulation; }
.myo-guide .myo-guide-hotspot:hover, .myo-guide .myo-guide-hotspot:focus-visible, .myo-guide .myo-guide-hotspot.is-open { border-color:#ffb04d; background:#ff8a1233; outline:2px solid #fff; outline-offset:1px; z-index:2; }
.myo-guide .myo-guide-marker { display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:23px; height:23px; padding:0 4px; border:2px solid #fff; border-radius:50%; background:#c65000; color:#fff; text-align:center; font:700 12px/19px Arial,Helvetica,sans-serif; box-shadow:0 1px 5px #0008; pointer-events:none; }
.myo-guide.show-points .myo-guide-marker { display:block; }
.myo-guide.show-points .myo-guide-hotspot { border-color:#ff9e27; background:#ff8a121a; }
.myo-guide .image-unavailable .myo-guide-hotspot { display:none; }
.myo-guide .myo-guide-image-error { margin:8px 0; color:#9d2d20; font-size:14px; }
.myo-guide-tooltip { position:fixed; z-index:2147483600; box-sizing:border-box; max-width:340px; width:max-content; padding:14px 18px; margin:0; border:2px solid #fff; border-radius:13px; background:#c65000; color:#fff!important; box-shadow:0 7px 25px #0005; font:400 15px/1.55 Arial,Helvetica,sans-serif; text-align:left; overflow-wrap:anywhere; }
.myo-guide-tooltip[hidden] { display:none!important; }
.myo-guide-tooltip .myo-guide-tooltip-title { display:block; margin:0; color:#fff!important; font:700 16px/1.4 Arial,Helvetica,sans-serif; }
.myo-guide-tooltip .myo-guide-tooltip-body { margin:7px 0 0; padding:0; color:#fff!important; font:400 14px/1.6 Arial,Helvetica,sans-serif; white-space:pre-line; max-height:min(50vh,360px); overflow:auto; }
.myo-guide-tooltip .myo-guide-tooltip-body[hidden] { display:none; }
.myo-guide-tooltip::before { content:""; position:absolute; width:13px; height:13px; background:#c65000; pointer-events:none; }
.myo-guide-tooltip[data-side="right"]::before { left:-8px; top:var(--myo-arrow-y); border-left:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-50%) rotate(45deg); }
.myo-guide-tooltip[data-side="left"]::before { right:-8px; top:var(--myo-arrow-y); border-top:2px solid #fff; border-right:2px solid #fff; transform:translateY(-50%) rotate(45deg); }
.myo-guide-tooltip[data-side="bottom"]::before { top:-8px; left:var(--myo-arrow-x); border-top:2px solid #fff; border-left:2px solid #fff; transform:translateX(-50%) rotate(45deg); }
.myo-guide-tooltip[data-side="top"]::before { bottom:-8px; left:var(--myo-arrow-x); border-bottom:2px solid #fff; border-right:2px solid #fff; transform:translateX(-50%) rotate(45deg); }
.myo-guide button:focus-visible { outline:3px solid #c65000; outline-offset:3px; }
@media(max-width:600px) { .myo-guide .myo-guide-toolbar { align-items:flex-start; flex-direction:column; gap:8px; } .myo-guide .myo-guide-tab { padding:8px 10px; font-size:12px; } .myo-guide-tooltip { padding:11px 13px; } }