/* Static task paths remain useful before JavaScript and when it is unavailable. */
.cc-task-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 26px; }
.cc-task-path { min-width: 0; padding: 18px; border: 1px solid var(--cc-line); border-radius: 16px; background: var(--cc-surface); }
.cc-task-path h3 { margin: 0 0 8px; font-size: 1rem; line-height: 1.35; }
.cc-task-path p { margin: 0; color: var(--cc-muted); font-size: .875rem; line-height: 1.65; }
.cc-task-path a { color: var(--cc-brand-strong); font-weight: 750; text-underline-offset: 3px; }
.cc-group-jumps { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 24px; }
.cc-group-jumps a { display: inline-flex; align-items: center; min-height: 44px; color: var(--cc-brand-strong); font-size: .875rem; font-weight: 750; text-underline-offset: 4px; }
.cc-tool-groups { display: grid; gap: 42px; }
.cc-tool-group { min-width: 0; scroll-margin-top: 100px; }
.cc-group-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 20px; margin-bottom: 18px; }
.cc-group-heading h2 { margin: 0; font-size: clamp(1.3rem, 3.5vw, 1.65rem); line-height: 1.2; letter-spacing: -.025em; }
.cc-group-heading p { flex: 1 1 280px; margin: 0; color: var(--cc-muted); font-size: .875rem; line-height: 1.6; }
.cc-tool-group[hidden] { display: none !important; }
#science-tools { scroll-margin-top: 90px; }
#science-tools .tool-card { min-height: 265px; }
#science-tools .card-copy { margin-top: 20px; }
#science-tools .section-heading h2 { font-size: clamp(2rem, 5vw, 3.5rem); }
.home-tool-shortcuts { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 0 0 26px; }
.home-tool-shortcuts a { min-height: 44px; display: inline-flex; align-items: center; color: var(--ink); text-underline-offset: 4px; font-weight: 650; }
.cc-task-path a:focus-visible, .cc-group-jumps a:focus-visible, .home-tool-shortcuts a:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; border-radius: 2px; }
@media (max-width: 760px) { .cc-task-paths { grid-template-columns: 1fr; } .cc-tool-groups { gap: 32px; } }