.help-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.context-tooltip { position:fixed; z-index:10000; box-sizing:border-box; width:max-content; max-width:calc(100vw - 16px); padding:9px 12px; border:1px solid var(--border-strong); border-radius:8px; color:var(--text); background:var(--surface-3); box-shadow:0 5px 20px rgba(0,0,0,.25); font-size:.875rem; line-height:1.45; font-weight:500; overflow-wrap:anywhere; }
.context-tooltip[hidden] { display:none; }
.onboarding-strip { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 18px; margin:0 0 14px; font-size:.875rem; }
.onboarding-strip > a,.start-here-card a { color:var(--copy-teal,var(--teal)); text-decoration:underline; text-underline-offset:3px; }
.context-help { min-width:0; max-width:100%; flex:1 1 220px; }
.context-help summary { cursor:pointer; width:fit-content; min-height:36px; padding:5px 0; color:var(--muted); }
.context-help[open] { flex-basis:100%; }
#contextHelpContent { padding:12px 16px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); overflow-wrap:anywhere; }
#contextHelpContent p { margin:0 0 8px; }
#contextHelpContent dl { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:8px 18px; margin:12px 0; }
#contextHelpContent dt { font-weight:700; } #contextHelpContent dd { margin:0; color:var(--muted); }
#contextHelpContent a { color:var(--copy-teal,var(--teal)); text-decoration:underline; }
.start-here-card { padding:18px; margin:16px 0; border:1px solid var(--border-strong); border-left:4px solid var(--teal); border-radius:10px; background:var(--surface-2); font-size:.95rem; line-height:1.6; }
.start-here-card h3 { font-size:1.25rem; margin:0 0 8px; color:var(--text); }
.start-here-card p { color:var(--muted); margin:8px 0; }
.start-here-card button { min-height:44px; padding:8px 14px; border:1px solid var(--border-strong); border-radius:8px; color:var(--text); background:var(--surface-3); font-weight:700; }
.learning-path { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; }
.learning-path > div { min-width:0; padding:14px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); }
.learning-path h4 { margin:0 0 8px; }
.learning-path a { display:block; padding:5px 0; color:var(--copy-teal,var(--teal)); }
.manual-plain-intro { color:var(--text); font-size:.95rem; line-height:1.65; }
.onboarding-definitions { display:grid; grid-template-columns:minmax(150px,1fr) minmax(0,3fr); gap:10px 18px; line-height:1.6; }
.onboarding-definitions dt { font-weight:750; } .onboarding-definitions dd { margin:0; color:var(--muted); }
@media(max-width:640px) { .learning-path,.onboarding-definitions,#contextHelpContent dl { grid-template-columns:minmax(0,1fr); } .onboarding-definitions dd,#contextHelpContent dd { margin-bottom:8px; } .start-here-card { padding:14px; } .context-help summary { min-height:44px; } }