/* Scoped native About defaults; inline block styles retain precedence. */
.dose-about {
    color: #fff;
    padding: 48px 32px;
}
:where(.dose-about:not(.has-background)) {
    background: radial-gradient(ellipse at 90% 8%, #153a91 0%, transparent 45%),
        radial-gradient(ellipse at 5% 55%, #0b4966 0%, transparent 45%),
        radial-gradient(ellipse at 90% 100%, #542950 0%, transparent 45%), #080e40;
}
.dose-about__inner { max-width: 1240px; margin-inline: auto; }
.dose-about__inner > * + * { margin-block-start: 48px; }
.dose-about p { font-size: 18px; line-height: 1.6; margin: 0; }
.dose-about .wp-block-heading { color: inherit; margin: 0; font-weight: 800; line-height: 1.2; }
.dose-about h1 { font-size: clamp(40px, 5vw, 64px); }
.dose-about h2 { font-size: 32px; }
.dose-about__hero { display: grid; grid-template-columns: minmax(0, 1fr) 208px; align-items: center; gap: 48px; }
.dose-about__hero > .wp-block-group > * + * { margin-block-start: 24px; }
.dose-about__hero p { max-width: 720px; }
.dose-about__wordmark { margin: 0; justify-self: end; }
.dose-about__wordmark img { display: block; max-width: 100%; object-fit: contain; }
.dose-about__stats > *, .dose-about__channels > *, .dose-about__actions > * { margin: 0; }
.dose-about__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding-block-start: 16px; }
.dose-about__stats .dose-about__number { font-size: 48px; font-weight: 800; line-height: 1.2; }
.dose-about__stats .wp-block-group > * + * { margin-block-start: 8px; }
.dose-about__stats p:not(.dose-about__number) { font-size: 16px; }
.dose-about__statement { padding-block: 32px; }
.dose-about__statement > * + * { margin-block-start: 16px; }
.dose-about__section > * + * { margin-block-start: 24px; }
.dose-about__directory { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; }
.dose-about__directory > * { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.dose-about__person > * + * { margin-block-start: 8px; }
.dose-about__person p + p { color: #c4cce0; font-size: 16px; }
.dose-about__channels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dose-about__channel { position: relative; display: flex; gap: 16px; align-items: center; padding: 24px 16px; border: 1px solid #8096be; border-radius: 0; }
.dose-about__channel > * { margin: 0; }
.dose-about__channel figure, .dose-about__channel > p:first-child { flex: 0 0 24px; }
.dose-about__channel img { display: block; object-fit: contain; }
.dose-about__channel a { color: inherit; text-decoration: none; }
.dose-about__channel a::after { content: ''; position: absolute; inset: 0; }
.dose-about__channel::after { content: '↗'; margin-inline-start: auto; }
:where(.dose-about__channel:has(a:hover), .dose-about__channel:has(a:focus-visible)) { background-color: #153a91; }
:where(.dose-about__channel:has(a:active)) { background-color: #085dff; }
.dose-about__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.dose-about__action { padding: 32px; border: 1px solid #8096be; border-radius: 0; background-color: #ffffff08; }
.dose-about__action h2 { font-size: 24px; }
.dose-about__action > * + * { margin-block-start: 24px; }
.dose-about .wp-block-button__link { border-radius: 0; padding: 16px 24px; text-decoration: none; }
.dose-about .wp-block-button__link:hover, .dose-about .wp-block-button__link:focus-visible { filter: brightness(1.2); }
.dose-about .wp-block-button__link:active { filter: brightness(.9); }
.dose-about a:focus-visible { outline: 2px solid #fff; outline-offset: 8px; }
:where(.dose-about__channel:has(a:focus-visible)) { outline: 2px solid #fff; outline-offset: 8px; }
.dose-about__channel, .dose-about .wp-block-button__link { transition: background-color 160ms ease, filter 160ms ease; }
@media (max-width: 1024px) {
    .dose-about { padding-inline: 24px; }
    .dose-about__channels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .dose-about { padding: 32px 16px; }
    .dose-about__hero { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .dose-about__wordmark { display: none; }
    .dose-about__stats { gap: 16px; }
    .dose-about__stats .dose-about__number { font-size: 32px; }
    .dose-about__directory, .dose-about__actions { grid-template-columns: minmax(0, 1fr); }
    .dose-about__action { padding: 24px; }
    .dose-about__channel { gap: 8px; padding: 16px; }
    .dose-about__channel p { font-size: 16px; }
    .dose-about__inner > * + * { margin-block-start: 32px; }
}
@media (prefers-reduced-motion: reduce) {
    .dose-about__channel, .dose-about .wp-block-button__link { transition: none; }
}
