/* Explanations open only by clicking the exclamation button. */
#content .property-help-trigger{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:18px;height:18px;min-width:18px;padding:0;margin:0 0 1px 6px;border:1px solid #7193a5;border-radius:50%;background:#152a35;color:#c3dce9;font:600 12px/1 Arial,sans-serif;cursor:pointer;position:relative;z-index:2;flex-shrink:0;white-space:nowrap}
#content .property-help-trigger:hover,#content .property-help-trigger[aria-expanded=true]{border-color:#d9c28c;color:#ffe0a3;background:#3c3220}
#content .property-help-trigger:focus-visible{outline:2px solid #90caf9;outline-offset:3px}
.property-help-popup{position:fixed;inset:auto;margin:0;box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid #587788;border-radius:6px;background:#15242d;color:#e3eef4;box-shadow:0 12px 40px #0009;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.property-help-popup .property-help-text{margin:0;color:#cfdee7;font-size:13px;line-height:1.9}
@media(max-width:680px){#content .property-help-trigger{width:20px;height:20px;min-width:20px;margin-left:5px}.property-help-popup{padding:18px}}

/* Give explained properties the same readable rows in the desktop phone preview. */
body.mobile-preview-mode .stat-grid,body.mobile-preview-mode .detail-top .key-values,body.mobile-preview-mode .profile-group .key-values,body.mobile-preview-mode .equipment-summary-grid,body.mobile-preview-mode .weapon-data-grid,body.mobile-preview-mode .ammo-data-grid{grid-template-columns:1fr}
body.mobile-preview-mode #content .property-help-trigger{width:20px;height:20px;min-width:20px}

#content .state-controls>.property-help-trigger{margin:0}

/* Keep the value switch and its explanation together in every heading. */
#content .value-toggle-help{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;vertical-align:middle}
#content .value-toggle-help>.property-help-trigger{margin:0}