:root {
  --dh-bg: #f5f7fc;
  --dh-surface: #fff;
  --dh-surface-soft: #eef2ff;
  --dh-text: #101828;
  --dh-muted: #596579;
  --dh-border: #e3e8f2;
  --dh-primary: #4f46e5;
  --dh-primary-hover: #4338ca;
  --dh-accent: #7c3aed;
  --dh-success: #147d64;
  --dh-warning: #a35c00;
  --dh-danger: #b42318;
  --dh-radius: 12px;
  --dh-shadow: 0 12px 32px rgb(16 24 40 / 8%);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --dh-bg: #101522;
  --dh-surface: #171e2d;
  --dh-surface-soft: #222b43;
  --dh-text: #f2f4f8;
  --dh-muted: #a7b1c2;
  --dh-border: #303a4d;
  --dh-primary: #a5a0ff;
  --dh-primary-hover: #c0bdff;
  --dh-accent: #c4a3ff;
  --dh-success: #69d6b5;
  --dh-warning: #ffc46a;
  --dh-danger: #ff9b92;
  --dh-shadow: 0 14px 38px rgb(0 0 0 / 24%);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) { color-scheme: dark; }
  html:not([data-theme="light"]) body { background-color: #101522; color: #f2f4f8; }
  html:not([data-theme="light"]) h1, html:not([data-theme="light"]) h2, html:not([data-theme="light"]) h3,
  html:not([data-theme="light"]) h4, html:not([data-theme="light"]) h5, html:not([data-theme="light"]) h6,
  html:not([data-theme="light"]) .wp-block-heading, html:not([data-theme="light"]) .wp-block-post-title { color: #f2f4f8; }
  html:not([data-theme="light"]) a:not(.dh-read-link):not(.dh-taxonomy-pill) { color: #a5b4fc; }
  html:not([data-theme="light"]) .dh-featured-hero, html:not([data-theme="light"]) .dh-topic-strip,
  html:not([data-theme="light"]) .dh-post-card, html:not([data-theme="light"]) .dh-curated-list,
  html:not([data-theme="light"]) .dh-takeaways, html:not([data-theme="light"]) .dh-toc,
  html:not([data-theme="light"]) .dh-author-box, html:not([data-theme="light"]) .dh-sources,
  html:not([data-theme="light"]) .dh-search-empty { background-color: #171e2d; color: #f2f4f8; border-color: #303a4d; }
  html:not([data-theme="light"]) .dh-hero-small h3 a, html:not([data-theme="light"]) .dh-card-standard h3 a,
  html:not([data-theme="light"]) .dh-card-horizontal h3 a, html:not([data-theme="light"]) .dh-card-compact h3 a { color: #f2f4f8; }
  html:not([data-theme="light"]) .dh-hero-small p, html:not([data-theme="light"]) .dh-card-excerpt,
  html:not([data-theme="light"]) .dh-card-meta, html:not([data-theme="light"]) .dh-card-footer { color: #a7b1c2; }
}
html[data-theme="dark"] body { background-color: var(--dh-bg); color: var(--dh-text); }
html[data-theme="dark"] .dh-site-header, html[data-theme="dark"] .dh-site-footer,
html[data-theme="dark"] .dh-featured-hero, html[data-theme="dark"] .dh-topic-strip,
html[data-theme="dark"] .dh-post-card, html[data-theme="dark"] .dh-curated-list,
html[data-theme="dark"] .dh-takeaways, html[data-theme="dark"] .dh-toc,
html[data-theme="dark"] .dh-author-box, html[data-theme="dark"] .dh-sources,
html[data-theme="dark"] .dh-search-empty { background-color: var(--dh-surface); color: var(--dh-text); border-color: var(--dh-border); }
html[data-theme="dark"] .dh-hero-small h3 a, html[data-theme="dark"] .dh-card-standard h3 a,
html[data-theme="dark"] .dh-card-horizontal h3 a, html[data-theme="dark"] .dh-card-compact h3 a { color: var(--dh-text); }
html[data-theme="dark"] .dh-hero-small p, html[data-theme="dark"] .dh-card-excerpt,
html[data-theme="dark"] .dh-card-meta, html[data-theme="dark"] .dh-card-footer { color: var(--dh-muted); }
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6,
html[data-theme="dark"] .wp-block-heading, html[data-theme="dark"] .wp-block-post-title { color: var(--dh-text); }
html[data-theme="dark"] a:not(.dh-read-link):not(.dh-taxonomy-pill) { color: var(--dh-primary); }
.dh-featured-hero, .dh-topic-strip, .dh-post-card, .dh-curated-list, .dh-newsletter-card,
.dh-takeaways, .dh-toc, .dh-source-list, .dh-author-box, .dh-related, .dh-saved-posts { color: var(--dh-text); }
.dh-featured-hero { margin: 32px auto 0; max-width: 1320px; }
.dh-hero-layout { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(300px, 1fr); gap: 20px; align-items: stretch; }
.dh-hero-active { min-width: 0; min-height: 540px; position: relative; isolation: isolate; overflow: hidden; border-radius: 16px; background: linear-gradient(135deg,#14223d,#312e81); color: #fff; }
.dh-hero-active::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(9 15 30 / 86%) 0%, rgb(9 15 30 / 48%) 56%, rgb(9 15 30 / 8%) 100%), linear-gradient(0deg, rgb(9 15 30 / 35%), transparent 55%); }
.dh-hero-image-link, .dh-hero-image-link img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; }
.dh-hero-image { object-fit: cover; object-position: center; }
.dh-hero-overlay { position: absolute; inset: auto 0 0; padding: clamp(24px,4vw,44px); max-width: 780px; }
.dh-hero-meta, .dh-hero-small-meta, .dh-card-meta, .dh-card-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.dh-hero-meta { margin-bottom: 12px; color: #e1e6f0; font-size: 13px; }
.dh-hero-active h2 { margin: 0; max-width: 720px; color: #fff; font-size: clamp(28px,3.1vw,44px); line-height: 1.12; text-wrap: balance; }
.dh-hero-active h2 a { color: inherit; text-decoration: none; }
.dh-hero-overlay > p { max-width: 620px; margin: 16px 0 20px; color: #e5e9f1; font-size: 16px; line-height: 1.55; }
.dh-read-link { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; padding: 0 16px; color: #fff; background: #4f46e5; border-radius: 8px; text-decoration: none; font-weight: 700; }
.dh-read-link:hover { color: #fff; background: #4338ca; }
.dh-hero-side { display: flex; min-height: 540px; flex-direction: column; justify-content: space-between; gap: 12px; }
.dh-hero-small { display: grid; grid-template-columns: minmax(88px, 31%) minmax(0,1fr); min-height: 0; flex: 1; gap: 14px; align-items: center; padding: 10px; border-radius: 12px; background: var(--dh-surface); border: 1px solid var(--dh-border); }
.dh-hero-small-image { align-self: stretch; min-height: 88px; overflow: hidden; border-radius: 8px; background: linear-gradient(135deg,#202944,#5450ae); }
.dh-hero-thumb { width: 100%; height: 100%; min-height: 88px; object-fit: cover; }
.dh-hero-small-copy { min-width: 0; }
.dh-hero-small-meta { gap: 6px 10px; color: var(--dh-muted); font-size: 12px; line-height: 1.3; }
.dh-hero-small-meta span { color: var(--dh-primary); font-weight: 700; }
.dh-hero-small h3 { display: -webkit-box; overflow: hidden; margin: 5px 0 4px; font-size: 16px; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.dh-hero-small h3 a, .dh-card-standard h3 a, .dh-card-horizontal h3 a, .dh-card-compact h3 a { color: var(--dh-text); text-decoration: none; }
.dh-hero-small h3 a:hover, .dh-card-standard h3 a:hover, .dh-card-horizontal h3 a:hover, .dh-card-compact h3 a:hover { color: var(--dh-primary); }
.dh-hero-small p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--dh-muted); font-size: 13px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.dh-hero-controls { display: flex; width: calc((100% - 20px) * .618); gap: 8px; margin-top: 14px; }
.dh-hero-controls[hidden] { display: none; }
.dh-hero-choice { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--dh-border); border-radius: 50%; background: var(--dh-surface); color: var(--dh-text); cursor: pointer; }
.dh-hero-choice[aria-pressed="true"] { color: #fff; border-color: var(--dh-primary); background: var(--dh-primary); }
.dh-hero-count-1 { grid-template-columns: 1fr; }
.dh-hero-count-1 .dh-hero-active { min-height: 460px; }
.dh-hero-count-1 + .dh-hero-controls { width: 100%; }
.dh-topic-strip { display: flex; max-width: 1320px; align-items: center; justify-content: space-between; gap: 16px; margin: 26px auto 0; padding: 15px 18px; border: 1px solid var(--dh-border); border-radius: 12px; background: var(--dh-surface); }
.dh-topic-items { display: flex; min-width: 0; flex-wrap: wrap; gap: 8px 20px; }
.dh-topic-item, .dh-all-topics { display: inline-flex; min-height: 40px; align-items: center; gap: 8px; color: var(--dh-text); font-weight: 650; text-decoration: none; white-space: nowrap; }
.dh-topic-item:hover, .dh-all-topics:hover { color: var(--dh-primary); }
.dh-topic-item .dh-icon { color: var(--dh-primary); }
.dh-all-topics { color: var(--dh-primary); }
.dh-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.dh-section-heading h2 { margin: 0; color: var(--dh-text); font-size: 28px; line-height: 1.2; }
.dh-section-heading p { margin: 8px 0 0; color: var(--dh-muted); }
.dh-section-heading > a { flex: 0 0 auto; font-weight: 700; text-decoration: none; }
.dh-article-section { width: min(100%,1320px); margin: 48px auto; }
.dh-home-latest { max-width: 1320px; margin: 48px auto; gap: 24px; }
.dh-home-latest > .wp-block-column { min-width: 0; }
.dh-home-latest .dh-article-section { margin: 0; }
.dh-article-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.dh-post-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--dh-border); border-radius: 12px; background: var(--dh-surface); box-shadow: 0 3px 12px rgb(16 24 40 / 3%); }
.dh-card-standard { display: flex; flex-direction: column; }
.dh-card-media-link { display: block; overflow: hidden; aspect-ratio: 16/9; background: linear-gradient(135deg,#202944,#5450ae); }
.dh-card-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.dh-card-media-link:hover .dh-card-image { transform: scale(1.025); }
.dh-image-placeholder { width: 100%; height: 100%; min-height: 140px; background: linear-gradient(135deg,#18264c,#4f46e5 70%,#7c3aed); }
.dh-card-copy { display: flex; flex: 1; flex-direction: column; padding: 16px; }
.dh-card-meta { gap: 7px 12px; color: var(--dh-muted); font-size: 12px; }
.dh-taxonomy-pill { display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 9px; color: var(--dh-primary); background: var(--dh-surface-soft); font-size: 12px; font-weight: 700; text-decoration: none; }
.dh-card-standard h3, .dh-card-horizontal h3 { margin: 12px 0 8px; font-size: 19px; line-height: 1.3; text-wrap: balance; }
.dh-card-excerpt { margin: 0 0 15px; color: var(--dh-muted); font-size: 14px; line-height: 1.5; }
.dh-card-footer { margin-top: auto; padding-top: 10px; color: var(--dh-muted); font-size: 12px; }
.dh-card-bookmark { position: absolute; top: 10px; right: 10px; }
.dh-bookmark { min-height: 40px; padding: 7px 11px; border: 1px solid var(--dh-border); border-radius: 999px; color: var(--dh-text); background: var(--dh-surface); cursor: pointer; font: inherit; font-size: 13px; }
.dh-bookmark[aria-pressed="true"] { color: #fff; border-color: var(--dh-primary); background: var(--dh-primary); }
.dh-demo-badge, .dh-format-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 8px; color: var(--dh-warning); background: color-mix(in srgb, var(--dh-warning) 13%, transparent); font-size: 11px; font-weight: 750; }
.dh-card-horizontal { display: grid; grid-template-columns: minmax(145px,32%) minmax(0,1fr); align-items: stretch; }
.dh-card-horizontal .dh-card-media-link { height: 100%; min-height: 190px; aspect-ratio: auto; }
.dh-card-horizontal .dh-card-copy { padding: 18px; }
.dh-card-horizontal h3 { margin-top: 10px; }
.dh-card-horizontal .dh-card-bookmark { position: static; align-self: start; margin: 10px; }
.dh-article-horizontal .dh-article-grid { grid-template-columns: 1fr; gap: 12px; }
.dh-curated-list { min-width: 0; padding: 18px; border: 1px solid var(--dh-border); border-radius: 12px; background: var(--dh-surface); }
.dh-curated-list h2 { margin: 0 0 12px; color: var(--dh-text); font-size: 21px; }
.dh-curated-list ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.dh-curated-list li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 8px; align-items: center; }
.dh-rank { color: var(--dh-primary); font-size: 22px; font-weight: 800; }
.dh-card-compact { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 10px; align-items: center; border: 0; box-shadow: none; background: transparent; }
.dh-card-compact .dh-card-media-link { display: contents; }
.dh-card-compact .dh-card-image, .dh-card-compact .dh-image-placeholder { width: 72px; height: 64px; min-height: 64px; aspect-ratio: auto; border-radius: 8px; object-fit: cover; }
.dh-card-compact .dh-card-copy { display: block; padding: 0; }
.dh-card-compact .dh-card-meta { font-size: 11px; }
.dh-card-compact h3 { margin: 5px 0 0; font-size: 14px; line-height: 1.35; }
.dh-newsletter-card { display: grid; grid-template-columns: 1.25fr 1fr; gap: 32px; align-items: center; max-width: 1320px; margin: 48px auto; padding: clamp(24px,4vw,42px); border-radius: 16px; color: #fff; background: linear-gradient(115deg,#18264c,#343080 55%,#5144bd); }
.dh-newsletter-card h2 { margin: 6px 0 10px; color: #fff; font-size: clamp(24px,3vw,34px); }
.dh-newsletter-card p { color: #e3e7f7; }
.dh-newsletter-card .dh-eyebrow { margin: 0; color: #c9c9ff; font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.dh-newsletter-status { padding: 18px; border: 1px solid rgb(255 255 255 / 22%); border-radius: 12px; background: rgb(255 255 255 / 8%); }
.dh-newsletter-status p { margin-bottom: 0; font-size: 14px; }
.dh-newsletter-status a { color: #fff; }
.dh-takeaways, .dh-toc, .dh-sources { margin: 28px 0; padding: 22px; border: 1px solid var(--dh-border); border-radius: 12px; background: var(--dh-surface); }
.dh-takeaways { background: var(--dh-surface-soft); }
.dh-takeaways h2, .dh-toc h2, .dh-sources h2, .dh-related h2 { margin: 0 0 12px; font-size: 21px; }
.dh-takeaways ul, .dh-toc ol, .dh-sources ol { margin: 0; padding-left: 22px; }
.dh-takeaways li, .dh-toc li, .dh-sources li { margin: 7px 0; }
.dh-toc-level-3 { margin-left: 16px; }
.dh-toc a { color: var(--dh-primary); }
.dh-author-box { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 18px; align-items: start; margin: 36px 0; padding: 22px; border: 1px solid var(--dh-border); border-radius: 12px; background: var(--dh-surface); }
.dh-author-avatar, .dh-author-initials { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; }
.dh-author-initials { display: grid; place-items: center; color: var(--dh-primary); background: var(--dh-surface-soft); font-size: 28px; font-weight: 800; }
.dh-author-box h2 { margin: 0 0 6px; font-size: 20px; }
.dh-author-box p { margin: 6px 0; color: var(--dh-muted); }
.dh-author-box .dh-eyebrow { color: var(--dh-primary); font-size: 12px; font-weight: 700; }
.dh-author-links { display: flex; gap: 12px; flex-wrap: wrap; }
.dh-related { margin: 44px 0; }
.dh-related h2 { margin-bottom: 18px; }
.dh-code-example { position: relative; margin: 24px 0; padding: 0; }
.dh-code-example figcaption { padding: 10px 14px; border-radius: 10px 10px 0 0; color: #e6e9f1; background: #20283a; font: 13px var(--wp--preset--font-family--code); }
.dh-code-example pre { overflow: auto; max-width: 100%; margin: 0; padding: 20px; border-radius: 10px; color: #f8fafc; background: #111827; font: 14px/1.65 var(--wp--preset--font-family--code); tab-size: 2; }
.dh-code-example figcaption + pre { border-radius: 0 0 10px 10px; }
.dh-copy-code, .dh-clear-saved { min-height: 44px; margin-top: 10px; padding: 8px 13px; border: 1px solid var(--dh-border); border-radius: 8px; color: var(--dh-text); background: var(--dh-surface); cursor: pointer; font: inherit; }
.dh-theme-toggle { display: inline-grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--dh-border); border-radius: 50%; color: var(--dh-text); background: var(--dh-surface); cursor: pointer; font-size: 21px; }
.dh-saved-posts { margin: 26px 0; }
.dh-saved-list { display: grid; gap: 10px; padding-left: 20px; }
.dh-post-notices { margin: 0 0 20px; }
.dh-post-notices > * { margin: 8px 0; }
.dh-demo-notice { padding: 12px 14px; border-left: 4px solid var(--dh-warning); background: color-mix(in srgb, var(--dh-warning) 10%, var(--dh-surface)); }
.dh-sponsored-notice { padding: 10px 12px; border-radius: 8px; background: var(--dh-surface-soft); }
.dh-ai-notice { color: var(--dh-muted); font-size: 14px; }
.dh-post-notices .dh-format-badge { margin-bottom: 4px; }
.dh-tutorial-details { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 20px 0; padding: 16px 20px; border: 1px solid var(--dh-border); border-radius: 10px; background: var(--dh-surface-soft); font-size: 14px; }
.dh-tutorial-details p { margin: 0; }
.dh-tutorial-details ul { margin: 6px 0 0; padding-left: 20px; }
.dh-post-hero-figure { margin: 24px 0 34px; }
.dh-post-hero-image { display: block; width: 100%; max-height: 620px; aspect-ratio: 16/9; object-fit: cover; border-radius: 12px; }
.dh-post-hero-figure figcaption { margin-top: 8px; color: var(--dh-muted); font-size: 13px; }
.dh-term-cover img { display: block; width: 100%; max-height: 420px; aspect-ratio: 16/6; object-fit: cover; border-radius: 12px; }
.dh-archive-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 24px 0; padding: 16px; border: 1px solid var(--dh-border); border-radius: 12px; background: var(--dh-surface); }
.dh-archive-filters label { display: grid; gap: 6px; color: var(--dh-muted); font-size: 13px; }
.dh-archive-filters select { min-height: 44px; min-width: 210px; padding: 8px 10px; color: var(--dh-text); background: var(--dh-surface); border: 1px solid var(--dh-border); border-radius: 8px; font: inherit; }
.dh-archive-filters button { min-height: 44px; padding: 8px 14px; color: #fff; background: var(--dh-primary); border: 0; border-radius: 8px; font: inherit; font-weight: 700; cursor: pointer; }
.dh-archive-filters a { min-height: 44px; display: inline-flex; align-items: center; }
.dh-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 18px 0; color: var(--dh-muted); font-size: 13px; }
.dh-article-meta .dh-bookmark { margin-left: auto; }
.dh-breadcrumbs { margin: 22px 0 14px; color: var(--dh-muted); font-size: 13px; }
.dh-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.dh-breadcrumbs li + li::before { content: "/"; margin-right: 6px; color: var(--dh-muted); }
.dh-breadcrumbs [aria-current="page"] { color: var(--dh-text); }
.dh-article-kicker { margin: 0; color: var(--dh-primary); font-size: 15px; font-weight: 700; letter-spacing: .02em; }
.dh-powered-by { color: var(--dh-muted); font-size: 13px; }
.dh-block-placeholder { padding: 18px; color: var(--dh-muted); border: 1px dashed var(--dh-border); border-radius: 8px; }
.dh-search-empty { margin: 22px 0; padding: 26px; border: 1px solid var(--dh-border); border-radius: 12px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 1099px) {
  .dh-hero-layout { grid-template-columns: 1fr; }
  .dh-hero-active { min-height: 480px; }
  .dh-hero-side { min-height: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dh-hero-small { min-height: 138px; }
  .dh-hero-controls { width: 100%; }
  .dh-article-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .dh-featured-hero { margin-top: 20px; }
  .dh-hero-active { min-height: 420px; }
  .dh-hero-overlay { padding: 22px 18px; }
  .dh-hero-side { display: flex; gap: 10px; }
  .dh-hero-small { grid-template-columns: 88px minmax(0,1fr); min-height: 112px; padding: 8px; }
  .dh-hero-small-image, .dh-hero-thumb { min-height: 94px; }
  .dh-hero-small h3 { font-size: 15px; }
  .dh-hero-small p { display: none; }
  .dh-topic-strip { align-items: start; flex-direction: column; padding: 12px; }
  .dh-topic-items { gap: 4px 14px; }
  .dh-section-heading { align-items: start; flex-direction: column; gap: 8px; }
  .dh-section-heading h2 { font-size: 24px; }
  .dh-article-section { margin: 32px auto; }
  .dh-article-grid { grid-template-columns: 1fr; gap: 14px; }
  .dh-card-horizontal { grid-template-columns: 110px minmax(0,1fr); }
  .dh-card-horizontal .dh-card-media-link { min-height: 128px; }
  .dh-card-horizontal .dh-card-copy { padding: 12px; }
  .dh-card-horizontal h3 { font-size: 16px; }
  .dh-card-horizontal .dh-card-excerpt { display: none; }
  .dh-card-horizontal .dh-card-bookmark { grid-column: 2; margin: 0 10px 10px 0; }
  .dh-newsletter-card { grid-template-columns: 1fr; gap: 16px; margin: 32px auto; padding: 22px; }
  .dh-newsletter-card h2 { font-size: 26px; }
}
@media (max-width: 390px) {
  .dh-hero-active { min-height: 390px; }
  .dh-hero-active h2 { font-size: 28px; }
  .dh-hero-meta { gap: 6px 10px; }
  .dh-topic-item { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .dh-card-image { transition: none; } }
