/* Diet Health Living (child of Magazine), measured from diethealthliving.com (Foxiz 2.4 "Healthcare") */
:root {
  --accent: #4792aa;
  --join: #187aab;
  --foot: #10232c;
  --bg: #fff;
  --ink: #222;
  --nav: #282828;
  --meta: #666;
  --line: rgba(136,136,136,.15);
  --soft: rgba(136,136,136,.07);
  --tint: rgba(24,122,171,.027);
  --pop: #fff;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --serif: "Merriweather", Georgia, serif;
  --reading: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
html.dhl-dark { --bg: #0c191f; --ink: #fff; --nav: #fff; --meta: #bbb; --pop: #191c20; --tint: rgba(255,255,255,.03); color-scheme: dark; }
html.dhl-lock { overflow: hidden; }
body { background: var(--bg); color: var(--ink); font: 400 16px/1.7 var(--sans); }
.site-main { padding: 0 0 60px; }
.k-home .site-main { padding-bottom: 0; }
.k-home .site-main > :last-child:not(.dhl-row-stories) { margin-bottom: 60px; }
.dhl-wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.dhl-serif { font-family: var(--serif) !important; font-weight: 900 !important; }

/* ---------- Header ---------- */
.dhl-head { position: relative; z-index: 50; background: var(--bg); }
.dhl-logo-row { display: flex; align-items: center; justify-content: space-between; height: 90px; }
.dhl-logo img { width: auto; height: 60px; }
.dhl-logo .logo-text, .dhl-mlogo .logo-text { font: 800 28px/1 var(--sans); color: var(--ink); }
.dhl-dlogo { display: none; }
html.dhl-dark .dhl-logo img, html.dhl-dark .dhl-mlogo img { filter: brightness(0) invert(1); }
html.dhl-dark .has-dlogo img { display: none; }
html.dhl-dark .has-dlogo img.dhl-dlogo { display: block; filter: none; }
.dhl-head-r { display: flex; align-items: center; gap: 15px; }
.dhl-hsocial { display: flex; align-items: center; color: var(--nav); }
.dhl-hsocial a { display: inline-flex; padding: 5px; }
.dhl-hsocial a svg { width: 16px; height: 16px; }
.dhl-hsocial a:first-child svg { width: 14px; height: 14px; }
.dhl-hsocial a:hover { color: var(--accent); }
.dhl-hsearch { position: relative; display: flex; align-items: center; width: 320px; height: 42px; background: var(--soft); border: 1px solid var(--line); }
.dhl-hs-ic { display: inline-flex; padding: 0 10px 0 12px; color: var(--nav); opacity: .9; }
.dhl-hsearch input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; padding: 0; font: 400 13px var(--sans); color: var(--ink); outline: 0; }
.dhl-hsearch input::placeholder { color: var(--nav); opacity: .85; }
.dhl-hsearch input::-webkit-search-cancel-button { display: none; }
.dhl-hsearch button { width: 46px; height: 40px; border: 0; background: none; color: var(--nav); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.dhl-navhold { height: 38px; }
.dhl-navbar { height: 38px; background: var(--bg); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
html.dhl-stuck .dhl-navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 60; border-top: 0; box-shadow: 0 4px 30px rgba(0,0,0,.07); animation: dhl-drop .25s ease-out; }
@keyframes dhl-drop { from { transform: translateY(-100%); } to { transform: none; } }
.dhl-nav-in { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.dhl-menu > ul { display: flex; height: 36px; }
.dhl-menu > ul > li { position: relative; }
.dhl-menu > ul > li > a { display: flex; align-items: center; height: 36px; padding: 0 20px; border-left: 1px solid var(--line); font: 700 11px/16.5px var(--sans); letter-spacing: -.02em; text-transform: uppercase; color: var(--nav); }
.dhl-menu > ul > li:last-child > a { border-right: 1px solid var(--line); }
.dhl-menu > ul > li > a span { border-bottom: 2px solid transparent; padding: 2px 0 1px; transition: border-color .2s; }
.dhl-menu > ul > li > a:hover span, .dhl-menu > ul > li.on > a span { border-bottom-color: var(--accent); }
.dhl-sub { position: absolute; left: 0; top: 100%; min-width: 200px; background: var(--pop); box-shadow: 0 4px 30px rgba(0,0,0,.12); padding: 10px 0; opacity: 0; visibility: hidden; transition: opacity .2s; }
.dhl-menu li:hover > .dhl-sub { opacity: 1; visibility: visible; }
.dhl-sub a { display: block; padding: 6px 20px; font: 500 11px/1.5 var(--sans); color: var(--nav); }
.dhl-tools { display: flex; align-items: center; gap: 12px; color: var(--nav); }
.dhl-vsep { width: 1px; height: 18px; background: rgba(40,40,40,.125); }
html.dhl-dark .dhl-vsep { background: rgba(255,255,255,.15); }
.dhl-notif { position: relative; }
.dhl-bell { position: relative; display: inline-flex; background: none; border: 0; padding: 0; color: var(--nav); cursor: pointer; }
.dhl-badge { position: absolute; top: -8px; right: -9px; min-width: 18px; height: 18px; border-radius: 50%; background: var(--accent); color: #fff; font: 500 11px/18px var(--sans); text-align: center; }
.dhl-notif.seen .dhl-badge { display: none; }
.dhl-notif-box { position: absolute; right: -60px; top: calc(100% + 14px); width: 400px; background: var(--pop); box-shadow: 0 4px 30px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s, transform .2s, visibility .2s; z-index: 70; }
.dhl-notif.open .dhl-notif-box { opacity: 1; visibility: visible; transform: none; }
.dhl-notif-h { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; border-bottom: 1px solid var(--line); }
.dhl-notif-h b { font: 700 16px/24px var(--sans); }
.dhl-notif-h a { font: 400 11px var(--sans); color: var(--meta); }
.dhl-notif-i { display: grid; grid-template-columns: 1fr 90px; gap: 15px; padding: 15px 20px; border-bottom: 1px solid var(--line); }
.dhl-notif-i .dhl-img { aspect-ratio: 1; }
.dhl-notif-i .dhl-t { font: 700 14px/1.45 var(--sans); margin: 6px 0 4px; }
.dhl-dtog { position: relative; width: 40px; height: 14px; border: 0; padding: 0; border-radius: 22px; background: rgba(136,136,136,.15); cursor: pointer; }
.dhl-knob { position: absolute; left: -2px; top: 50%; width: 24px; height: 24px; margin-top: -12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.12); color: #282828; display: flex; align-items: center; justify-content: center; transition: left .25s; }
.dhl-knob svg + svg { display: none; }
html.dhl-dark .dhl-knob { left: 18px; background: #191c20; color: #fff; }
html.dhl-dark .dhl-knob svg { display: none; }
html.dhl-dark .dhl-knob svg + svg { display: block; }

/* Mobile header */
.dhl-mhead { display: none; }
@media (max-width: 1024px) {
  .dhl-head { position: sticky; top: 0; box-shadow: 0 4px 30px rgba(0,0,0,.07); }
  .dhl-dhead { display: none; }
  .dhl-mhead { display: block; }
  .dhl-mbar { display: flex; align-items: center; height: 42px; padding: 0 20px; }
  .dhl-burger { display: flex; flex-direction: column; gap: 5px; width: 34px; padding: 0 10px 0 0; background: none; border: 0; cursor: pointer; }
  .dhl-burger span { display: block; height: 2px; border-radius: 2px; background: var(--nav); transition: transform .2s, opacity .2s, width .2s; }
  .dhl-burger span:nth-child(1) { width: 24px; }
  .dhl-burger span:nth-child(2) { width: 16px; }
  .dhl-burger span:nth-child(3) { width: 10px; }
  .dhl-burger.is-open span:nth-child(1) { width: 22px; transform: translateY(7px) rotate(45deg); }
  .dhl-burger.is-open span:nth-child(2) { opacity: 0; }
  .dhl-burger.is-open span:nth-child(3) { width: 22px; transform: translateY(-7px) rotate(-45deg); }
  .dhl-mlogo img { width: auto; height: 42px; }
  .dhl-mtools { margin-left: auto; display: flex; align-items: center; gap: 12px; }
  .dhl-msearch { display: inline-flex; background: none; border: 0; padding: 0; color: var(--nav); cursor: pointer; }
  .dhl-msearch svg { width: 20px; height: 20px; }
  .dhl-qview { height: 43px; border-top: 1px solid rgba(40,40,40,.125); overflow-x: auto; scrollbar-width: none; }
  .dhl-qview::-webkit-scrollbar { display: none; }
  .dhl-qview ul { display: flex; height: 100%; white-space: nowrap; }
  .dhl-qview a { display: flex; align-items: center; height: 100%; padding: 0 15px; font: 500 13px var(--sans); letter-spacing: -.02em; color: var(--nav); }
  .dhl-qview a.on { color: var(--accent); }
  .dhl-mcollapse { position: absolute; left: 0; right: 0; top: 100%; height: calc(100vh - 85px); height: calc(100dvh - 85px); overflow-y: auto; background: var(--bg); padding: 15px 20px 300px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s, transform .2s, visibility .2s; }
  .dhl-mcollapse.open { opacity: 1; visibility: visible; transform: none; }
  .dhl-msf { width: 100%; height: 36px; background: none; }
  .dhl-mmenu { padding: 15px 0 20px; }
  .dhl-mmenu a { display: block; padding: 10px 0; font: 400 12px/17px var(--sans); color: var(--nav); }
  .dhl-mmenu ul a { padding-left: 15px; }
  .dhl-mfollow { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; background: linear-gradient(90deg, var(--line) 50%, transparent 0) top left / 6px 2px repeat-x; }
  .dhl-mfollow b { font: 700 13px var(--sans); }
  .dhl-mfollow .dhl-hsocial a { padding: 0 12px; }
}

/* ---------- Common pieces ---------- */
.dhl-t { font-family: var(--sans); font-weight: 700; color: var(--ink); letter-spacing: 0; }
.dhl-t a { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .2s cubic-bezier(.32,.74,.57,1); }
.dhl-t a:hover { background-size: 100% 1px; }
.dhl-img { position: relative; display: block; overflow: hidden; background: var(--soft); }
.dhl-img img { width: 100%; height: 100%; object-fit: cover; }
.dhl-img .ph { width: 100%; height: 100%; background: var(--soft); }
.dhl-media { position: relative; }
.dhl-media .dhl-cat { position: absolute; left: 0; bottom: 0; }
.dhl-cat { display: inline-block; padding: 3px 7px; background: var(--accent); color: #fff; font: 600 10px/10px var(--sans); letter-spacing: .07em; text-transform: uppercase; }
.dhl-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 400 11px/18.7px var(--sans); color: var(--meta); }
.dhl-meta time { display: inline-flex; align-items: center; gap: 4px; }
.dhl-meta svg { flex-shrink: 0; }
.dhl-by b { font-weight: 600; color: var(--nav); }
.dhl-ex { font: 400 13px/22.1px var(--sans); color: var(--ink); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.dhl-band { background: var(--tint); }

/* Heading layout 3: bold title with a 5px coloured rule */
.dhl-h { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; margin-bottom: 20px; border-bottom: 1px solid var(--line); --hc: var(--ink); }
.dhl-h h2 { font: 700 16px/1.4 var(--sans); color: var(--ink); }
.dhl-h h2 span { display: inline-block; padding-bottom: 10px; margin-bottom: -1px; border-bottom: 5px solid var(--hc); }
.dhl-viewall { display: inline-flex; align-items: center; gap: 5px; padding-bottom: 12px; font: 400 13px/1 var(--sans); color: var(--ink); white-space: nowrap; }
.dhl-viewall svg { width: 13px; height: 13px; }
.dhl-viewall:hover { color: var(--accent); }
.dhl-h[data-sec="food"] { --hc: #fc3a3a; }
.dhl-h[data-sec="health"] { --hc: #2136d3; }
.dhl-h[data-sec="fitness"] { --hc: #6122e8; }
.dhl-h[data-sec="life"] { --hc: #3b82f6; }
.dhl-h-rel { --hc: var(--accent); }
.dhl-h10 { font: 700 15px/1.4 var(--sans); margin-bottom: 20px; }

/* ---------- Home rows ---------- */
.dhl-row { margin-top: 30px; }
.dhl-row-in { display: grid; grid-template-columns: minmax(0, 1fr) 320px; padding: 0; }
.dhl-row.no-side .dhl-row-in { grid-template-columns: minmax(0, 1fr); }
.dhl-rmain, .dhl-rside { padding: 0 20px; min-width: 0; }
.dhl-rmain > .dhl-blk + .dhl-blk, .dhl-rside > .dhl-blk + .dhl-blk, .dhl-rside > * + * { margin-top: 20px; }
.dhl-row-hero { margin-top: 20px; }
.dhl-row-hero .dhl-rside { border-left: 1px solid rgba(136,136,136,.133); }
.dhl-row-pair .dhl-row-in { grid-template-columns: 1fr 1fr; }
.dhl-row-pair .dhl-rside { border-left: 1px solid var(--line); }
.dhl-row-stories { background: var(--tint); padding: 30px 0; }
.dhl-row-stories .dhl-row-in { grid-template-columns: minmax(0, 1fr) 320px; }

/* Big story (list-2) */
.dhl-big { display: grid; grid-template-columns: minmax(0, 1fr) 394px; gap: 30px; align-items: start; }
.dhl-big .dhl-img { aspect-ratio: 5 / 4; }
.dhl-big > .dhl-media .dhl-cat { display: none; }
.dhl-big-text .dhl-cat { margin-bottom: 12px; }
.dhl-big-text .dhl-t { font-size: 36px; line-height: 45px; letter-spacing: -.5px; }
.dhl-big-text .dhl-ex { font-size: 15px; line-height: 25.5px; margin-top: 15px; }
.dhl-big-text .dhl-meta { margin-top: 12px; }
.dhl-big-s { grid-template-columns: 250px minmax(0, 1fr); gap: 20px; margin-bottom: 20px; }
.dhl-big-s .dhl-t { font-size: 22px; line-height: 30px; }
.dhl-big-s .dhl-ex { font-size: 13px; line-height: 22.1px; margin-top: 8px; }

/* Grid small 1 */
.dhl-gridsmall { margin-top: 20px; }
.dhl-gs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 -15px; }
.dhl-gs .dhl-gcard { padding: 0 15px; }
.dhl-gs .dhl-gcard + .dhl-gcard { border-left: 1px solid var(--line); }
.dhl-gcard .dhl-img { aspect-ratio: 5 / 4; }
.dhl-gcard .dhl-t { font-size: 16px; line-height: 23.2px; margin: 10px 0 12px; }
.dhl-gcard .dhl-ex { -webkit-line-clamp: 3; margin: -4px 0 10px; }

/* Text list (list-small-1) */
.dhl-tl-i { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--line); }
.dhl-tl-i:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.dhl-tl-i .dhl-t { font-size: 14px; line-height: 21px; }
.dhl-tl-i .dhl-t i { display: inline-block; margin-right: 4px; vertical-align: -1px; }
.dhl-tl-i .dhl-ex { margin-top: 8px; }

/* Ad band */
.dhl-adband { margin-top: 30px; padding: 20px; text-align: center; }
.dhl-adlabel { font: 400 11px/1.5 var(--sans); color: var(--meta); margin-bottom: 8px; }
.dhl-ad, .dhl-side-ad { line-height: 0; display: flex; justify-content: center; }
.dhl-ad img, .dhl-ad iframe, .dhl-side-ad img, .dhl-side-ad iframe { max-width: 100%; height: auto; }

/* Feature row */
.dhl-feature { display: grid; grid-template-columns: 320px minmax(0, 1fr) 320px; margin-top: 30px; padding: 0; }
.dhl-feature > div { padding: 0 20px; min-width: 0; }
.dhl-ov { position: relative; aspect-ratio: 280 / 448; overflow: hidden; }
.dhl-ov .dhl-img { position: absolute; inset: 0; }
.dhl-ov .dhl-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(24,110,150,.35), rgba(8,40,58,.72)); }
.dhl-ov-cap { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 20px; pointer-events: none; }
.dhl-ov-cap a { pointer-events: auto; }
.dhl-ov-cat { font: 600 10px/1 var(--sans); letter-spacing: .07em; text-transform: uppercase; color: #fff; margin-bottom: 12px; }
.dhl-ov .dhl-t { font-size: 30px; line-height: 37.5px; color: #fff; }
.dhl-ov .dhl-meta { margin-top: 12px; color: #fff; }
.dhl-ov .dhl-by b { color: #fff; }
.dhl-lrow { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--line); }
.dhl-lrow .dhl-img { aspect-ratio: 4 / 3; }
.dhl-lrow .dhl-t { font-size: 20px; line-height: 26px; }
.dhl-lrow .dhl-ex { margin: 8px 0; }
.dhl-srows2 { display: grid; grid-template-columns: 1fr 1fr; margin: 20px -10px 0; }
.dhl-lrow + .dhl-srows2 { margin-top: 5px; }
.dhl-srows2 > .dhl-srow { padding: 0 10px; }
.dhl-srows2 > .dhl-srow:nth-child(2n) { border-left: 1px solid var(--line); }
.dhl-srows2 > .dhl-srow:nth-child(n+3) { margin-top: 20px; }
.dhl-srow { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 15px; align-items: start; }
.dhl-srow .dhl-img { aspect-ratio: 4 / 3; }
.dhl-srow .dhl-t { font-size: 15px; line-height: 22.5px; margin-bottom: 6px; }
.dhl-box { background: var(--tint); padding-bottom: 30px; }
.dhl-box .dhl-img { aspect-ratio: 280 / 196; }
.dhl-box .dhl-media .dhl-cat { left: 30px; }
.dhl-box-body { padding: 15px 30px 0; }
.dhl-box .dhl-t { font-size: 20px; line-height: 26px; }
.dhl-box .dhl-ex { -webkit-line-clamp: 4; margin: 10px 0; }

/* Newsletter row */
.dhl-nl { margin-top: 20px; padding: 20px 0; }
.dhl-nl-in { display: grid; grid-template-columns: minmax(0, 1fr) 583px; gap: 33px; align-items: center; max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.dhl-nl-text { justify-self: end; max-width: 286px; }
.dhl-nl-text h3 { font: 700 24px/31.2px var(--sans); }
.dhl-nl-text p { font: 400 12px/20.4px var(--sans); margin-top: 8px; }
.dhl-nl-row { display: flex; gap: 6px; align-items: center; }
.dhl-nl-row input { flex: 1; min-width: 0; height: 46px; padding: 12px 20px; border: 0; border-radius: 3px; background: rgba(136,136,136,.15); font: 400 13px var(--sans); color: var(--ink); outline: 0; }
.dhl-nl-row button { height: 40px; padding: 0 40px; border: 0; border-radius: 3px; background: #a6e1ff; color: #222; font: 700 13px var(--sans); cursor: pointer; white-space: nowrap; }
.dhl-consent { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; font: 400 12.8px/1.5 var(--sans); color: var(--meta); cursor: pointer; }
.dhl-consent a { text-decoration: underline; text-underline-offset: 2px; }
.dhl-msg { margin-top: 8px; font: 600 13px var(--sans); color: #2e8b57; }
.dhl-msg.err { color: #d33; }

/* Section blocks */
.dhl-cg { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 20px; }
.dhl-cg-lead .dhl-img { aspect-ratio: 3 / 2; }
.dhl-cg-lead .dhl-t { font-size: 20px; line-height: 26px; }
.dhl-cg-rows { display: grid; gap: 20px; align-content: start; }

/* Promo banner */
.dhl-banner-wrap { margin-top: 30px; }
.dhl-banner { background: #7fb0ba center / cover no-repeat; padding: 50px; min-height: 281px; display: flex; align-items: center; }
.dhl-banner-in { max-width: 570px; color: #fff; }
.dhl-banner h3 { font-size: 32px; line-height: 41.6px; color: #fff; }
.dhl-banner p { font: 400 18px/27px var(--sans); margin-top: 8px; }
.dhl-yellow { display: inline-block; margin-top: 20px; padding: 15px 30px; border-radius: 4px; background: #ffeb21; color: #222; font: 700 16px/16px var(--sans); transition: filter .2s; }
.dhl-yellow:hover { filter: brightness(.95); }

/* More stories */
.dhl-st { display: grid; grid-template-columns: 1fr 1fr; margin: 0 -30px; }
.dhl-st-i { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 20px; padding: 0 30px 20px; margin-bottom: 20px; position: relative; align-items: start; }
.dhl-st-i::after { content: ""; position: absolute; left: 30px; right: 30px; bottom: 0; border-bottom: 1px solid var(--line); }
.dhl-st-i:nth-child(2n) { border-left: 1px solid var(--line); }
.dhl-st-i .dhl-img { aspect-ratio: 5 / 4; }
.dhl-st-i .dhl-t { font-size: 16px; line-height: 23.2px; }
.dhl-st-i .dhl-ex { -webkit-line-clamp: 3; margin: 12px 0 10px; }
.dhl-more-wrap { display: flex; justify-content: center; margin-top: 10px; }
.dhl-more { display: inline-flex; align-items: center; height: 34px; padding: 0 40px; background: rgba(136,136,136,.07); font: 700 10px/1 var(--sans); color: var(--ink); }
.dhl-more:hover { background: var(--accent); color: #fff; }
.dhl-rec .dhl-srow + .dhl-srow { margin-top: 20px; }

/* ---------- Footer ---------- */
.dhl-foot { position: relative; margin-top: 0; background: var(--foot); color: #fff; padding: 30px 0 20px; }
.dhl-foot::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: radial-gradient(circle at 5px -1.2px, var(--bg) 4px, transparent 4.6px) 0 0 / 10px 5px repeat-x; }
.dhl-foot-grid { display: grid; grid-template-columns: 320px 384px minmax(0, 1fr); padding: 0; }
.dhl-fcol { padding: 20px; }
.dhl-fmenus { display: grid; grid-template-columns: 1fr 1fr; }
.dhl-flogo { display: inline-block; }
.dhl-flogo img { width: 249px; height: auto; }
.dhl-flogo-f img { filter: brightness(0) invert(1); }
.dhl-fsocial { display: flex; gap: 12px; margin-top: 20px; }
.dhl-fsocial a { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.067); color: #fff; display: inline-flex; align-items: center; justify-content: center; transition: background .2s; }
.dhl-fsocial a svg { width: 14px; height: 14px; }
.dhl-fsocial a:hover { background: var(--accent); }
.dhl-fcol h5 { font: 700 15px/1.4 var(--sans); margin: 0 0 20px; }
.dhl-fcol ul a { display: block; padding: 5px 0; font: 500 12px/20.4px var(--sans); color: #fff; }
.dhl-fcol ul a:hover { color: var(--accent); }
.dhl-fm2 { border-right: 1px solid rgba(255,255,255,.2); }
.dhl-fnews { padding-left: 40px; }
.dhl-fn-head { display: flex; gap: 15px; }
.dhl-fn-ic { flex-shrink: 0; padding-top: 4px; }
.dhl-fn-head h5 { font-size: 16px; margin: 0 0 4px; }
.dhl-fn-head p { font: 400 13px/22.1px var(--sans); }
.dhl-fform { margin-top: 20px; max-width: 356px; }
.dhl-fform input[type=email] { display: block; width: 100%; height: 46px; padding: 0 20px; border: 0; background: rgba(136,136,136,.25); color: #fff; font: 400 13px var(--sans); outline: 0; }
.dhl-fform input[type=email]::placeholder { color: #eee; }
.dhl-fform button { display: block; height: 40px; padding: 0 40px; margin-top: 0; border: 0; background: var(--accent); color: #fff; font: 700 13px var(--sans); cursor: pointer; }
.dhl-fform button:hover { filter: brightness(1.1); }
.dhl-fform .dhl-consent { justify-content: flex-start; color: #bbb; white-space: nowrap; }
.dhl-fbottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.2); max-width: 1240px; padding-left: 0; padding-right: 0; }
.dhl-join { display: inline-block; padding: 12px 24px; border-radius: 3px; background: var(--join); color: #fff; font: 600 13px/13px var(--sans); }
.dhl-join:hover { filter: brightness(1.1); }
.dhl-fbottom p { font: 400 13px/1.5 var(--sans); color: #eee; }
.dhl-backtop { position: fixed; right: 20px; bottom: 20px; z-index: 40; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #191c20; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,.15); opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
.dhl-backtop.show { opacity: 1; visibility: visible; }

/* ---------- Archives ---------- */
.dhl-arch-head { position: relative; padding: 40px 0; }
.dhl-arch-head::before { content: ""; position: absolute; inset: 0; background: radial-gradient(var(--ink) 1px, transparent 1px) 0 0 / 20px 20px; opacity: .15; pointer-events: none; }
.dhl-arch-head .dhl-wrap { position: relative; }
.dhl-crumbs { font: 400 13px/19.5px var(--sans); color: var(--ink); }
.dhl-crumbs a:hover { color: var(--accent); }
.dhl-crumbs .sep { margin: 0 5px; }
.dhl-arch-title { font: 900 42px/50.4px var(--sans); letter-spacing: -1px; margin-top: 20px; }
.dhl-arch-desc { margin-top: 10px; font-size: 15px; color: var(--meta); }
.dhl-ssearch { margin-top: 20px; }
.dhl-picks { display: grid; grid-template-columns: 320px minmax(0, 1fr); padding: 0; margin-top: 30px; }
.dhl-picks > div { padding: 0 20px; min-width: 0; }
.dhl-box-dark { background: #071217; color: #fff; }
.dhl-box-dark .dhl-img { aspect-ratio: 5 / 4; }
.dhl-box-dark .dhl-t, .dhl-box-dark .dhl-by b { color: #fff; }
.dhl-box-dark .dhl-ex { color: #eee; }
.dhl-box-dark .dhl-meta { color: #fff; }
.dhl-pk-main .dhl-big { padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.dhl-pk-main .dhl-big .dhl-img { aspect-ratio: 395 / 316; }
.dhl-pk-main .dhl-big-text .dhl-cat { display: none; }
.dhl-pk-main .dhl-big { grid-template-columns: minmax(0, 1fr) 395px; }
.dhl-pk-two { display: grid; grid-template-columns: 1fr 1fr; margin: 20px -20px 0; }
.dhl-pk2 { display: grid; grid-template-columns: 155px minmax(0, 1fr); gap: 25px; padding: 0 20px; align-items: start; }
.dhl-pk2 + .dhl-pk2 { border-left: 1px solid var(--line); }
.dhl-pk2 .dhl-img { aspect-ratio: 155 / 109; }
.dhl-pk2 .dhl-t { font-size: 20px; line-height: 26px; margin-bottom: 15px; }
.dhl-more-from { margin-top: 40px; }
.dhl-g5, .dhl-g4 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0 -12px; row-gap: 30px; }
.dhl-g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dhl-g5 > *, .dhl-g4 > * { padding: 0 12px; border-left: 1px solid var(--line); }
.dhl-g5 > :nth-child(5n+1), .dhl-g4 > :nth-child(4n+1) { border-left-color: transparent; }
.dhl-acard .dhl-t { font-size: 16px; line-height: 23.2px; }
.dhl-pager { display: flex; justify-content: center; gap: 4px; margin-top: 30px; }
.dhl-pager a { min-width: 31px; height: 34px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--soft); font: 700 13px var(--sans); color: var(--ink); }
.dhl-pager a:hover { color: var(--accent); }
.dhl-pager a.on { background: var(--accent); border-color: var(--accent); color: #fff; }
.dhl-pager .nav { margin-left: 10px; padding: 0 12px; }
.dhl-pager .nav:first-child { margin: 0 10px 0 0; }
.dhl-pager .flip { display: inline-flex; transform: scaleX(-1); }

.dhl-empty { max-width: 720px; padding: 50px 0; }
.dhl-empty h1 { font: 900 42px/1.2 var(--sans); letter-spacing: -1px; padding-bottom: 20px; position: relative; }
.dhl-empty h1::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100px; height: 4px; background: var(--accent); }
.dhl-empty p { margin-top: 15px; font: 400 16px/1.7 var(--sans); color: var(--meta); }
.dhl-esearch { position: relative; display: flex; align-items: center; height: 50px; margin-top: 25px; background: var(--soft); }
.dhl-esearch input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; font: 400 14px var(--sans); color: var(--ink); outline: 0; }
.dhl-esearch button { width: 86px; height: 100%; border: 0; background: var(--soft); font: 700 13px var(--sans); color: var(--ink); cursor: pointer; }
.dhl-esearch button:hover { background: var(--accent); color: #fff; }
.dhl-ssearch { max-width: 720px; }
.dhl-btn { display: inline-flex; align-items: center; height: 40px; margin-top: 25px; padding: 0 40px; background: var(--soft); font: 700 13px var(--sans); color: var(--ink); }
.dhl-btn:hover { background: var(--accent); color: #fff; }
.dhl-nf-latest { margin-bottom: 20px; }

/* ---------- Article ---------- */
.dhl-progress { position: fixed; left: 0; right: 0; top: 0; height: 4px; z-index: 90; pointer-events: none; }
.dhl-progress span { display: block; width: 0; height: 100%; border-radius: 0 5px 5px 0; background: linear-gradient(to left, #ff0084, #2c2cf8); }
.dhl-single { padding-top: 20px; }
.dhl-s-head .dhl-crumbs { margin-bottom: 20px; }
.dhl-s-head > .dhl-cat { font-size: 11.5px; line-height: 11.5px; padding: 3.45px 8.05px; }
.dhl-s-title { font: 900 45px/54px var(--serif); letter-spacing: -1px; color: var(--ink); margin-top: 15px; }
.dhl-s-meta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; }
.dhl-s-by { display: flex; align-items: center; gap: 15px; font: 400 12.65px/1.6 var(--sans); }
.dhl-s-by b { font-weight: 600; }
.dhl-s-by .l1 { color: var(--meta); }
.dhl-s-by .l1 b { color: var(--nav); }
.dhl-avatar { flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; font: 700 24px var(--sans); }
.dhl-avatar { justify-content: flex-start; }
.dhl-avatar img { width: auto; height: 48px; max-width: none; margin-left: 16px; clip-path: inset(0 calc(100% - 29px) 0 0); }
.dhl-s-tools { display: flex; align-items: center; gap: 12px; font: 400 12.65px var(--sans); color: var(--meta); }
.dhl-s-share { display: flex; align-items: center; gap: 2px; }
.dhl-s-share .lbl { display: inline-flex; align-items: center; gap: 5px; margin-right: 6px; font-size: 12.8px; }
.dhl-s-share .lbl svg { width: 14px; height: 14px; }
.dhl-s-share a, .dhl-s-share button, .dhl-rail-box a, .dhl-rail-box button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 32px; border: 0; background: none; padding: 0; cursor: pointer; }
.dhl-s-share em, .dhl-rail-box em { display: none; }
.dhl-s-share .fb, .dhl-rail-box .fb { color: #89abfc; }
.dhl-s-share .x, .dhl-rail-box .x { color: var(--ink); }
.dhl-s-share .cp, .dhl-rail-box .cp { color: #66bbbf; }
.dhl-s-share .pr, .dhl-rail-box .pr { color: #4082f1; }
.dhl-s-read { display: inline-flex; align-items: center; gap: 5px; padding-left: 12px; border-left: 1px solid var(--line); }
.dhl-s-read svg { width: 12px; height: 12px; }
.dhl-s-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 60px; margin-top: 40px; align-items: start; }
.dhl-s-img { margin: 0 0 40px; }
.dhl-s-img img { width: 100%; aspect-ratio: 849 / 470; object-fit: cover; }
.dhl-s-content { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 35px; align-items: start; }
.dhl-rail { align-self: stretch; }
.dhl-rail-in { position: sticky; top: 12px; }
html.dhl-stuck .dhl-rail-in, html.dhl-stuck .dhl-aside-in { top: 50px; }
.dhl-rail .lbl { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-bottom: 12px; font: 400 11px var(--sans); text-transform: uppercase; color: var(--ink); }
.dhl-rail-box { display: flex; flex-direction: column; background: var(--pop); box-shadow: 0 5px 30px rgba(0,0,0,.07); }
.dhl-rail-box a, .dhl-rail-box button { width: 48px; height: 48px; }
.dhl-rail-box svg, .dhl-s-share a svg, .dhl-s-share button svg { width: 18px; height: 18px; }
.dhl-body { font: 400 16px/27.2px var(--reading); color: var(--ink); max-width: 760px; }
.dhl-body > *, .post-content.dhl-body > div > * { margin-bottom: 15px; }
.dhl-body a { color: inherit; font-weight: 700; text-decoration: underline; }
.post-content.dhl-body .oe-source { margin-top: 25px; padding-top: 0; border-top: 0; font: 400 16px/27.2px var(--reading); color: var(--ink); }
.post-content.dhl-body .oe-source a { color: var(--ink); font-weight: 700; text-decoration: underline; letter-spacing: 0; }
.dhl-e-share { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 30px; padding: 18px 0 15px; }
.dhl-e-share::before { content: ""; position: absolute; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--line) 50%, transparent 0) 0 0 / 5px 3px repeat-x; }
.dhl-e-share::before { top: 0; }
.dhl-e-share .lbl { display: inline-flex; align-items: center; gap: 6px; font: 700 16px var(--sans); }
.dhl-e-btns { display: flex; gap: 6px; }
.dhl-e-btns a, .dhl-e-btns button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; min-width: 42px; padding: 0 16px; border: 0; color: #fff; cursor: pointer; font: 700 13px var(--sans); }
.dhl-e-btns em { font-style: normal; }
.dhl-e-btns .fb { background: #89abfc; min-width: 104px; }
.dhl-e-btns .x { background: #00151c; min-width: 101px; }
.dhl-e-btns .cp { background: #66bbbf; padding: 0; }
.dhl-e-btns .pr { background: #4082f1; padding: 0; }
.dhl-aside { align-self: stretch; }
.dhl-aside-in { position: sticky; top: 12px; }
.dhl-aside .dhl-textlist { padding-top: 15px; }
.dhl-side-ad { margin-top: 30px; }
.dhl-related { margin-top: 50px; padding-top: 40px; border-top: 1px solid var(--line); }
.dhl-related .dhl-h h2 { font-size: 20px; }
.dhl-rel-g { margin: 0 -10px; }
.dhl-rel-g > * { padding: 0 10px; border-left: 0 !important; }
.dhl-rel-g .dhl-img { aspect-ratio: 5 / 3; }
.dhl-page { padding-top: 30px; }
.dhl-page .dhl-s-title { margin: 0 0 30px; }
.dhl-page .dhl-body { max-width: 840px; margin: 0 auto; }
.dhl-body .oe-contact button { height: 40px; padding: 0 28px; border-radius: 0; font: 700 16px var(--sans); text-transform: none; letter-spacing: 0; }
.dhl-body .oe-contact label { font: 700 13px/1.6 var(--sans); }
.dhl-body .oe-contact input { max-width: 360px; height: 42px; border: 0; background: var(--soft); }
.dhl-body .oe-contact textarea { border: 0; background: var(--soft); }
.dhl-body .oe-contact button { background: var(--accent); }
.dhl-body .oe-contact input, .dhl-body .oe-contact textarea { color: var(--ink); }
.dhl-body .oe-contact label { color: var(--ink); }

/* ---------- Tablet (≤1024) ---------- */
@media (max-width: 1024px) {
  .dhl-row-in, .dhl-row-stories .dhl-row-in, .dhl-row-pair .dhl-row-in { grid-template-columns: minmax(0, 1fr); }
  .dhl-rside { margin-top: 30px; }
  .dhl-row-hero .dhl-rside, .dhl-row-pair .dhl-rside { border-left: 0; }
  .dhl-row-hero .dhl-tl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 20px; }
  .dhl-row-hero .dhl-tl-i { margin: 0 0 15px; }
  .dhl-row-hero .dhl-tl-i:last-child { border-bottom: 1px solid var(--line); padding-bottom: 15px; }
  .dhl-row-hero .dhl-tl-i .dhl-t { font-size: 13px; line-height: 19.5px; }
  .dhl-big { grid-template-columns: minmax(0, 1fr) 311px; }
  .dhl-big-text .dhl-t { font-size: 28px; line-height: 35px; }
  .dhl-gs { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 240px; overflow-x: auto; scrollbar-width: thin; margin: 0 -15px; }
  .dhl-feature { grid-template-columns: minmax(0, 1fr); }
  .dhl-feature > div + div { margin-top: 30px; }
  .dhl-ov { aspect-ratio: 2 / 1; }
  .dhl-lrow .dhl-t { font-size: 19px; line-height: 24.7px; }
  .dhl-box .dhl-img { aspect-ratio: 2 / 1; }
  .dhl-nl-in { grid-template-columns: minmax(0, 1fr); gap: 20px; max-width: 728px; }
  .dhl-nl-text { justify-self: start; max-width: none; }
  .dhl-nl-row { flex-direction: column; align-items: flex-start; gap: 0; }
  .dhl-nl-row input { width: 100%; flex: none; }
  .dhl-nl-row button { margin-top: 0; }
  .dhl-nl .dhl-consent { justify-content: flex-start; }
  .dhl-st { grid-template-columns: minmax(0, 1fr); margin: 0; }
  .dhl-st-i { padding: 0 0 20px; }
  .dhl-st-i::after { left: 0; right: 0; }
  .dhl-pk-two { grid-template-columns: minmax(0, 1fr); margin: 20px 0 0; }
  .dhl-pk2 { padding: 0; border-left: 0 !important; }
  .dhl-pk2 + .dhl-pk2 { margin-top: 20px; }
  .dhl-st-i:nth-child(2n) { border-left: 0; }
  .dhl-foot-grid { grid-template-columns: 384px minmax(0, 1fr); }
  .dhl-fnews { grid-column: 1 / -1; padding-left: 20px; }
  .dhl-fm1 { border-left: 1px solid rgba(255,255,255,.2); }
  .dhl-fm2 { border-right: 0; }
  .dhl-picks { grid-template-columns: 280px minmax(0, 1fr); }
  .dhl-pk-main .dhl-big { grid-template-columns: minmax(0, 1fr); }
  .dhl-g5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dhl-g5 > * { border-left-color: var(--line) !important; }
  .dhl-g5 > :nth-child(3n+1) { border-left-color: transparent !important; }
  .dhl-s-title { font-size: 34px; line-height: 40.8px; }
  .dhl-s-meta { flex-direction: column-reverse; align-items: stretch; }
  .dhl-s-tools { justify-content: space-between; padding: 7px 15px; background: var(--soft); }
  .dhl-s-grid { grid-template-columns: minmax(0, 1fr); }
  .dhl-s-content { gap: 30px; }
  .dhl-aside-in { position: static; }
  .dhl-rel-g .dhl-t { font-size: 15px; line-height: 21.75px; }
  .dhl-backtop { display: none; }
}

/* ---------- Phones (≤767) ---------- */
@media (max-width: 767px) {
  body { font-size: 15px; line-height: 1.7; }
  .dhl-row-hero .dhl-tl { grid-template-columns: minmax(0, 1fr); }
  .dhl-row-hero .dhl-tl-i { border-bottom: 1px solid var(--line); padding-bottom: 15px; margin-bottom: 15px; }
  .dhl-row-hero .dhl-tl-i:last-child { border-bottom: 0; }
  .dhl-row-hero .dhl-tl-i .dhl-t { font-size: 14px; line-height: 21px; }
  .dhl-big, .dhl-big-s, .dhl-pk-main .dhl-big { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .dhl-hero .dhl-big .dhl-media, .dhl-pk-main .dhl-big .dhl-media { order: -1; }
  .dhl-hero .dhl-big > .dhl-media .dhl-cat { display: inline-block; }
  .dhl-hero .dhl-big-text > .dhl-cat { display: none; }
  .dhl-hero .dhl-big .dhl-img, .dhl-pk-main .dhl-big .dhl-img { aspect-ratio: 5 / 3; }
  .dhl-big-text .dhl-t { font-size: 24px; line-height: 31.2px; }
  .dhl-big-text .dhl-ex { font-size: 13px; line-height: 22.1px; }
  .dhl-gs { grid-auto-columns: 320px; }
  .dhl-gs .dhl-gcard { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: 15px; align-items: start; }
  .dhl-gs .dhl-media { order: 2; }
  .dhl-gs .dhl-img { aspect-ratio: 5 / 4; }
  .dhl-gs .dhl-media .dhl-cat { display: none; }
  .dhl-gs .dhl-t { font-size: 12px; line-height: 17.4px; margin: 0 0 6px; }
  .dhl-ov { aspect-ratio: 350 / 420; }
  .dhl-lrow { grid-template-columns: minmax(0, 1fr) 135px; gap: 15px; }
  .dhl-lrow .dhl-t { font-size: 14px; line-height: 19.6px; }
  .dhl-lrow .dhl-ex { display: none; }
  .dhl-lrow .dhl-meta { margin-top: 6px; }
  .dhl-srows2 { grid-template-columns: minmax(0, 1fr); margin: 20px 0 0; }
  .dhl-srows2 > .dhl-srow { padding: 0; border-left: 0 !important; }
  .dhl-srows2 > .dhl-srow + .dhl-srow { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--line); }
  .dhl-feature .dhl-srow { grid-template-columns: 90px minmax(0, 1fr); }
  .dhl-feature .dhl-srow .dhl-t { font-size: 12px; line-height: 18px; }
  .dhl-box .dhl-t { font-size: 18px; line-height: 25.2px; }
  .dhl-box-body { padding: 15px 20px 0; }
  .dhl-box .dhl-media .dhl-cat { left: 20px; }
  .dhl-nl-row { align-items: stretch; }
  .dhl-consent { justify-content: flex-start; }
  .dhl-cg { grid-template-columns: minmax(0, 1fr); }
  .dhl-banner { padding: 35px; min-height: 300px; }
  .dhl-banner h3 { font-size: 24px; line-height: 31.2px; }
  .dhl-banner p { font-size: 15px; line-height: 23px; }
  .dhl-st { margin: 0; }
  .dhl-st-i { grid-template-columns: minmax(0, 1fr); padding: 0 0 20px; gap: 15px; }
  .dhl-st-i .dhl-img { aspect-ratio: 5 / 3; }
  .dhl-banner-wrap { padding: 0; }
  .dhl-nl { padding: 40px 0; }
  .dhl-nl-text h3 { font-size: 24px; }
  .dhl-st-i::after { left: 0; right: 0; }
  .dhl-st-i .dhl-t { font-size: 15px; line-height: 21.75px; }
  .dhl-foot-grid { grid-template-columns: minmax(0, 1fr); }
  .dhl-fmenus { border-top: 1px solid rgba(255,255,255,.2); }
  .dhl-fm1 { border-left: 0; border-right: 1px solid rgba(255,255,255,.2); }
  .dhl-fform .dhl-consent { white-space: normal; }
  .dhl-fbottom { flex-direction: column; align-items: flex-start; padding-left: 20px; padding-right: 20px; border-top: 0; position: relative; }
  .dhl-fbottom::before { content: ""; position: absolute; left: 20px; right: 20px; top: 0; border-top: 1px solid rgba(255,255,255,.2); }
  .dhl-arch-head { padding: 25px 0; }
  .dhl-arch-title { font-size: 32px; line-height: 38px; margin-top: 12px; }
  .dhl-picks { grid-template-columns: minmax(0, 1fr); }
  .dhl-pk-main { order: -1; }
  .dhl-pk-box { margin-top: 30px; }
  .dhl-box-dark .dhl-img { aspect-ratio: 5 / 2; }
  .dhl-pk-two { grid-template-columns: minmax(0, 1fr); margin: 20px 0 0; }
  .dhl-pk2 { grid-template-columns: 120px minmax(0, 1fr); gap: 15px; padding: 0; border-left: 0 !important; }
  .dhl-pk2 + .dhl-pk2 { margin-top: 20px; }
  .dhl-pk2 .dhl-t { font-size: 13px; line-height: 18.2px; margin-bottom: 6px; }
  .dhl-g5, .dhl-g4 { grid-template-columns: minmax(0, 1fr); margin: 0; row-gap: 20px; }
  .dhl-g5 > *, .dhl-g4 > * { padding: 0 0 20px; border-left: 0 !important; border-bottom: 1px solid var(--line); }
  .dhl-acard { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: 15px; align-items: start; }
  .dhl-acard .dhl-media { order: 2; }
  .dhl-acard .dhl-media .dhl-cat, .dhl-acard .dhl-ex { display: none; }
  .dhl-acard .dhl-t { font-size: 13px; line-height: 18.85px; margin: 0 0 6px; }
  .dhl-empty h1 { font-size: 30px; }
  .dhl-s-head .dhl-crumbs { font-size: 11px; line-height: 16.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .dhl-s-head > .dhl-cat { font-size: 10px; line-height: 10px; padding: 3px 7px; }
  .dhl-s-title { font-size: 26px; line-height: 33.8px; letter-spacing: -.5px; }
  .dhl-avatar { width: 42px; height: 42px; }
  .dhl-avatar img { height: 34px; margin-left: 11px; clip-path: inset(0 calc(100% - 21px) 0 0); }
  .dhl-s-share .lbl { font-size: 0; gap: 0; }
  .dhl-s-grid { margin-top: 25px; }
  .dhl-s-img { margin-bottom: 25px; }
  .dhl-s-content { grid-template-columns: minmax(0, 1fr); }
  .dhl-rail { display: none; }
  .dhl-body { font-size: 15px; line-height: 25.5px; }
  .dhl-e-share .lbl { font-size: 0; gap: 0; }
  .dhl-e-btns a, .dhl-e-btns button { height: 34px; }
  .dhl-e-btns .fb { min-width: 0; }
  .dhl-e-btns .x em { display: none; }
  .dhl-e-btns .x { min-width: 42px; padding: 0; }
  .dhl-related { padding-top: 30px; }
  .dhl-related .dhl-h h2 { font-size: 18px; }
  .dhl-rel-g .dhl-gcard { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: 15px; align-items: start; padding: 0 0 20px; border-bottom: 1px solid var(--line); }
  .dhl-rel-g .dhl-media { order: 2; }
  .dhl-rel-g .dhl-media .dhl-cat { display: none; }
  .dhl-rel-g .dhl-t { margin: 0 0 6px; }
  .dhl-rel-g { margin: 0; }
  .dhl-rel-g > * { padding: 0 0 20px; }
  .dhl-notif-box { width: min(400px, 92vw); }
}
@media (max-width: 400px) {
  .dhl-gs { grid-auto-columns: 300px; }
}

/* ---------- Dark mode details ---------- */
html.dhl-dark .dhl-foot { --bg: #0c191f; }
html.dhl-dark .dhl-box:not(.dhl-box-dark) { background: rgba(255,255,255,.04); }
html.dhl-dark .dhl-nl-row button { color: #222; }
html.dhl-dark .dhl-vsep { background: rgba(255,255,255,.15); }