/**
 * DHV Unified OS · Public Mode mobile-first trial
 * Theme 2.0.0-dev.13.14.4
 *
 * Isolated convergence layer. It intentionally overrides historical cascade
 * values without copying Core/CMS CSS. Remove this file to roll the visual trial
 * back while preserving the base theme.
 */
:root {
  --dhv-control-height:48px;
  --dhv-control-radius:11px;
  --dhv-layer-floating:900;
  --dhv-layer-affiliate:1000;
  --dhv-layer-header:1100;
  --dhv-layer-backdrop:1200;
  --dhv-layer-drawer:1210;
  --dhv-layer-modal:1300;
  --dhv-layer-toast:1400;
}

/* Shared public action geometry follows the current Core contract. */
.dhv-button,
.form-submit input[type='submit'],
.dhv-article-body .wp-block-button__link,
.dhv-search-form {
  min-height:var(--dhv-control-height)!important;
  border-radius:var(--dhv-control-radius)!important;
}

/* The compact system mark is a mobile Public-Mode identity anchor. */
.dhv-mobile-brand-mark{display:none}

/* Overlay stack: transient surfaces always win over floating utilities. */
.dhv-site-header{z-index:var(--dhv-layer-header)!important}
.dhv-mobile-menu-backdrop{z-index:var(--dhv-layer-backdrop)!important}
.dhv-mobile-panel{z-index:var(--dhv-layer-drawer)!important}
.dhv-search-overlay,.dhv-saved-drawer{z-index:var(--dhv-layer-modal)!important}
.dhv-toast{z-index:var(--dhv-layer-toast)!important}
.dhv-back-to-top,body.dhv-affiliate-visible .dhv-back-to-top{z-index:var(--dhv-layer-floating)!important}
#hv-aff-banner{z-index:var(--dhv-layer-affiliate)!important}
body.dhv-menu-open .dhv-back-to-top,
body.dhv-overlay-open .dhv-back-to-top,
body.dhv-major-overlay-open .dhv-back-to-top{display:none!important}
body.dhv-menu-open #hv-aff-banner,
body.dhv-overlay-open #hv-aff-banner,
body.dhv-major-overlay-open #hv-aff-banner{visibility:hidden!important;pointer-events:none!important}

/* Footer V2: stable public destinations, not a duplicate of Primary navigation. */
@media(min-width:821px){
  .dhv-footer-grid{grid-template-columns:minmax(260px,1.25fr) repeat(auto-fit,minmax(160px,1fr))!important;gap:clamp(30px,4vw,58px)!important;align-items:start!important}
  .dhv-footer-social{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:18px!important}
  .dhv-footer-social a{width:auto!important;min-height:44px!important;justify-content:flex-start!important;gap:9px!important;padding:6px 8px!important;border-radius:9px!important}
  .dhv-footer-social a svg{flex:0 0 20px;width:20px!important;height:20px!important}
  .dhv-footer-social-name{display:inline!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dhv-muted);font-size:12px;font-weight:620}
}

@media(max-width:820px){
  /* Phone shell priorities: Brand · Search · Avatar (member) · Menu. */
  .dhv-header-main{
    min-height:62px!important;
    display:grid!important;
    grid-template-columns:minmax(44px,1fr) auto!important;
    gap:8px!important;
    padding-block:4px!important;
  }
  .dhv-brand{display:flex!important;align-items:center!important;min-width:0!important}
  .dhv-mobile-brand-mark{display:inline-grid!important;place-items:center;width:44px;height:44px;border-radius:50%;flex:0 0 44px}
  .dhv-mobile-brand-mark img{display:block;width:38px!important;height:38px!important;object-fit:contain}
  .dhv-brand>.dhv-logo,.dhv-brand>.dhv-wordmark{display:none!important}
  .dhv-header-search{display:none!important}
  .dhv-header-actions{justify-self:end!important;display:flex!important;align-items:center!important;gap:2px!important}
  .dhv-header-actions .dhv-theme-cycle,
  .dhv-header-actions .dhv-saved-open{display:none!important}
  .dhv-mobile-search-toggle,.dhv-menu-toggle{display:grid!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:11px!important}
  .dhv-header-actions .dhv-account-open{display:none!important}
  body.logged-in .dhv-header-actions .dhv-account-open{display:grid!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important}
  .dhv-account-open img{width:32px!important;height:32px!important}

  /* The real backdrop is the only backdrop. Body keeps gestures usable. */
  body.dhv-menu-open{overflow:hidden!important;touch-action:auto!important}
  body.dhv-menu-open::before{content:none!important;display:none!important}
  .dhv-mobile-panel{overscroll-behavior:contain!important;touch-action:pan-y!important}
  .dhv-mobile-menu>li>a,.dhv-mobile-panel>.dhv-primary-list>li>a{min-height:48px!important}

  /* 13.14.2: the current one-column drawer must not inherit the old two-column card skin. */
  .dhv-mobile-menu>li>a,
  .dhv-mobile-panel>.dhv-primary-list>li>a{
    border-width:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .dhv-mobile-quick-actions .dhv-mobile-saved-action,
  .dhv-mobile-preferences button{min-height:48px!important;border-radius:11px!important}
  .dhv-mobile-utility-compact a{min-height:44px!important;padding:7px 2px!important}

  /* Full-screen search/saved surfaces use dynamic viewport units. */
  .dhv-search-overlay,.dhv-saved-drawer{min-height:100dvh!important;height:100dvh!important}
  .dhv-search-overlay-card{max-height:100dvh!important}
  .dhv-search-overlay-top button,.dhv-saved-panel>header button{min-width:48px!important;min-height:48px!important}
  .dhv-search-field{font-size:16px!important}

  /* Reader tools stay compact but every action is thumb-safe. */
  .dhv-reading-tools button{min-width:44px!important;min-height:44px!important}
  .dhv-reading-tools .dhv-tool-button{min-height:44px!important;padding:8px 11px!important}
  .dhv-reading-tools .dhv-tool-actions>[data-dhv-theme-cycle],
  .dhv-reading-tools [data-dhv-reading-width]{display:none!important}

  /* Footer and system utilities: visual size may stay quiet, hit area may not. */

  /* 13.14.1: tablet footer is an actual accordion up to the same 820px layout breakpoint. */
  .dhv-footer-heading{display:none!important}
  .dhv-footer-toggle{display:flex!important}
  .dhv-footer-toggle[aria-expanded='false']~.dhv-footer-content{display:none!important}
  .dhv-footer-toggle[aria-expanded='true']~.dhv-footer-content{display:block!important}
  .dhv-footer-content[hidden]{display:none!important}
  .dhv-saved-item button{min-width:44px!important;min-height:44px!important;padding:8px!important}
  .dhv-share-menu button{min-height:44px!important}
  .dhv-article-utility-button{min-height:44px!important;padding:8px 11px!important}
  .dhv-share-box-actions button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .dhv-footer-toggle{min-height:48px!important}
  .dhv-footer-menu a{display:flex!important;align-items:center!important;min-height:44px!important;padding-block:8px!important}
  .dhv-footer-social a{min-height:44px!important}
  .dhv-back-to-top,body.dhv-affiliate-visible .dhv-back-to-top{width:44px!important;height:44px!important;right:12px!important}
}

@media(max-width:360px){
  .dhv-shell{width:min(calc(100% - 24px),var(--dhv-shell))!important}
  .dhv-share-box{gap:4px!important}
  .dhv-share-compact-label{display:none!important}
  .dhv-share-box-actions{gap:4px!important}
  .dhv-header-main{gap:4px!important}
  .dhv-mobile-search-toggle,.dhv-menu-toggle,
  body.logged-in .dhv-header-actions .dhv-account-open{width:44px!important;height:44px!important}
  .dhv-mobile-panel{width:min(92vw,340px)!important;padding-left:16px!important;padding-right:16px!important}
}

@media(prefers-reduced-motion:reduce){
  .dhv-mobile-panel,.dhv-mobile-menu-backdrop,.dhv-search-overlay,.dhv-saved-drawer{transition:none!important}
}

/* ========================================================================
   13.14.3 · Footer identity convergence
   Footer closes the editorial journey; it does not repeat Primary/category nav.
   ======================================================================== */
.dhv-footer-grid-v3{
  grid-template-columns:minmax(320px,1.55fr) repeat(auto-fit,minmax(170px,1fr))!important;
  gap:clamp(34px,4.4vw,68px)!important;
  align-items:start!important;
  padding-block:34px 30px!important;
}
.dhv-footer-brand-row{align-items:flex-start!important;gap:12px!important;margin-bottom:0!important}
.dhv-footer-brand-copy{min-width:0}
.dhv-footer-site-name{
  display:inline-block;
  margin:0 0 4px;
  color:var(--dhv-ink);
  font-size:18px;
  line-height:1.2;
  font-weight:760;
  letter-spacing:-.025em;
}
.dhv-footer-statement{
  max-width:45ch!important;
  margin:0!important;
  color:var(--dhv-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:450!important;
  letter-spacing:0!important;
}
.dhv-footer-manifesto{
  margin:13px 0 0 50px!important;
  color:var(--dhv-ink)!important;
  font-size:11.5px!important;
  line-height:1.4!important;
  font-weight:680!important;
  letter-spacing:.015em!important;
}
.dhv-footer-grid-v3 .dhv-footer-heading{
  margin:2px 0 12px!important;
  color:var(--dhv-ink)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:760!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.dhv-footer-grid-v3 .dhv-footer-menu{gap:1px!important}
.dhv-footer-grid-v3 .dhv-footer-menu a{
  min-height:31px!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  font-weight:530!important;
}
.dhv-footer-grid-v3 .dhv-footer-trust-note{
  max-width:29ch;
  margin:11px 0 0!important;
  padding-top:11px!important;
  border-top:1px solid var(--dhv-soft-line)!important;
  color:var(--dhv-muted)!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.dhv-footer-grid-v3 .dhv-footer-social{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  gap:7px!important;
  margin:16px 0 0 50px!important;
}
.dhv-footer-grid-v3 .dhv-footer-social a{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:50%!important;
}
.dhv-footer-grid-v3 .dhv-footer-social a svg{width:17px!important;height:17px!important;flex:0 0 17px!important}
.dhv-footer-grid-v3 .dhv-footer-social-name{display:none!important}
.dhv-footer-bottom{min-height:46px!important;padding-block:0!important}

/* Home already ends with an Event callout. Avoid stacking main padding + footer margin. */
body.home .dhv-home-main{padding-bottom:28px!important}
body.home .dhv-site-footer{margin-top:0!important}

@media(max-width:820px){
  .dhv-footer-grid-v3{display:block!important;padding-block:26px 16px!important}
  .dhv-footer-grid-v3 .dhv-footer-brand{padding:0 0 20px!important}
  .dhv-footer-grid-v3 .dhv-footer-brand-row{gap:11px!important}
  .dhv-footer-site-name{font-size:17px!important}
  .dhv-footer-statement{max-width:34ch!important;font-size:12.5px!important;line-height:1.55!important}
  .dhv-footer-manifesto{margin:10px 0 0 46px!important;font-size:11px!important}
  .dhv-footer-grid-v3 .dhv-footer-social{
    margin:13px 0 0 46px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  .dhv-footer-grid-v3 .dhv-footer-social a{
    width:44px!important;height:44px!important;min-height:44px!important;flex-basis:44px!important;
  }
  .dhv-footer-grid-v3 .dhv-footer-section{
    margin:0!important;
    border:0!important;
    border-top:1px solid var(--dhv-line)!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .dhv-footer-grid-v3 .dhv-footer-toggle{
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    background:transparent!important;
    color:var(--dhv-ink)!important;
    text-align:left!important;
    cursor:pointer!important;
    font-size:13px!important;
    font-weight:720!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  .dhv-footer-grid-v3 .dhv-footer-toggle-icon{
    width:24px!important;height:24px!important;flex:0 0 24px!important;display:grid!important;place-items:center!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    color:var(--dhv-muted)!important;box-shadow:none!important;
  }
  .dhv-footer-grid-v3 .dhv-footer-content{padding:0 0 14px!important}
  .dhv-footer-grid-v3 .dhv-footer-menu li+li{border-top:1px solid var(--dhv-soft-line)!important}
  .dhv-footer-grid-v3 .dhv-footer-menu a{min-height:40px!important;font-size:12.5px!important;padding-block:7px!important}
  .dhv-footer-grid-v3 .dhv-footer-trust-note{max-width:42ch!important;margin-top:8px!important;padding-top:10px!important}
  body.home .dhv-home-main{padding-bottom:22px!important}
  body.home .dhv-site-footer{margin-top:0!important}
}

@media(max-width:360px){
  .dhv-footer-grid-v3 .dhv-footer-brand-row{gap:9px!important}
  .dhv-footer-grid-v3 .dhv-footer-brand-mark{width:32px!important;height:32px!important;flex-basis:32px!important}
  .dhv-footer-site-name{font-size:16.5px!important}
  .dhv-footer-manifesto{margin-left:41px!important}
  .dhv-footer-grid-v3 .dhv-footer-social{margin-left:41px!important;display:grid!important;grid-template-columns:repeat(3,44px)!important;gap:6px!important}
  .dhv-event-page-promo .dhv-button{width:100%!important;justify-content:center!important;white-space:nowrap!important;padding-inline:12px!important;font-size:13.5px!important}
  .dhv-footer-grid-v3 .dhv-footer-social a{width:44px!important;height:44px!important;min-height:44px!important;flex-basis:44px!important}
}

/* ========================================================================
   13.14.4 · Immediate mobile theme toggle + footer/menu + content rhythm
   ======================================================================== */

/* Mobile gets a dedicated binary theme action. Unlike the desktop 3-state
   cycle, every tap changes the rendered appearance immediately. */
.dhv-theme-toggle-mobile{display:none!important}
.dhv-theme-toggle-icon{display:grid;place-items:center;line-height:0}
.dhv-theme-toggle-icon--sun{display:none}
[data-dhv-theme-toggle][data-theme-active='dark'] .dhv-theme-toggle-icon--moon{display:none}
[data-dhv-theme-toggle][data-theme-active='dark'] .dhv-theme-toggle-icon--sun{display:grid}

/* Homepage rhythm: one visual system instead of stacked modules with doubled
   top/bottom whitespace. Keep a real separator, but halve the old 44/42 pace. */
body.home .dhv-home-main>.dhv-home-block{
  padding-top:22px!important;
  padding-bottom:20px!important;
}
body.home .dhv-home-main .dhv-block-header{margin-bottom:14px!important}
body.home .dhv-attention-zone{margin-top:10px!important}
body.home .dhv-event-page-promo{
  margin-top:12px!important;
  padding:24px 26px!important;
}
body.home .dhv-home-main{padding-bottom:14px!important}
body.home .dhv-site-footer{margin-top:0!important}

/* Footer V4: identity first, then three intentional menu groups. Official
   channels use the same information architecture as Information & Cooperation. */
.dhv-footer-grid-v3{
  grid-template-columns:minmax(280px,1.45fr) repeat(3,minmax(145px,.8fr))!important;
  gap:clamp(24px,3.4vw,48px)!important;
  padding-block:30px 24px!important;
}
.dhv-footer-channel-menu a{display:flex!important;align-items:center!important;gap:8px!important}
.dhv-footer-channel-menu a svg{width:16px!important;height:16px!important;flex:0 0 16px;color:var(--dhv-muted)}
.dhv-footer-channel-menu a span{min-width:0;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.35}

@media(min-width:821px) and (max-width:1099px){
  .dhv-footer-grid-v3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px 30px!important;
  }
  .dhv-footer-brand{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    max-width:590px;
    padding-bottom:2px;
  }
}

@media(max-width:820px){
  .dhv-theme-toggle-mobile{
    display:grid!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:11px!important;
  }
  .dhv-theme-toggle-mobile[data-theme-active='dark']{
    background:color-mix(in srgb,var(--dhv-red) 9%,var(--dhv-chip))!important;
    color:var(--dhv-red-strong)!important;
  }

  /* Put the labeled control before utility links so it cannot disappear below
     a long drawer. The switch is stateful; the whole 48px row is clickable. */
  .dhv-mobile-preferences{
    display:block!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:10px 0 0!important;
    border-top:1px solid var(--dhv-soft-line)!important;
  }
  .dhv-mobile-preferences .dhv-mobile-theme-toggle{
    width:100%!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:10px!important;
    padding:5px 8px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--dhv-ink)!important;
    text-align:left!important;
    cursor:pointer!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  .dhv-mobile-preferences .dhv-mobile-theme-toggle:hover,
  .dhv-mobile-preferences .dhv-mobile-theme-toggle:focus-visible{
    background:var(--dhv-chip)!important;
    outline:2px solid color-mix(in srgb,var(--dhv-red) 28%,transparent)!important;
    outline-offset:1px!important;
  }
  .dhv-mobile-theme-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--dhv-muted)}
  .dhv-mobile-theme-copy{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;font-size:12.5px;font-weight:650}
  .dhv-mobile-theme-copy strong{color:var(--dhv-muted);font-size:11.5px;font-weight:650}
  .dhv-theme-switch{
    width:40px;height:24px;display:block;position:relative;border-radius:999px;
    background:var(--dhv-line);transition:background .16s ease;
  }
  .dhv-theme-switch>span{
    position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;
    background:var(--dhv-bg);box-shadow:0 1px 3px rgba(0,0,0,.16);transition:transform .16s ease;
  }
  [data-dhv-theme-toggle][data-theme-active='dark'] .dhv-theme-switch{background:var(--dhv-red)!important}
  [data-dhv-theme-toggle][data-theme-active='dark'] .dhv-theme-switch>span{transform:translateX(16px)}

  /* Tighter page rhythm on touch layouts: enough breathing room for scanning,
     but no 60px void between neighboring editorial modules. */
  body.home .dhv-home-main>.dhv-home-block{
    padding-top:18px!important;
    padding-bottom:17px!important;
  }
  body.home .dhv-home-main .dhv-block-header{margin-bottom:11px!important}
  body.home .dhv-latest-grid{gap:18px!important}
  body.home .dhv-section-columns{gap:20px!important}
  body.home .dhv-attention-zone{margin-top:0!important}
  body.home .dhv-attention-column+.dhv-attention-column{padding-top:18px!important}
  body.home .dhv-attention-zone .dhv-story-list-item{padding-block:12px!important}
  body.home .dhv-event-page-promo{
    margin-top:8px!important;
    padding:19px!important;
  }
  body.home .dhv-home-main{padding-bottom:10px!important}

  /* One footer grammar on mobile: Brand, then three matching accordion rows. */
  .dhv-footer-grid-v3{display:block!important;padding-block:22px 12px!important}
  .dhv-footer-grid-v3 .dhv-footer-brand{padding:0 0 14px!important}
  .dhv-footer-grid-v3 .dhv-footer-section{border-top:1px solid var(--dhv-line)!important}
  .dhv-footer-grid-v3 .dhv-footer-toggle{min-height:48px!important}
  .dhv-footer-grid-v3 .dhv-footer-content{padding:0 0 12px!important}
  .dhv-footer-grid-v3 .dhv-footer-menu a{min-height:42px!important;padding-block:7px!important}
  .dhv-footer-channel-menu a svg{width:17px!important;height:17px!important;flex-basis:17px}
  .dhv-footer-bottom{min-height:42px!important}
}

@media(max-width:360px){
  .dhv-header-actions{gap:0!important}
  .dhv-theme-toggle-mobile,.dhv-mobile-search-toggle,.dhv-menu-toggle,
  body.logged-in .dhv-header-actions .dhv-account-open{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  body.home .dhv-home-main>.dhv-home-block{padding-top:16px!important;padding-bottom:16px!important}
  body.home .dhv-event-page-promo{padding:17px!important}
}

@media(prefers-reduced-motion:reduce){
  .dhv-theme-switch,.dhv-theme-switch>span{transition:none!important}
}

/* ========================================================================
   13.14.5 · Editorial surfaces: category hierarchy + article reading rhythm
   Performance intent: preserve LCP priority, reduce offscreen paint/network
   contention, avoid backdrop blur on sticky reader UI, and keep layout stable.
   ======================================================================== */

/* CATEGORY / ARCHIVE ----------------------------------------------------- */
.dhv-category-main{
  padding-bottom:24px!important;
}
.dhv-category-main .dhv-breadcrumbs{
  margin-top:16px!important;
  margin-bottom:0!important;
}
.dhv-category-main .dhv-category-hero-text{
  padding:20px 0 22px!important;
}
.dhv-category-main .dhv-category-copy{
  max-width:760px!important;
}
.dhv-category-main .dhv-category-copy h1{
  margin:5px 0 9px!important;
  font-size:clamp(38px,4.2vw,54px)!important;
  line-height:1.05!important;
  text-wrap:balance;
}
.dhv-category-main .dhv-category-description{
  max-width:64ch!important;
  margin-top:0!important;
  font-size:15.5px!important;
  line-height:1.62!important;
}
.dhv-category-main .dhv-category-description>p:first-child{margin-top:0!important}
.dhv-category-main .dhv-category-description>p:last-child{margin-bottom:0!important}
.dhv-category-main .dhv-count-label{
  margin-top:9px!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}
.dhv-category-main .dhv-archive-layout{
  padding-top:24px!important;
  gap:32px!important;
}
.dhv-category-main .dhv-archive-grid-main{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:26px 22px!important;
  overflow:visible!important;
}
.dhv-category-main .dhv-archive-grid-main>.dhv-card{
  min-width:0!important;
}
.dhv-category-main .dhv-archive-grid-main>.dhv-card.is-archive-lead{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.32fr) minmax(250px,.68fr)!important;
  align-items:center!important;
  gap:24px!important;
  padding:0 0 24px!important;
  border-bottom:1px solid var(--dhv-line)!important;
}
.dhv-category-main .dhv-card.is-archive-lead .dhv-card-media{
  width:100%!important;
  aspect-ratio:16 / 10!important;
  border-radius:10px!important;
}
.dhv-category-main .dhv-card.is-archive-lead .dhv-card-body{
  padding:0!important;
}
.dhv-category-main .dhv-card.is-archive-lead .dhv-card-title{
  margin:6px 0 10px!important;
  font-size:clamp(28px,3vw,38px)!important;
  line-height:1.12!important;
  text-wrap:pretty;
}
.dhv-category-main .dhv-card.is-archive-lead .dhv-card-excerpt{
  max-width:48ch!important;
  margin:0 0 12px!important;
  color:var(--dhv-muted)!important;
  font-size:14px!important;
  line-height:1.58!important;
}
.dhv-category-main .dhv-archive-grid-main>.dhv-card:not(.is-archive-lead) .dhv-card-media{
  border-radius:8px!important;
}
.dhv-category-main .dhv-archive-grid-main>.dhv-card:not(.is-archive-lead) .dhv-card-body{
  padding-top:10px!important;
}
.dhv-category-main .dhv-archive-grid-main>.dhv-card:not(.is-archive-lead) .dhv-card-title{
  margin:4px 0 7px!important;
  font-size:21px!important;
  line-height:1.2!important;
  text-wrap:pretty;
}
.dhv-category-main .dhv-card-media img{
  transition:none!important;
}
.dhv-category-main .dhv-card:hover .dhv-card-media img{
  transform:none!important;
}
.dhv-category-main .dhv-archive-aside{
  gap:14px!important;
}
.dhv-category-main .dhv-aside-box{
  padding:16px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.dhv-category-main .dhv-aside-box h2{
  margin-bottom:8px!important;
  font-size:14px!important;
}
.dhv-category-main .dhv-aside-story{
  grid-template-columns:68px minmax(0,1fr)!important;
  gap:9px!important;
  padding:9px 0!important;
}
.dhv-category-main .dhv-aside-story img,
.dhv-category-main .dhv-aside-story .dhv-image-fallback{
  width:68px!important;
  height:51px!important;
  min-height:51px!important;
  object-fit:cover!important;
  border-radius:5px!important;
}
.dhv-category-main .dhv-pagination{
  margin-top:30px!important;
}
.dhv-category-main .dhv-category-retention{
  margin-top:30px!important;
}

/* Delay style/layout/paint work for cards that cannot be part of the initial
   category viewport. Intrinsic size preserves scroll geometry until painted. */
@supports(content-visibility:auto){
  .dhv-category-main .dhv-archive-grid-main>.dhv-card:nth-child(n+7){
    content-visibility:auto;
    contain-intrinsic-size:auto 390px;
  }
}

/* ARTICLE --------------------------------------------------------------- */
.dhv-single-main{
  padding-bottom:18px!important;
}
.dhv-single-main .dhv-article-head{
  margin-bottom:24px!important;
}
.dhv-single-main .dhv-article-head .dhv-breadcrumbs{
  margin-bottom:16px!important;
}
.dhv-single-main .dhv-article-head h1,
.dhv-single-main .dhv-article-head h1.dhv-title-long,
.dhv-single-main .dhv-article-head h1.dhv-title-very-long{
  max-width:18ch!important;
  margin:8px 0 13px!important;
  font-size:clamp(42px,4.45vw,60px)!important;
  line-height:1.075!important;
  text-wrap:pretty!important;
}
.dhv-single-main .dhv-article-deck{
  max-width:66ch!important;
  margin-bottom:16px!important;
  font-size:18px!important;
  line-height:1.58!important;
}
.dhv-single-main .dhv-article-byline{
  margin-top:15px!important;
  padding-top:13px!important;
  gap:5px 7px!important;
  line-height:1.45!important;
}
.dhv-single-main .dhv-article-hero{
  margin-bottom:10px!important;
}
.dhv-single-main .dhv-article-hero img{
  border-radius:10px!important;
}
.dhv-single-main .dhv-article-hero figcaption{
  margin-top:6px!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* A sticky reader toolbar should scroll cheaply. Blur forces repeated backdrop
   compositing on many mobile GPUs; an opaque surface is visually cleaner too. */
.dhv-single-main .dhv-reading-tools{
  margin-top:10px!important;
  margin-bottom:18px!important;
  background:var(--dhv-bg)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 1px 0 var(--dhv-soft-line)!important;
}
.dhv-single-main .dhv-article-toc{
  margin-bottom:18px!important;
}
.dhv-single-main .dhv-article-body{
  line-height:1.74!important;
}
.dhv-single-main .dhv-article-body p{
  margin-bottom:1.28em!important;
}
.dhv-single-main .dhv-article-body h2{
  margin-top:1.9em!important;
  margin-bottom:.56em!important;
}
.dhv-single-main .dhv-article-body h3{
  margin-top:1.62em!important;
  margin-bottom:.48em!important;
}
.dhv-single-main .dhv-article-body h4{
  margin:1.45em 0 .45em!important;
  color:var(--dhv-ink)!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
.dhv-single-main .dhv-article-body figure,
.dhv-single-main .dhv-article-body .wp-block-image{
  margin-block:1.55em!important;
}
.dhv-single-main .dhv-article-body blockquote{
  margin-block:1.55em!important;
}
.dhv-single-main .dhv-article-response{
  margin-top:30px!important;
}
.dhv-single-main .dhv-article-footer{
  margin-top:34px!important;
}
.dhv-single-main .dhv-comments-wrap{
  margin-top:28px!important;
  padding-top:22px!important;
}
.dhv-single-main .dhv-post-recirculation{
  margin-top:38px!important;
}
.dhv-single-main .dhv-related{
  margin-top:0!important;
}
.dhv-single-main .dhv-related .dhv-block-header{
  margin-bottom:14px!important;
}
.dhv-single-main .dhv-related-grid{
  gap:18px!important;
}
.dhv-single-main .dhv-related-grid .dhv-card-media img{
  transition:none!important;
}
.dhv-single-main .dhv-related-grid .dhv-card:hover .dhv-card-media img{
  transform:none!important;
}
.dhv-single-main .dhv-retention-tabs{
  margin-top:28px!important;
}

@media(min-width:821px) and (max-width:1099px){
  .dhv-category-main .dhv-archive-layout{
    grid-template-columns:minmax(0,1fr) 230px!important;
    gap:26px!important;
  }
  .dhv-category-main .dhv-archive-grid-main>.dhv-card.is-archive-lead{
    grid-template-columns:minmax(0,1.18fr) minmax(230px,.82fr)!important;
    gap:20px!important;
  }
}

@media(max-width:820px){
  .dhv-category-main{
    padding-bottom:14px!important;
  }
  .dhv-category-main .dhv-breadcrumbs{
    margin-top:10px!important;
  }
  .dhv-category-main .dhv-category-hero-text{
    padding:14px 0 18px!important;
  }
  .dhv-category-main .dhv-category-copy h1{
    font-size:clamp(34px,9vw,43px)!important;
    line-height:1.075!important;
  }
  .dhv-category-main .dhv-category-description{
    font-size:14.5px!important;
    line-height:1.58!important;
  }
  .dhv-category-main .dhv-archive-layout{
    padding-top:18px!important;
    gap:22px!important;
  }
  .dhv-category-main .dhv-archive-grid-main{
    gap:22px 16px!important;
  }
  .dhv-category-main .dhv-archive-grid-main>.dhv-card.is-archive-lead{
    grid-template-columns:minmax(0,1.22fr) minmax(220px,.78fr)!important;
    gap:18px!important;
    padding-bottom:20px!important;
  }
  .dhv-category-main .dhv-card.is-archive-lead .dhv-card-title{
    font-size:clamp(25px,4.5vw,32px)!important;
  }
  .dhv-category-main .dhv-card.is-archive-lead .dhv-card-excerpt{
    font-size:13.5px!important;
  }

  .dhv-single-main .dhv-article-head{
    margin-bottom:18px!important;
  }
  .dhv-single-main .dhv-article-head .dhv-breadcrumbs{
    margin-bottom:12px!important;
  }
  .dhv-single-main .dhv-article-head h1,
  .dhv-single-main .dhv-article-head h1.dhv-title-long,
  .dhv-single-main .dhv-article-head h1.dhv-title-very-long{
    max-width:19ch!important;
    font-size:clamp(36px,7.4vw,48px)!important;
    line-height:1.08!important;
  }
  .dhv-single-main .dhv-article-deck{
    font-size:16.5px!important;
    line-height:1.58!important;
  }
  .dhv-single-main .dhv-reading-tools{
    margin-bottom:14px!important;
  }
  .dhv-single-main .dhv-article-body{
    line-height:1.72!important;
  }
  .dhv-single-main .dhv-article-body h2{
    margin-top:1.78em!important;
  }
  .dhv-single-main .dhv-article-footer{
    margin-top:30px!important;
  }
  .dhv-single-main .dhv-post-recirculation{
    margin-top:30px!important;
  }
}

@media(max-width:560px){
  .dhv-category-main .dhv-category-hero-text{
    padding:12px 0 16px!important;
  }
  .dhv-category-main .dhv-category-copy h1{
    margin-bottom:8px!important;
    font-size:clamp(32px,10.2vw,40px)!important;
  }
  .dhv-category-main .dhv-count-label{
    margin-top:7px!important;
  }
  .dhv-category-main .dhv-archive-layout{
    padding-top:16px!important;
  }
  .dhv-category-main .dhv-archive-grid-main{
    display:block!important;
  }
  .dhv-category-main .dhv-archive-grid-main>.dhv-card,
  .dhv-category-main .dhv-archive-grid-main>.dhv-card.is-archive-lead{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 0 18px!important;
    border-bottom:1px solid var(--dhv-soft-line)!important;
  }
  .dhv-category-main .dhv-archive-grid-main>.dhv-card+.dhv-card{
    padding-top:18px!important;
  }
  .dhv-category-main .dhv-archive-grid-main>.dhv-card:last-child{
    border-bottom:0!important;
  }
  .dhv-category-main .dhv-card.is-archive-lead .dhv-card-media,
  .dhv-category-main .dhv-archive-grid-main>.dhv-card:not(.is-archive-lead) .dhv-card-media{
    width:100%!important;
    aspect-ratio:16 / 10!important;
    border-radius:8px!important;
  }
  .dhv-category-main .dhv-card.is-archive-lead .dhv-card-body,
  .dhv-category-main .dhv-archive-grid-main>.dhv-card:not(.is-archive-lead) .dhv-card-body{
    padding-top:10px!important;
  }
  .dhv-category-main .dhv-card.is-archive-lead .dhv-card-title{
    margin:4px 0 8px!important;
    font-size:24px!important;
    line-height:1.17!important;
  }
  .dhv-category-main .dhv-card.is-archive-lead .dhv-card-excerpt{
    margin-bottom:9px!important;
    font-size:13.5px!important;
    line-height:1.52!important;
  }
  .dhv-category-main .dhv-archive-grid-main>.dhv-card:not(.is-archive-lead) .dhv-card-title{
    font-size:20.5px!important;
    line-height:1.19!important;
  }
  .dhv-category-main .dhv-pagination,
  .dhv-category-main .dhv-category-retention{
    margin-top:22px!important;
  }

  .dhv-single-main .dhv-article-head{
    margin-bottom:15px!important;
  }
  .dhv-single-main .dhv-article-head h1,
  .dhv-single-main .dhv-article-head h1.dhv-title-long,
  .dhv-single-main .dhv-article-head h1.dhv-title-very-long{
    max-width:none!important;
    margin:7px 0 11px!important;
    font-size:clamp(32px,9.3vw,39px)!important;
    line-height:1.095!important;
  }
  .dhv-single-main .dhv-article-deck{
    margin-bottom:13px!important;
    font-size:16px!important;
    line-height:1.56!important;
  }
  .dhv-single-main .dhv-article-byline{
    margin-top:12px!important;
    padding-top:11px!important;
    gap:4px 6px!important;
    font-size:10.5px!important;
  }
  .dhv-single-main .dhv-article-hero{
    margin-bottom:8px!important;
  }
  .dhv-single-main .dhv-article-hero img{
    border-radius:8px!important;
  }
  .dhv-single-main .dhv-reading-tools{
    min-height:42px!important;
    margin-top:7px!important;
    margin-bottom:12px!important;
    padding-block:4px!important;
  }
  .dhv-single-main .dhv-article-toc{
    margin-bottom:14px!important;
  }
  .dhv-single-main .dhv-article-body{
    font-size:17.25px!important;
    line-height:1.7!important;
  }
  .dhv-single-main .dhv-article-body p{
    margin-bottom:1.2em!important;
  }
  .dhv-single-main .dhv-article-body h2{
    margin-top:1.65em!important;
    margin-bottom:.5em!important;
    font-size:clamp(25px,7vw,29px)!important;
  }
  .dhv-single-main .dhv-article-body h3{
    margin-top:1.5em!important;
  }
  .dhv-single-main .dhv-article-body figure,
  .dhv-single-main .dhv-article-body .wp-block-image,
  .dhv-single-main .dhv-article-body blockquote{
    margin-block:1.35em!important;
  }
  .dhv-single-main .dhv-article-response{
    margin-top:25px!important;
  }
  .dhv-single-main .dhv-article-footer{
    margin-top:26px!important;
  }
  .dhv-single-main .dhv-comments-wrap{
    margin-top:24px!important;
    padding-top:19px!important;
  }
  .dhv-single-main .dhv-post-recirculation{
    margin-top:26px!important;
  }
  .dhv-single-main .dhv-related-grid{
    gap:0!important;
  }
  .dhv-single-main .dhv-related-grid>.dhv-card{
    padding:15px 0!important;
    border-bottom:1px solid var(--dhv-soft-line)!important;
  }
  .dhv-single-main .dhv-related-grid>.dhv-card:first-child{
    padding-top:0!important;
  }
  .dhv-single-main .dhv-retention-tabs{
    margin-top:22px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .dhv-category-main .dhv-card-media img,
  .dhv-single-main .dhv-related-grid .dhv-card-media img{
    transition:none!important;
  }
}
