/* Titled help: a dotted underline on the title and a small "i" that appears with its box.
   The title and the "i" open the same small card anchored to the title (a bottom sheet on phones). */
.folio-help-target{cursor:help;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 42%,transparent);text-underline-offset:.24em}
.folio-help-target:hover{text-decoration-color:color-mix(in srgb,currentColor 85%,transparent)}
/* The glyph is 16px; the invisible ::before extends the pointer target to 44px without taking layout space. */
body .folio-help-trigger,#budgetProfile .folio-help-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;align-self:center;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-height:none!important;padding:0!important;margin:0 0 0 .4em!important;border:1px solid currentColor!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:italic 700 10px/1 Georgia,'Times New Roman',serif!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;vertical-align:.12em;cursor:pointer;position:relative!important;transform:none!important}
/* Hidden until its box is hovered or focused (kept out of the !important block so the reveal rules win). */
.folio-help-trigger{opacity:0;transition:opacity .15s ease}
.folio-help-trigger::before{content:''!important;position:absolute;inset:-15px;border-radius:50%}
.folio-help-trigger::after{content:none!important}
.folio-help-glyph{pointer-events:none;line-height:1;transform:translateY(.5px)}
.folio-help-trigger.folio-help-revealed,.folio-help-target:hover>.folio-help-trigger,.folio-help-trigger:focus,.folio-help-trigger:focus-visible,.folio-help-trigger[aria-expanded="true"],.folio-help-static>.folio-help-trigger{opacity:.72}
.folio-help-trigger:hover,.folio-help-trigger:focus-visible,.folio-help-trigger[aria-expanded="true"]{opacity:1}
/* Touch screens have no hover: keep the "i" faintly visible. */
@media(hover:none){body .folio-help-trigger{opacity:.5}.folio-help-trigger[aria-expanded="true"]{opacity:1}}
.folio-help-trigger:focus-visible,.folio-help-close:focus-visible,.folio-help-details>summary:focus-visible{outline:2px solid var(--accent,#79b0ff)!important;outline-offset:2px}
body .folio-help-trigger[data-help-pointer-focus]:focus{outline:none!important;box-shadow:none!important}
.review-badge+.folio-help-trigger,.holding-reset-badge+.folio-help-trigger{margin-left:6px!important}
/* One "i" per page or area (help-ui.js): the others hide, and their titles go back to plain text. */
body .folio-help-trigger.folio-help-merged,#budgetProfile .folio-help-trigger.folio-help-merged{display:none!important}
.folio-help-target.folio-help-quiet{cursor:inherit;text-decoration:none}
.folio-help-trigger.folio-help-lead{opacity:.72}
.folio-help-trigger.folio-help-lead:hover,.folio-help-trigger.folio-help-lead:focus-visible,.folio-help-trigger.folio-help-lead[aria-expanded="true"]{opacity:1}
[data-help-grouped] .tidy-info{display:none!important}

/* The card: small, anchored next to its title, never a full-screen modal. */
.folio-help-dialog{box-sizing:border-box!important;position:fixed!important;right:auto;bottom:auto;left:16px;top:16px;margin:0!important;z-index:2147483000;width:min(380px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:auto!important;max-height:min(72dvh,560px);padding:0!important;border:1px solid var(--border,#657080)!important;border-radius:12px!important;background:var(--card,var(--panel,#152033))!important;color:var(--text,#f5f7fb)!important;overflow:hidden!important;overscroll-behavior:contain;box-shadow:0 14px 44px #0009,0 0 0 1px #ffffff08}
.folio-help-dialog:focus{outline:none!important}
.folio-help-dialog[open]{display:flex!important;flex-direction:column;animation:folio-help-in .14s ease-out}
@keyframes folio-help-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.folio-help-dialog[data-side="above"][open]{animation-name:folio-help-in-above}
@keyframes folio-help-in-above{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.folio-help-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:6px 6px 0 16px}
.folio-help-header h2{font:650 15px/1.35 system-ui!important;margin:0!important;padding:0!important;overflow-wrap:anywhere;min-width:0;text-transform:none!important;letter-spacing:0!important}
.folio-help-close{flex:none;display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;padding:0!important;font:400 22px/1 system-ui!important;color:var(--muted,inherit)!important;background:transparent!important;border:0!important;border-radius:8px!important;cursor:pointer}
.folio-help-close:hover{color:var(--text,inherit)!important;background:color-mix(in srgb,currentColor 10%,transparent)!important}
.folio-help-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 16px 14px;font:400 14px/1.5 system-ui!important;overflow-wrap:anywhere}
.folio-help-body p{font:inherit!important;margin:8px 0!important;color:inherit!important}
.folio-help-body h3{font:650 14px/1.4 system-ui!important;margin:14px 0 6px!important}
.folio-help-body details{font:inherit!important;margin:6px 0!important;padding:0!important;border-top:1px solid color-mix(in srgb,var(--border,#657080) 70%,transparent)}
.folio-help-details>summary{min-height:40px;display:flex;align-items:center;gap:8px;font:600 13.5px/1.4 system-ui!important;cursor:pointer;list-style:none;color:var(--text,inherit)}
.folio-help-details>summary::-webkit-details-marker{display:none}
.folio-help-details>summary::before{content:'+';width:12px;font-size:17px;color:var(--muted,inherit)}.folio-help-details[open]>summary::before{content:'−'}
.folio-help-status{border-left:3px solid var(--accent,#79b0ff);padding-left:10px;color:var(--muted,inherit)!important;font-size:13px!important}
/* Phones: the same card as a bottom sheet. */
.folio-help-dialog.folio-help-sheet{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:100%!important;max-height:min(75dvh,620px)!important;border-radius:16px 16px 0 0!important;border-bottom:0!important;padding-bottom:env(safe-area-inset-bottom)!important;box-shadow:0 -10px 40px #000a}
.folio-help-dialog.folio-help-sheet[open]{animation-name:folio-help-sheet-in}
@keyframes folio-help-sheet-in{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.folio-help-sheet .folio-help-header{position:relative;padding:12px 8px 2px 18px}
.folio-help-sheet .folio-help-header::before{content:'';position:absolute;left:50%;top:6px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--border,#657080)}
.folio-help-sheet .folio-help-close{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.folio-help-sheet .folio-help-body{padding:0 18px 18px;font-size:15px!important}
.folio-help-sheet .folio-help-details>summary{min-height:44px}

[data-help-topic]{scroll-margin-top:80px}
#portfolioSummary.snapshot-redesign{height:auto!important;min-height:264px}
#portfolioSummary.snapshot-redesign>.chart-heading{height:auto!important;min-height:44px}
.snapshot-label{display:flex;align-items:center;flex-wrap:wrap}
.snapshot-margin-evidence{font-size:12px;margin-top:8px}.snapshot-margin-evidence>summary{min-height:44px;cursor:pointer}
.snapshot-margin-status{font-size:12px;line-height:1.5}
.coverage-notes{font-size:14px}.coverage-notes h2{font-size:17px}
@media(prefers-reduced-motion:reduce){.folio-help-dialog,.folio-help-dialog[open],.folio-help-trigger{animation:none!important;transition:none!important}}
/* One small word with its ⓘ, in place of a sentence on the page. */
.word-note{display:flex;align-items:center;gap:4px;margin:0;font-size:12px;line-height:1.4;color:var(--muted)}
span.word-note{display:inline-flex}
.sandbox-demo{margin-left:10px;color:inherit;letter-spacing:0;font-weight:400}
.calc-note.word-note{margin:0 0 10px}
body .word-note .folio-help-trigger{opacity:.85}