.page-help-button { display:inline-flex; align-items:center; gap:6px; border:1px solid #cfe0f8 !important; background:#f7fbff !important; color:#2865b4 !important; box-shadow:none !important; }
.page-help-button:hover { border-color:#8eb7ed !important; background:#eef6ff !important; color:#1456a9 !important; }
.page-help-button .help-dot { width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#e2efff; font-weight:700; font-size:12px; }
.page-help-overlay { position:fixed; inset:0; z-index:12000; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(13,27,46,.46); backdrop-filter:blur(3px); }
.page-help-modal { width:min(720px,96vw); max-height:min(760px,90vh); overflow:auto; border-radius:18px; padding:25px; background:#fff; box-shadow:0 24px 70px rgba(11,32,58,.28); }
.page-help-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding-bottom:16px; border-bottom:1px solid #edf1f6; }
.page-help-eyebrow { color:#4b83cc; font-size:12px; font-weight:700; letter-spacing:.04em; }.page-help-head h3 { margin:6px 0 0; color:#16365f; font-size:21px; }
.page-help-close { width:32px; height:32px; border:0; border-radius:9px; background:#f2f6fb; color:#66809f; font-size:24px; line-height:1; cursor:pointer; }.page-help-close:hover { background:#e6effa; color:#235eaa; }
.page-help-intro { margin:17px 0; padding:12px 14px; border-radius:10px; background:#f6faff; color:#3e5d82; font-size:14px; line-height:1.7; }
.page-help-body { display:grid; gap:10px; }.page-help-section { padding:14px 15px; border:1px solid #e5edf7; border-radius:11px; background:#fff; }
.page-help-section h4 { margin:0 0 8px; color:#1f548f; font-size:14px; }.page-help-section ul { margin:0; padding-left:19px; color:#5b6f87; font-size:13px; line-height:1.75; }.page-help-section li+li { margin-top:4px; }
.page-help-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; padding-top:16px; border-top:1px solid #edf1f6; color:#8290a2; font-size:12px; }
@media (max-width:768px) { .page-help-button { padding:7px 9px !important; font-size:0 !important; }.page-help-button .help-dot { font-size:12px; }.page-help-overlay { padding:12px; align-items:flex-end; }.page-help-modal { width:100%; max-height:88vh; border-radius:18px 18px 12px 12px; padding:20px; }.page-help-head h3 { font-size:19px; }.page-help-footer { align-items:flex-start; flex-direction:column; }.page-help-footer .btn { width:100%; } }