.title-with-help{display:flex;align-items:center;gap:10px}
.help-hint{display:inline-block;position:relative;vertical-align:middle;margin:0 0 0 7px;font-size:13px;line-height:1.6;font-weight:400}
.help-hint>summary{display:flex;align-items:center;justify-content:center;width:24px;height:24px;list-style:none;border:1px solid #d5e1e5;border-radius:50%;color:#738a93;background:#f6f9fa;cursor:pointer;font-size:13px;font-weight:600;user-select:none}
.help-hint>summary::-webkit-details-marker{display:none}
.help-hint>summary:hover,.help-hint[open]>summary{color:#087f79;background:#e8f5f2;border-color:#99c8c1}
.help-hint>summary:focus-visible{outline:2px solid #087f79;outline-offset:3px}
.help-hint-body{position:absolute;z-index:40;top:32px;left:0;width:300px;max-width:calc(100vw - 48px);padding:14px 16px;background:#fff;color:#45616c;border:1px solid #dbe6e9;border-radius:12px;box-shadow:0 8px 28px #183a4920;text-align:left;white-space:normal;font-size:13px;line-height:1.7;font-weight:400}
.section-title>div:has(>.help-hint),.section-title:has(>.help-hint){display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.section-title h2,.section-title h3{margin-bottom:0}
.chart-help{margin-top:12px}.page-footer{display:flex;align-items:center;gap:8px}
@media(max-width:600px){.help-hint[open] .help-hint-body{position:fixed;left:18px;right:18px;top:24%;width:auto;max-width:none;max-height:50vh;overflow:auto;box-shadow:0 12px 45px #183a4930}.title-with-help{gap:6px}}