.attention-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 32px;display:grid}.attention-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.attention-stats .article-research-stat{margin:0}.attention-chart__direction{color:var(--article-ink);font-size:var(--article-caption-size);border-bottom:1px solid #d9e4eb;justify-content:space-between;align-items:center;gap:12px;padding-block:6px;font-weight:600;display:flex}.attention-chart__direction span:nth-child(2){margin-inline:auto}.attention-development .attention-chart__unit{margin:4px 0}.attention-chart h3{font-size:var(--article-subheading-size);margin:0}.attention-chart__unit,.attention-chart small,.attention-chart figcaption{font-size:var(--article-caption-size)}.attention-chart ul{margin:20px 0;padding:0;list-style:none}.attention-chart li+li{margin-top:14px}.attention-chart__label{font-size:var(--article-caption-size);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.attention-chart__track{background:#d9e4eb;border-radius:8px;height:10px;margin:5px 0}.attention-chart__bar{border-radius:inherit;background:var(--adhd-blue);height:100%}.attention-chart__bar--uncertain{border:2px dashed var(--adhd-blue);background:0 0}.attention-card{perspective:1000px;display:grid;position:relative}.attention-card__toggle{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.attention-card__faces{transform-style:preserve-3d;border-radius:12px;transition:transform .45s;display:grid}.attention-card__toggle:focus-visible+.attention-card__faces{outline:3px solid var(--adhd-blue);outline-offset:3px}.attention-card__toggle:checked+.attention-card__faces{transform:rotateY(180deg)}@media (hover:hover) and (pointer:fine){.attention-card:hover .attention-card__toggle:not(:focus-visible)+.attention-card__faces{transform:rotateY(180deg)}.attention-card:not(:hover) .attention-card__toggle:checked:not(:focus-visible)+.attention-card__faces{transform:none}}.attention-card__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:inherit;font-size:var(--article-caption-size);grid-area:1/1;padding:16px;line-height:1.5}.attention-card__front{background:#edf2f5;align-content:center;gap:6px;min-height:148px;display:grid}.attention-card:nth-child(2) .attention-card__front{background:var(--adhd-sage)}.attention-card:nth-child(3) .attention-card__front{background:var(--adhd-yellow)}.attention-card__front svg{color:var(--adhd-blue);margin-bottom:3px}.attention-card__face h4,.attention-development .attention-card__face p{margin:0}.attention-card__face h4{font-size:var(--article-subheading-size);font-weight:600;line-height:1.4}.attention-card__front small{color:#526e7c}.attention-card__back{background:#edf3f6;transform:rotateY(180deg)}.attention-card__back ol{margin:8px 0 0;padding-inline-start:1.35em;list-style:decimal}.attention-card__back li+li{margin-top:4px}.attention-card__back li::marker{color:var(--adhd-blue);font-weight:700}@media (max-width:620px){.attention-cards,.attention-stats{grid-template-columns:1fr}.attention-card__face{padding:18px}}@media (prefers-reduced-motion:reduce){.attention-card__faces{transition:none}}.attention-related{color:var(--article-ink);margin:32px 0 0}.attention-related a{color:inherit;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:2px 14px;padding:9px 0;line-height:1.45;text-decoration:none;display:grid}.attention-related__title{text-wrap:pretty;font-size:20px;font-weight:600}.attention-related__title>span{background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat;transition:background-size .27s}.attention-related__label{color:#526c7b;letter-spacing:.06em;grid-area:2/1;font-size:13px;font-weight:600}.attention-related__arrow{color:#3e6c89;background:#e9eff2;border-radius:50%;grid-area:1/2/3;place-items:center;width:36px;height:36px;font-size:21px;display:grid}@media (hover:hover){.attention-related a:hover .attention-related__title>span{background-size:100% 1px}}@media (prefers-reduced-motion:reduce){.attention-related__title>span{transition:none}}