/* A hand-drawn accent for page introductions, visible even without JavaScript. */
.editorial-line-art { display:block; width:58px; height:34px; margin:10px 0 8px; fill:none; stroke:#0f4c5c; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; opacity:.72; pointer-events:none; }
.topic-hub--autism .editorial-line-art { stroke:#526fb8; }
.topic-hub--aba-therapy .editorial-line-art { stroke:#248879; }
.topic-hub--speech-language .editorial-line-art { stroke:#ad6c12; }
.topic-hub--ot-sensory .editorial-line-art { stroke:#8052a4; }
.topic-hub--early-development .editorial-line-art { stroke:#b95c72; }
@media (prefers-reduced-motion:no-preference) {
  .editorial-line-art path { stroke-dasharray:260; stroke-dashoffset:0; animation:editorial-line-draw 1.8s cubic-bezier(.37,0,.22,1) both; }
  @keyframes editorial-line-draw { from { stroke-dashoffset:260; } to { stroke-dashoffset:0; } }
}
@media (max-width:600px) { .editorial-line-art { width:48px; height:28px; margin-block:7px; } }
/* More visible pen work with a single, gentle settling motion. */
.editorial-line-art { width:82px; height:49px; margin:10px 0 8px; stroke-width:1.55; opacity:.88; }
@media (prefers-reduced-motion:no-preference) {
  .editorial-line-art { transform-origin:15% 85%; animation:editorial-line-settle 3.2s ease-out both; }
  .editorial-line-art path { stroke-dasharray:100; animation:editorial-line-draw 2.1s ease-in-out both; }
  @keyframes editorial-line-draw { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
  @keyframes editorial-line-settle { 0%, 58% { transform:rotate(-3deg); } 76% { transform:rotate(2deg); } 100% { transform:rotate(0); } }
}
@media (max-width:600px) { .editorial-line-art { width:67px; height:40px; } }