/* Compact, opt-in guide inside existing sidebar, never over the globe.
 * Do not style #globe, original canvas, its texture, stage or approved logos.
 */
.ph-globe-guide{margin:12px 1px 14px;color:#dff6f2;border:1px solid #438081;border-radius:12px;background:linear-gradient(155deg,#133746,#092331);box-shadow:0 6px 17px #0003;overflow:hidden}
.ph-globe-guide>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px 13px;cursor:pointer;list-style:none}
.ph-globe-guide>summary::-webkit-details-marker{display:none}
.ph-globe-guide>summary:focus-visible{outline:3px solid #fff2a4;outline-offset:-3px}
.ph-guide-mark{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1px solid #81d9c3;color:#c8ffea;background:#1e5553}
.ph-guide-intro{display:grid;gap:3px;min-width:0;flex:1}
.ph-guide-intro strong{color:#e9fff7;font:800 11px/1.3 system-ui,sans-serif;letter-spacing:.04em}
.ph-guide-intro small{color:#adcdd4;font:600 9px/1.4 system-ui,sans-serif}
.ph-guide-chevron{font-size:18px;color:#b9f2e2;transition:transform .15s}
.ph-globe-guide[open] .ph-guide-chevron{transform:rotate(180deg)}
.ph-guide-body{padding:0 12px 13px}
.ph-guide-help{margin:0 0 12px;font:550 10px/1.65 system-ui,sans-serif;color:#c3dce0}
.ph-guide-hints{margin:0 0 10px;padding:0;list-style:none;display:grid;gap:7px}
.ph-guide-hints li{display:flex;align-items:baseline;gap:7px;min-width:0;color:#d4e9e8;font:550 10px/1.5 system-ui,sans-serif}
.ph-guide-hints strong{flex:0 0 57px;color:#9de5cf;font:800 9px/1.5 system-ui,sans-serif}
.ph-guide-states{display:grid;gap:4px;margin:12px 0;color:#b3d3dc;font:700 9px/1.5 system-ui,sans-serif}
.ph-guide-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ph-guide-actions button,.ph-guide-actions a{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;min-width:0;padding:8px 6px;border:1px solid #568f88;border-radius:9px;background:#173f45;color:#e7fff2;font:800 9px/1.4 system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;touch-action:manipulation}
.ph-guide-actions button:hover:not(:disabled),.ph-guide-actions a:hover{border-color:#aafbdd;background:#1c5852}
.ph-guide-actions button:disabled{opacity:.5;cursor:not-allowed}
.ph-guide-actions :is(button,a):focus-visible{outline:3px solid #fff2a4;outline-offset:2px}
.ph-guide-actions .ph-guide-primary{background:#225e4e;border-color:#8bdab6;color:#fff}
.ph-guide-actions .ph-guide-wide{grid-column:1/-1}
.ph-guide-note{margin:11px 0 0;color:#aecbd3;font:550 9px/1.55 system-ui,sans-serif}
.ph-guide-feedback{min-height:1.5em;margin:10px 0 0;color:#c5f8df;font:650 10px/1.45 system-ui,sans-serif}
@media(max-width:850px){.ph-globe-guide{margin:10px 0 13px}.ph-guide-actions button,.ph-guide-actions a{font-size:10px}}
@media(max-width:360px){.ph-guide-body{padding:0 9px 11px}.ph-guide-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.ph-guide-chevron{transition:none}}
body[data-ph-lite=on] .ph-globe-guide{box-shadow:none;background:#102b37}