/* Help is readable without color cues and usable without hover. */
.collector-guide{display:flex;gap:12px;align-items:center;margin:0 0 18px;padding:14px 18px;background:#f6f8fb;border:1px solid #d6e0e8;border-radius:12px;color:#344b61;font-size:16px;line-height:1.5}
.collector-guide p{margin:0}.collector-guide strong{color:#19334a}
#app .collector-help-trigger{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:24px;height:24px;min-height:24px;min-width:24px;padding:0;margin:0 0 0 2px;border:0;border-radius:3px;background:transparent;color:#526879;font:600 12px/1 system-ui;vertical-align:middle;cursor:help;text-transform:none;letter-spacing:0;box-shadow:none}
#app .collector-help-trigger:hover{color:#17364a;background:#edf2f5}#app .collector-help-trigger:focus-visible{color:#17364a;background:#edf2f5;outline:2px solid #527894;outline-offset:1px}
.collector-help-action{display:inline-flex;align-items:center;gap:2px;max-width:100%;flex-wrap:wrap}
.item-next-actions>.collector-help-action{flex:1}
.collector-help-tip{position:fixed;z-index:10050;box-sizing:border-box;width:350px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;padding:18px 20px;background:#17364a;color:#fff;border:1px solid #405e72;border-radius:12px;box-shadow:0 10px 30px #132c3e33;font:16px/1.55 system-ui;text-align:left}
.collector-help-tip[hidden]{display:none}.collector-help-tip strong{font-size:17px;color:#fff}.collector-help-tip p{margin:8px 0 12px}.collector-help-tip small{display:block;color:#d5e3ed;font-size:12px}
.certificate-explanation{margin:18px 0 0;padding:18px 20px;background:#fcfaf5;border:1px solid #ded2b9;border-left:3px solid #aa894d;border-radius:10px;line-height:1.6}
.certificate-explanation h4{margin:0 0 8px;color:#273d40;font-size:18px}.certificate-explanation p{margin:8px 0}.certificate-explanation ul{padding-left:22px;margin:8px 0}.certificate-explanation li{margin:7px 0}
@media(pointer:coarse){#app .collector-help-trigger{width:32px;height:32px;min-height:32px;min-width:32px}}
@media(max-width:700px){.collector-guide{padding:12px}.certificate-explanation{padding:15px}.collector-help-action{max-width:100%}}

.collector-info-icon{display:inline-block;width:14px;height:14px;min-width:14px;vertical-align:-2px;pointer-events:none;flex:none}