/* ═══════════════════════════════════════════════════════════════
   embark-isef · chrome.css · generated by /build-chrome
   palette: plum #943E68 / #5C2440 / #3A1828 · gold #FDCA04
   fonts: Archivo (display) + Source Sans 3 (body) + Spline Sans Mono
   scope: header / footer / mobile drawer / article-detail recolor ONLY
   ═══════════════════════════════════════════════════════════════ */

:root {
  --ebk-plum: #943E68;
  --ebk-plum-deep: #5C2440;
  --ebk-plum-ink: #3A1828;
  --ebk-plum-soft: #C76A93;
  --ebk-plum-tint: #F5E9EF;
  --ebk-gold: #FDCA04;
  --ebk-ink: #191C1D;
  --ebk-mut: #44474D;
  --ebk-line-soft: #E1E3E4;
}

/* ── Kill WP root flow gap between chrome & content (L106-adjacent) ──
   .wp-site-blocks lays out [header-part | main | footer-part] as a flow
   container; its block-gap leaks a body-coloured sliver under the header
   and above the footer. Chrome and content are flush by design. */
.wp-site-blocks { gap: 0 !important; }
.wp-site-blocks > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }
main.is-layout-flow,
main.is-layout-flow > .entry-content,
main.is-layout-flow > .entry-content > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }

/* Each template-part wrapper holds a whitespace text node before <header>/<footer>
   (wp:html block markers + source indentation). The wrapper's inherited line-height
   turns that whitespace into a ~26px phantom line box → a body-coloured sliver under
   the header and above the footer. Zero line-height on the wrapper, restore it on the
   actual chrome elements so their own text is unaffected. */
.wp-block-template-part { line-height: 0; }
.ebk-header { line-height: 1.5; }
.ebk-footer { line-height: 1.6; }

/* ── Header ─────────────────────────────────────────── */
.ebk-header-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  height: 68px;
}
.ebk-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}
.ebk-brand-mark {
  width: 24px;
  height: 24px;
  background: var(--ebk-plum);
  position: relative;
  display: inline-block;
}
.ebk-brand-mark::after {
  content: "";
  position: absolute;
  right: -4px;
  top: -4px;
  width: 8px;
  height: 8px;
  background: var(--ebk-gold);
}
.ebk-brand-text {
  font-family: Archivo, "Source Sans 3", sans-serif;
  font-weight: 800;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--ebk-plum-ink);
  white-space: nowrap;
}
.ebk-nav-desktop {
  display: none;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}
.ebk-nav-link {
  font-size: 14.5px;
  font-weight: 500;
  color: var(--ebk-mut);
  text-decoration: none;
  padding: 24px 12px;
  transition: color .15s;
  white-space: nowrap;
}
.ebk-nav-link:hover { color: var(--ebk-plum); }
.ebk-nav-link.is-current {
  color: var(--ebk-plum);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 var(--ebk-gold);
}
.ebk-header-cta {
  display: none;
  background: var(--ebk-plum);
  color: #fff;
  font-family: Archivo, sans-serif;
  font-weight: 600;
  font-size: 13.5px;
  padding: 11px 20px;
  text-decoration: none;
  flex-shrink: 0;
  transition: background .15s;
}
.ebk-header-cta:hover { background: var(--ebk-plum-deep); color: #fff; }
.ebk-nav-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  padding: 8px;
  color: var(--ebk-plum-ink);
  cursor: pointer;
}

/* ── Mobile drawer (right slide) ────────────────────── */
.ebk-mobile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(320px, 86vw);
  box-sizing: border-box;   /* 320px is the TOTAL width incl. padding, else it's 372px and eats the scrim's tap zone */
  background: var(--ebk-plum-ink);
  padding: 76px 26px 26px;
  z-index: 49;
  overflow-y: auto;
  box-shadow: -12px 0 36px rgba(58, 24, 40, .35);
  animation: ebk-drawer-in .22s ease-out;
}
@keyframes ebk-drawer-in {
  from { transform: translateX(100%); }
  to   { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .ebk-mobile-drawer { animation: none; }
}
.ebk-mobile-drawer[hidden] { display: none; }
.ebk-mobile-drawer-nav { display: flex; flex-direction: column; }
.ebk-mobile-nav-link {
  display: block;
  color: #E3C9D6;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  padding: 13px 2px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.ebk-mobile-nav-link.is-current { color: var(--ebk-gold); }
.ebk-drawer-cta {
  display: block;
  background: var(--ebk-gold);
  color: var(--ebk-plum-ink);
  text-align: center;
  font-family: Archivo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 13px;
  margin-top: 18px;
  text-decoration: none;
}
/* close button: sits top-right where the hamburger was (the drawer covers the
   hamburger, so this is the only reachable close affordance) */
.ebk-drawer-close {
  position: absolute;
  top: 15px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .2);
  color: #E3C9D6;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.ebk-drawer-close:hover { background: rgba(255, 255, 255, .16); color: #fff; }
/* scrim: dims the page behind the drawer, tap to close (CSS sibling = no JS to show it) */
.ebk-drawer-scrim {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(26, 12, 18, .5);
  z-index: 48;
  animation: ebk-scrim-in .22s ease-out;
}
.ebk-mobile-drawer:not([hidden]) ~ .ebk-drawer-scrim { display: block; }
@keyframes ebk-scrim-in { from { opacity: 0; } to { opacity: 1; } }

@media (min-width: 920px) {
  .ebk-nav-desktop { display: flex; }
  .ebk-header-cta  { display: inline-block; }
  .ebk-nav-toggle  { display: none; }
  .ebk-mobile-drawer { display: none !important; }
  .ebk-drawer-scrim  { display: none !important; }
}

/* ── Footer ─────────────────────────────────────────── */
.ebk-footer {
  background: var(--ebk-plum-ink);
  color: #D5AFC2;
}
.ebk-footer-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 52px 24px 22px;
}
.ebk-footer-cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: 34px;
  padding-bottom: 36px;
}
@media (min-width: 768px) {
  .ebk-footer-cols { grid-template-columns: 1.8fr 1fr 1fr 1.4fr; gap: 30px; }
}
.ebk-footer-brand-row { display: flex; align-items: center; gap: 10px; }
.ebk-brand-mark--footer { background: var(--ebk-plum-soft); }
.ebk-footer-brand-name {
  font-family: Archivo, sans-serif;
  font-weight: 800;
  font-size: 17px;
  color: #fff;
}
.ebk-footer-desc {
  font-size: 13px;
  line-height: 1.7;
  margin: 12px 0 0;
  max-width: 300px;
  color: #D5AFC2;
}
.ebk-footer-head {
  font-family: "Spline Sans Mono", monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ebk-gold);
  margin: 0 0 14px;
}
.ebk-footer-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.ebk-footer-link {
  font-size: 13.5px;
  color: #D5AFC2;
  text-decoration: none;
  transition: color .15s;
}
.ebk-footer-link:hover { color: #fff; }
/* contact column: light — one line + gold button (QR lives in CTA band / contact page) */
.ebk-footer-contact-line {
  color: #D5AFC2;
  font-size: 13px;
  line-height: 1.65;
  margin: 0 0 14px;
  max-width: 260px;
}
.ebk-footer-contact .hl-cta-online-btn {
  display: inline-block;
  background: var(--ebk-gold);
  color: #2A0F1D !important;
  font-family: Archivo, sans-serif;
  font-size: 12.5px;
  font-weight: 800;
  padding: 10px 20px;
  text-decoration: none;
  transition: filter .15s;
}
.ebk-footer-contact .hl-cta-online-btn:hover { filter: brightness(1.08); }
.ebk-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, .14);
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  color: #A87E93;
}
@media (min-width: 768px) {
  .ebk-footer-bottom { flex-direction: row; justify-content: space-between; }
}
.ebk-legal-link { color: #A87E93; text-decoration: none; }
.ebk-legal-link:hover { color: #fff; }
.ebk-legal-sep { margin: 0 8px; }

/* ═══════════════════════════════════════════════════════════════
   NEWS REDESIGN (L132) — list = magazine cards · article = plum header (fixed no-image)
   baseline markup is constant; this restyles it. Furniture (toc/cta/related/
   post-nav/prose) is RE-COLOURED, never display:none-d (furniture contract).
   ═══════════════════════════════════════════════════════════════ */

/* ── LIST: magazine card grid ── */
.hl-archive-main { max-width: 1180px !important; padding-top: 12px !important; }
/* editorial title head */
.hl-news-hd { padding: 8px 0 4px; }
.hl-news-hd .kick { font-family: "Spline Sans Mono", monospace; font-size: 11.5px; letter-spacing: .22em; text-transform: uppercase; color: var(--ebk-plum); display: flex; align-items: center; gap: 12px; }
.hl-news-hd .kick::before { content: ""; width: 34px; height: 1px; background: var(--ebk-gold); }
.hl-news-hd h1 { font-family: Archivo, sans-serif; font-size: clamp(34px, 4.5vw, 52px); font-weight: 800; letter-spacing: -.025em; color: var(--ebk-plum-ink); margin: 14px 0 0; text-transform: uppercase; line-height: 1.05; }
.hl-news-hd h1 em { font-style: normal; color: var(--ebk-plum); }
.hl-news-hd p { font-size: 16px; color: var(--ebk-mut); max-width: 620px; margin: 12px 0 26px; }
/* topic filter pills (tags) — sits under the news/archive head (L84) */
.ebk-topic-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 36px; }
.ebk-topic-pill {
  font-family: "Spline Sans Mono", monospace; font-size: 11px; letter-spacing: .08em;
  text-transform: uppercase; text-decoration: none; padding: 7px 15px;
  border: 1.5px solid var(--ebk-plum); color: var(--ebk-plum); background: #fff;
  transition: background .15s, color .15s;
}
.ebk-topic-pill:hover { background: rgba(148, 62, 104, .08); }
.ebk-topic-pill.on { background: var(--ebk-plum); color: #fff; }
.hl-archive-head + .ebk-topic-filter { margin-top: 22px; }
.hl-news-list { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.hl-news-list > li {
  display: flex !important; flex-direction: column; background: #fff;
  border: 2px solid var(--ebk-ink); box-shadow: 6px 6px 0 #E8DCE3;
  padding: 0 !important; gap: 0 !important; grid-template-columns: none !important;
  transition: transform .15s, box-shadow .15s; overflow: hidden;
}
.hl-news-list > li:hover { transform: translate(-3px, -3px); box-shadow: 10px 10px 0 var(--ebk-gold); }
.hl-news-cover { margin: 0 !important; order: 0; }
.hl-news-cover img {
  width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 0 !important;
  border-bottom: 2px solid var(--ebk-ink); display: block;
}
.hl-news-cat {
  order: 1; align-self: flex-start; margin: 0;
  font-family: "Spline Sans Mono", monospace; font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; background: var(--ebk-plum); color: #fff; padding: 5px 11px;
}
.hl-news-cat a { color: #fff; text-decoration: none; }
.hl-news-title { order: 2; padding: 14px 22px 0; margin: 0; }
.hl-news-title a {
  font-family: Archivo, sans-serif; font-size: 18px; font-weight: 800; line-height: 1.3;
  letter-spacing: -.01em; color: var(--ebk-plum-ink); text-decoration: none;
}
.hl-news-title a:hover { color: var(--ebk-plum); }
.hl-news-excerpt { order: 3; padding: 9px 22px 0; }
.hl-news-excerpt p { font-size: 13.5px; line-height: 1.6; color: var(--ebk-mut); }
.hl-news-date {
  order: 4; margin-top: auto; padding: 16px 22px 22px;
  font-family: "Spline Sans Mono", monospace; font-size: 11px; color: #75777E;
}
/* first post = full-width featured card (image left / text right, chip on top) */
.hl-news-list > li:first-child { grid-column: 1 / -1; display: grid !important; grid-template-columns: 1.1fr 1fr; grid-auto-rows: min-content; align-content: center; padding: 0 !important; }
.hl-news-list > li:first-child > * { grid-column: 2; }
.hl-news-list > li:first-child .hl-news-cover { grid-column: 1; grid-row: 1 / 5; align-self: stretch; }
.hl-news-list > li:first-child .hl-news-cover img { height: 100%; aspect-ratio: auto; border-bottom: none; border-right: 2px solid var(--ebk-ink); }
.hl-news-list > li:first-child .hl-news-cat { grid-row: 1; margin: 34px 0 0 34px; }
.hl-news-list > li:first-child .hl-news-title { grid-row: 2; padding: 14px 36px 0 34px; }
.hl-news-list > li:first-child .hl-news-title a { font-size: clamp(22px, 2.4vw, 30px); }
.hl-news-list > li:first-child .hl-news-excerpt { grid-row: 3; padding: 12px 36px 0 34px; }
.hl-news-list > li:first-child .hl-news-excerpt p { font-size: 15px; }
.hl-news-list > li:first-child .hl-news-date { grid-row: 4; margin-top: 0; padding: 14px 36px 34px 34px; }
.hl-pagination { margin-top: 40px; display: flex; gap: 8px; justify-content: center; font-family: "Spline Sans Mono", monospace; }
.hl-pagination a, .hl-pagination .current { padding: 8px 14px; border: 2px solid var(--ebk-ink); color: var(--ebk-plum-ink); text-decoration: none; font-size: 13px; }
.hl-pagination .current { background: var(--ebk-plum); color: #fff; border-color: var(--ebk-plum); }

/* ── ARTICLE: full-width plum header (fixed no-image) ── */
.hl-article-main { max-width: 820px !important; padding-top: 0 !important; }  /* kill body.single top gap */
.hl-article-cover { display: none !important; }     /* fixed no-image per project decision */
.hl-article-head {
  background: linear-gradient(155deg, #3A1828 0%, #5C2440 55%, #943E68 120%);
  margin: 0 calc(50% - 50vw) 40px;                   /* break out full-width; main pad-top 0 → flush to header */
  padding: clamp(48px, 5vw, 64px) max(24px, calc(50vw - 410px)) clamp(36px, 4vw, 46px);
  position: relative;
}
.hl-article-head .hl-breadcrumb { font-family: "Spline Sans Mono", monospace; font-size: 11px; letter-spacing: .08em; color: #C99FB4; }
.hl-article-head .hl-breadcrumb a { color: #E7CFDB; text-decoration: none; }
/* drop the black current-title crumb (+ its preceding separator) — keep Home / News & Insights only */
.hl-article-head .hl-breadcrumb-current,
.hl-article-head .hl-breadcrumb > *:nth-last-child(2) { display: none !important; }
.hl-article-head h1 { color: #fff; font-family: Archivo, sans-serif; font-weight: 800; letter-spacing: -.02em; line-height: 1.12; }
.hl-article-head .wp-block-post-date,
.hl-article-head .hl-post-meta,
.hl-article-head .hl-post-meta * { color: #E7CFDB !important; }
.hl-article-head .hl-post-meta a, .hl-article-head .hl-post-meta .hl-post-cat { color: var(--ebk-gold) !important; }

/* prose */
.hl-prose h2 { font-family: Archivo, sans-serif; font-weight: 800; color: var(--ebk-plum-ink); letter-spacing: -.01em; }
.hl-prose h3 { font-family: Archivo, sans-serif; font-weight: 700; color: var(--ebk-plum-ink); }
.hl-prose blockquote { border-left: 3px solid var(--ebk-gold); background: var(--ebk-plum-tint); }
.hl-prose a { color: var(--ebk-plum); }

/* toc + back-to-top */
.hl-toc-item.is-active     { border-left-color: var(--ebk-plum); }
.hl-toc-item.is-active > a { color: var(--ebk-plum-ink); }
.hl-toc-head               { color: var(--ebk-mut); }
.hl-back-to-top            { background: var(--ebk-plum-ink); color: #fff; }
.hl-back-to-top:hover      { background: var(--ebk-plum); }

/* article CTA (auto-injected) → embark plum band */
.hl-article-cta { background: linear-gradient(140deg, #5C2440, #943E68) !important; border: none !important; color: #fff; }
.hl-article-cta-title { color: #fff !important; font-family: Archivo, sans-serif; font-weight: 800; }
.hl-article-cta-sub, .hl-article-cta-note, .hl-article-cta-bullets li { color: #EFD7E2 !important; }
.hl-article-cta .hl-cta-online-btn { background: var(--ebk-gold); color: #2A0F1D !important; font-weight: 800; }

/* ebk article CTA: dual-QR toggle, compact ~160px */
.ebk-art-cta { display: flex; justify-content: space-between; align-items: center; gap: 32px; background: linear-gradient(140deg, #5C2440, #943E68); color: #fff; padding: 26px 32px; margin: 36px 0; position: relative; overflow: hidden; }
.ebk-art-cta::before { content: ""; position: absolute; right: 25%; top: 50%; width: 156px; height: 156px; transform: translateY(-50%) rotate(-8deg); opacity: .1; pointer-events: none; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FDCA04' d='M19 5h-2V3H7v2H5C3.9 5 3 5.9 3 7v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E"); }
.ebk-art-cta-text { flex: 1; min-width: 0; position: relative; display: flex; flex-direction: column; justify-content: center; }
/* !important: CTA sits inside .hl-prose, whose h3/p colour AND MARGIN rules outrank
   these — the leaked h3 margin-top:32 / p margin-bottom:24 was inflating the box and
   pushing content to the middle (the "top whitespace" bug). Pin margins hard. */
.ebk-art-cta-title { font-family: Archivo, sans-serif; font-size: 19px; font-weight: 800; color: #fff !important; margin: 0 !important; letter-spacing: -.01em; }
.ebk-art-cta-sub { color: #EFD7E2 !important; font-size: 13px; line-height: 1.65; margin: 8px 0 0 !important; max-width: 560px; }
.ebk-art-cta-btn { display: inline-block; align-self: flex-start; margin-top: 14px; background: var(--ebk-gold); color: #2A0F1D !important; font-family: Archivo, sans-serif; font-weight: 800; font-size: 13px; padding: 11px 24px; text-decoration: none !important; border-bottom: none !important; }
.ebk-art-cta-btn:hover { background: #fff; color: #2A0F1D !important; }
/* CTA service list — compact 2×2 grid + gold check. High specificity: the article
   CTA lives inside .hl-prose, whose ul/li rules would otherwise win. */
.ebk-art-cta .ebk-art-cta-svcs, .ebk-dualcta-body .ebk-dualcta-svcs {
  list-style: none !important; margin: 12px 0 2px !important; padding: 0 !important;
  display: grid; grid-template-columns: 1fr 1fr; gap: 5px 24px;
}
.ebk-art-cta .ebk-art-cta-svcs li, .ebk-dualcta-body .ebk-dualcta-svcs li {
  position: relative; margin: 0 !important; padding-left: 19px !important;
  font-size: 12.5px; line-height: 1.35; color: #EFD7E2 !important;
}
.ebk-art-cta .ebk-art-cta-svcs li::before, .ebk-dualcta-body .ebk-dualcta-svcs li::before {
  content: "\2713"; position: absolute; left: 0; top: 0; color: var(--ebk-gold); font-weight: 800; font-size: 11px;
}
@media (max-width: 600px) {
  .ebk-art-cta .ebk-art-cta-svcs, .ebk-dualcta-body .ebk-dualcta-svcs {
    grid-template-columns: 1fr; gap: 5px; width: fit-content; margin-left: auto !important; margin-right: auto !important; text-align: left;
  }
}
.ebk-art-cta-qr { text-align: center; flex-shrink: 0; position: relative; }
.ebk-qr-tabs { display: flex; gap: 4px; margin-bottom: 8px; justify-content: center; }
.ebk-qr-tabs button { font-family: "Spline Sans Mono", monospace; font-size: 10px; letter-spacing: .04em; padding: 4px 10px; border: 1px solid rgba(253, 202, 4, .5); background: transparent; color: #EFD7E2; cursor: pointer; transition: background .15s, color .15s; }
.ebk-qr-tabs button.on { background: var(--ebk-gold); color: #2A0F1D; border-color: var(--ebk-gold); font-weight: 700; }
.ebk-qr-img { width: 96px; height: 96px; object-fit: contain; background: #fff; padding: 4px; box-sizing: border-box; display: block; margin: 0 auto; }
@media (max-width: 600px) { .ebk-art-cta { flex-direction: column; align-items: stretch; text-align: center; gap: 16px; padding: 22px; } .ebk-art-cta::before { display: none; } .ebk-art-cta-sub { max-width: none; } .ebk-art-cta-btn { align-self: center; } }

/* related cards */
.hl-related-title { font-family: Archivo, sans-serif; font-weight: 800; color: var(--ebk-plum-ink); }
.hl-related-grid .hl-related-card { background: #fff; border: 2px solid var(--ebk-ink); box-shadow: 5px 5px 0 #E8DCE3; }
.hl-related-card .hl-related-card-title { font-family: Archivo, sans-serif; color: var(--ebk-plum-ink); }

/* prev/next */
.hl-post-nav { border-top: 2px solid var(--ebk-plum); }
.hl-post-nav a { color: var(--ebk-plum); font-weight: 600; }

/* news mobile: list → 1 col, featured card → stacked */
@media (max-width: 860px) {
  .hl-news-list { grid-template-columns: 1fr; gap: 18px; }
  .hl-news-list > li:first-child { grid-template-columns: 1fr; }
  .hl-news-list > li:first-child > * { grid-column: 1; }
  .hl-news-list > li:first-child .hl-news-cover { grid-row: 1; }
  .hl-news-list > li:first-child .hl-news-cover img { height: auto; aspect-ratio: 16 / 10; border-right: none; border-bottom: 2px solid var(--ebk-ink); }
  .hl-news-list > li:first-child .hl-news-cat { grid-row: 2; margin: 16px 0 0 22px; }
  .hl-news-list > li:first-child .hl-news-title { grid-row: 3; padding: 12px 22px 0; }
  .hl-news-list > li:first-child .hl-news-excerpt { grid-row: 4; padding: 9px 22px 0; }
  .hl-news-list > li:first-child .hl-news-date { grid-row: 5; padding: 14px 22px 22px; }
  .hl-news-hd h1 { font-size: 34px; }
}