.point-request-guide{border:1px solid var(--line,#cbd5e1);border-radius:12px;padding:16px;margin:14px 0;background:var(--surface2,#f3f7fa)}
.point-request-guide p{margin:0 0 10px;line-height:1.55}.point-request-guide .button-row{margin:0;flex-wrap:wrap}.point-request-guide button{min-height:44px}
.point-explain-icon{min-width:44px;min-height:44px;font-weight:700!important}.point-request-guide a{color:var(--accent,#006b72)}
.point-mode-note{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface2,#f3f7fa);border-top:2px solid #d7a825;font-size:.85rem;line-height:1.5}.point-mode-note p{flex:1;margin:0}.point-mode-note button{flex:none;min-height:44px}.point-mode-note[hidden]{display:none!important}
.point-help-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-width:640px;max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid var(--line,#cbd5e1);border-radius:16px;color:var(--text,#102432);background:var(--surface,#fff)}
.point-help-dialog::backdrop{background:#071119bc}.point-help-dialog header{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.point-help-dialog h2{font-size:1.45rem;margin:0 0 12px}.point-help-dialog p,.point-help-dialog li{line-height:1.6}.point-help-dialog ol{padding-left:24px}.point-help-dialog li{margin:12px 0}.point-help-dialog header button{min-width:64px;min-height:44px}.point-help-dialog .button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.point-help-dialog .button-row button{min-height:44px}
.point-help-example{margin:12px 0;padding:14px 16px;border-radius:10px;background:var(--surface2,#f3f7fa);display:flex;gap:14px;align-items:center}.point-help-example .point-pin{width:18px;height:18px;border:3px solid #745413;background:#f2ca41;border-radius:50%;flex:none;box-shadow:0 0 0 6px #e6bc4130}.point-help-example p{margin:0;font-size:.9rem}.point-help-note{font-size:.88rem;color:var(--muted,#465c6c)}.point-help-unavailable{border-left:3px solid #d7a825;padding:8px 12px;background:var(--surface2,#f3f7fa)}
.point-help-dialog button:focus-visible,.point-request-guide button:focus-visible,.point-explain-icon:focus-visible{outline:3px solid var(--accent,#007c82);outline-offset:3px}
@media(max-width:600px){.point-help-dialog{padding:18px}.point-help-dialog h2{font-size:1.25rem}.point-request-guide .button-row>*{flex:1 1 180px}.point-mode-note{align-items:flex-start;flex-wrap:wrap}.point-mode-note p{min-width:180px}.point-help-dialog .button-row>*{flex:1 1 160px}}
