/* HIBA One editorial posts — consolidated public-only stylesheet */

/* ---------- Layout ---------- */
.single-post.hiba-marketing-hallmark .hiba-editorial-post{
  padding:104px 0 96px;
  background:var(--hm-surface);
}
.single-post.hiba-marketing-hallmark .hiba-editorial-shell{
  width:min(calc(100% - 48px),860px);
  margin-inline:auto;
}
.single-post.hiba-marketing-hallmark .hiba-editorial-shell > article{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
  transition:none;
}
.single-post.hiba-marketing-hallmark .hiba-editorial-shell > article:hover{
  border-color:transparent;
  box-shadow:none;
  transform:none;
}
.single-post.hiba-marketing-hallmark .hiba-editorial-article,
.single-post.hiba-marketing-hallmark .hiba-editorial-content,
.single-post.hiba-marketing-hallmark .resource-library{
  width:100%;
  min-width:0;
}
.single-post.hiba-marketing-hallmark .resource-library{padding-top:0}

/* ---------- Hero ---------- */
.single-post.hiba-marketing-hallmark .resource-hero,
.single-post.hiba-marketing-hallmark .resource-hero--compact{
  display:block;
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:40px 0 36px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.single-post.hiba-marketing-hallmark .resource-hero__copy{width:100%}
.single-post.hiba-marketing-hallmark .resource-hero__copy .public-kicker{
  margin:0 0 12px;
  color:var(--hm-blue);
  font:800 13px/1.3 Manrope,sans-serif;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.single-post.hiba-marketing-hallmark .resource-hero__copy h1{
  max-width:760px;
  margin:0 0 18px;
  color:var(--hm-ink);
  font:800 clamp(44px,5.4vw,62px)/1.06 Manrope,sans-serif;
  letter-spacing:-.034em;
  text-wrap:balance;
}
.single-post.hiba-marketing-hallmark .resource-hero__copy>p:not(.public-kicker){
  max-width:690px;
  margin:0;
  color:var(--hm-text-2);
  font-size:20px;
  line-height:1.58;
}

/* ---------- Article meta ---------- */
.single-post.hiba-marketing-hallmark .editorial-meta{
  width:100%;
  max-width:760px;
  margin:-4px auto 28px;
  padding:0 0 20px;
  display:flex;
  gap:8px 16px;
  flex-wrap:wrap;
  border-bottom:1px solid var(--hm-border-soft);
  color:var(--hm-muted);
  font:600 14px/1.4 "Source Sans 3",sans-serif;
}
.single-post.hiba-marketing-hallmark .editorial-meta span+span::before{
  content:"·";
  margin-right:16px;
  color:var(--hm-border);
}

/* ---------- Quick summary + TOC ---------- */
.single-post.hiba-marketing-hallmark .editorial-start{
  width:100%;
  max-width:760px;
  margin:0 auto 24px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:18px;
  align-items:start;
}
.single-post.hiba-marketing-hallmark .editorial-quick{
  padding:24px 24px;
  border:1px solid var(--hm-blue-border);
  border-radius:20px;
  background:var(--hm-blue-light);
}
.single-post.hiba-marketing-hallmark .editorial-quick h2{
  margin:0 0 14px;
  color:var(--hm-ink);
  font:800 23px/1.16 Manrope,sans-serif;
  letter-spacing:-.02em;
}
.single-post.hiba-marketing-hallmark .editorial-quick ul{
  margin:0;
  padding:0;
  list-style:none;
}
.single-post.hiba-marketing-hallmark .editorial-quick li{
  position:relative;
  margin:0;
  padding-left:24px;
  color:var(--hm-text-2);
  font-size:16px;
  line-height:1.52;
}
.single-post.hiba-marketing-hallmark .editorial-quick li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--hm-blue);
  font:800 14px/1.65 Manrope,sans-serif;
}
.single-post.hiba-marketing-hallmark .editorial-quick li+li{margin-top:10px}

.single-post.hiba-marketing-hallmark .editorial-toc{
  padding:0;
  overflow:hidden;
  border:1px solid var(--hm-border);
  border-radius:20px;
  background:var(--hm-surface);
}
.single-post.hiba-marketing-hallmark .editorial-toc>summary{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 14px;
  align-items:center;
  min-height:72px;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.single-post.hiba-marketing-hallmark .editorial-toc>summary::-webkit-details-marker{display:none}
.single-post.hiba-marketing-hallmark .editorial-toc__title{
  color:var(--hm-ink);
  font:800 21px/1.15 Manrope,sans-serif;
  letter-spacing:-.018em;
}
.single-post.hiba-marketing-hallmark .editorial-toc__meta{
  grid-column:1;
  color:var(--hm-muted);
  font:600 14px/1.35 "Source Sans 3",sans-serif;
}
.single-post.hiba-marketing-hallmark .editorial-toc__chevron{
  grid-column:2;
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:var(--hm-subtle);
  color:var(--hm-ink);
  font:700 19px/1 Manrope,sans-serif;
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.single-post.hiba-marketing-hallmark .editorial-toc[open] .editorial-toc__chevron{
  transform:rotate(180deg);
  background:var(--hm-blue-light);
  color:var(--hm-blue);
}
.single-post.hiba-marketing-hallmark .editorial-toc ol{
  margin:0;
  padding:0 8px 8px;
  list-style:none;
}
.single-post.hiba-marketing-hallmark .editorial-toc li{margin:0;border:0}
.single-post.hiba-marketing-hallmark .editorial-toc a{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 18px;
  gap:9px;
  align-items:center;
  min-height:48px;
  padding:9px 10px;
  border-radius:12px;
  color:var(--hm-text-2)!important;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease;
}
.single-post.hiba-marketing-hallmark .editorial-toc a>span{
  color:var(--hm-muted);
  font:800 12px/1 Manrope,sans-serif;
}
.single-post.hiba-marketing-hallmark .editorial-toc a>strong{
  color:inherit;
  font:700 16px/1.25 "Source Sans 3",sans-serif;
}
.single-post.hiba-marketing-hallmark .editorial-toc a>i{
  color:var(--hm-muted);
  font:700 14px/1 Manrope,sans-serif;
  font-style:normal;
  text-align:right;
}
.single-post.hiba-marketing-hallmark .editorial-toc a:hover,
.single-post.hiba-marketing-hallmark .editorial-toc a.is-active{
  color:var(--hm-ink)!important;
  background:var(--hm-blue-light);
}
.single-post.hiba-marketing-hallmark .editorial-toc a.is-active{
  box-shadow:inset 3px 0 0 var(--hm-blue);
}
.single-post.hiba-marketing-hallmark .editorial-toc a.is-active>span,
.single-post.hiba-marketing-hallmark .editorial-toc a.is-active>i{color:var(--hm-blue)}

/* ---------- Editorial sections ---------- */
.single-post.hiba-marketing-hallmark .resource-section{
  width:100%;
  max-width:760px;
  margin-inline:auto;
  padding:64px 0;
  border-top:1px solid var(--hm-border-soft);
}
.single-post.hiba-marketing-hallmark .resource-section__head{
  position:relative;
  max-width:720px;
  margin:0 0 28px;
  padding-top:18px;
}
.single-post.hiba-marketing-hallmark .resource-section__head::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:32px;
  height:4px;
  border-radius:999px;
  background:var(--hm-blue);
}
.single-post.hiba-marketing-hallmark .resource-section__head h2,
.single-post.hiba-marketing-hallmark .resource-prose h2{
  max-width:680px;
  margin:0 0 14px;
  color:var(--hm-ink);
  font:800 clamp(36px,4.2vw,46px)/1.1 Manrope,sans-serif;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.single-post.hiba-marketing-hallmark .resource-section__head>p{
  max-width:650px;
  margin:0;
  color:var(--hm-text-2);
  font-size:19px;
  line-height:1.6;
  font-weight:500;
}
.single-post.hiba-marketing-hallmark .resource-prose{max-width:720px}
.single-post.hiba-marketing-hallmark .resource-prose h3{
  max-width:700px;
  margin:44px 0 14px;
  padding-left:16px;
  border-left:3px solid var(--hm-blue);
  color:var(--hm-ink);
  font:800 clamp(24px,2.8vw,29px)/1.2 Manrope,sans-serif;
  letter-spacing:-.016em;
  text-wrap:pretty;
}
.single-post.hiba-marketing-hallmark .resource-prose p,
.single-post.hiba-marketing-hallmark .resource-prose li{
  color:var(--hm-text-2);
  font-size:19px;
  line-height:1.72;
}
.single-post.hiba-marketing-hallmark .resource-prose p{margin:0 0 22px}
.single-post.hiba-marketing-hallmark .resource-prose strong{color:var(--hm-ink);font-weight:700}
.single-post.hiba-marketing-hallmark .resource-prose ul,
.single-post.hiba-marketing-hallmark .resource-prose ol{
  margin:0 0 26px;
  padding-left:1.35em;
}
.single-post.hiba-marketing-hallmark .resource-prose li+li{margin-top:9px}
.single-post.hiba-marketing-hallmark .hiba-editorial-content a:not(.button){
  color:var(--hm-blue);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.single-post.hiba-marketing-hallmark .hiba-editorial-content a:not(.button):hover{text-decoration:underline}
.single-post.hiba-marketing-hallmark .hiba-editorial-content :target{scroll-margin-top:96px}

/* ---------- Checklists ---------- */
.single-post.hiba-marketing-hallmark .resource-checklist{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--hm-border);
}
.single-post.hiba-marketing-hallmark .resource-checklist>div{
  padding:20px 22px 20px 0;
  background:transparent;
}
.single-post.hiba-marketing-hallmark .resource-checklist>div:nth-child(even){padding-left:22px}
.single-post.hiba-marketing-hallmark .resource-checklist strong{
  color:var(--hm-ink);
  font:800 18px/1.35 Manrope,sans-serif;
}
.single-post.hiba-marketing-hallmark .resource-checklist p{
  margin:6px 0 0;
  color:var(--hm-text-2);
  font-size:16px;
  line-height:1.58;
}

/* ---------- Figures ---------- */
.single-post.hiba-marketing-hallmark .editorial-figure{
  width:min(880px,calc(100vw - 48px));
  margin:32px 50% 38px;
  transform:translateX(-50%);
}
.single-post.hiba-marketing-hallmark .editorial-figure img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--hm-border-soft);
  border-radius:18px;
  background:var(--hm-subtle-alt);
}
.single-post.hiba-marketing-hallmark .editorial-figure figcaption{
  max-width:720px;
  margin:10px auto 0;
  color:var(--hm-muted);
  font-size:14px;
  line-height:1.5;
  text-align:left;
}

/* ---------- Tables ---------- */
.single-post.hiba-marketing-hallmark .editorial-table-wrap{
  width:min(880px,calc(100vw - 48px));
  margin:28px 50% 36px;
  transform:translateX(-50%);
  overflow-x:auto;
  border-top:1px solid var(--hm-border);
  border-bottom:1px solid var(--hm-border);
  -webkit-overflow-scrolling:touch;
}
.single-post.hiba-marketing-hallmark .editorial-table{
  width:100%;
  min-width:690px;
  border-collapse:collapse;
  background:var(--hm-surface);
}
.single-post.hiba-marketing-hallmark .editorial-table th,
.single-post.hiba-marketing-hallmark .editorial-table td{
  padding:15px 17px;
  border-bottom:1px solid var(--hm-border-soft);
  vertical-align:top;
  text-align:left;
}
.single-post.hiba-marketing-hallmark .editorial-table th{
  color:var(--hm-ink);
  background:var(--hm-subtle-alt);
  font:800 13px/1.35 Manrope,sans-serif;
}
.single-post.hiba-marketing-hallmark .editorial-table td{
  color:var(--hm-text-2);
  font-size:15px;
  line-height:1.5;
}

/* ---------- Notes ---------- */
.single-post.hiba-marketing-hallmark .editorial-callout{
  margin:26px 0;
  padding:18px 20px;
  border-left:3px solid var(--hm-blue);
  background:var(--hm-subtle-alt);
}
.single-post.hiba-marketing-hallmark .editorial-callout strong{
  display:block;
  margin-bottom:5px;
  color:var(--hm-ink);
  font:800 16px/1.35 Manrope,sans-serif;
}
.single-post.hiba-marketing-hallmark .editorial-callout p{
  margin:0!important;
  font-size:16px!important;
  line-height:1.55!important;
}

/* ---------- CRO ---------- */
.single-post.hiba-marketing-hallmark .editorial-cro,
.single-post.hiba-marketing-hallmark .editorial-final-cta{
  width:100%;
  max-width:800px;
  margin:28px auto 60px;
}
.single-post.hiba-marketing-hallmark .editorial-cro--bridge{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);
  gap:26px;
  align-items:center;
  padding:30px 32px;
  border:1px solid var(--hm-blue-border);
  border-radius:24px;
  background:var(--hm-blue-light);
}
.single-post.hiba-marketing-hallmark .editorial-cro--decision{
  margin:30px 0 10px;
  padding:20px 20px;
  border-left:4px solid var(--hm-blue);
  background:var(--hm-subtle-alt);
}
.single-post.hiba-marketing-hallmark .editorial-cro__copy>span,
.single-post.hiba-marketing-hallmark .editorial-final-cta__copy>span{
  display:block;
  margin-bottom:8px;
  color:var(--hm-blue);
  font:700 14px/1.35 "Source Sans 3",sans-serif;
}
.single-post.hiba-marketing-hallmark .editorial-cro h2,
.single-post.hiba-marketing-hallmark .editorial-cro h3,
.single-post.hiba-marketing-hallmark .editorial-final-cta h2{
  margin:0 0 11px;
  padding:0;
  border:0;
  color:var(--hm-ink);
  font:800 clamp(27px,3vw,35px)/1.14 Manrope,sans-serif;
  letter-spacing:-.022em;
  text-wrap:balance;
}
.single-post.hiba-marketing-hallmark .editorial-cro p,
.single-post.hiba-marketing-hallmark .editorial-final-cta p{
  margin:0;
  color:var(--hm-text-2);
  font-size:17px;
  line-height:1.56;
}
.single-post.hiba-marketing-hallmark .editorial-cro__actions,
.single-post.hiba-marketing-hallmark .editorial-final-cta__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
}
.single-post.hiba-marketing-hallmark .editorial-cro__actions .button,
.single-post.hiba-marketing-hallmark .editorial-final-cta__actions .button{
  min-height:50px;
  justify-content:center;
  text-align:center;
  white-space:normal;
}
.single-post.hiba-marketing-hallmark .editorial-cro__link{
  color:var(--hm-blue)!important;
  font:700 15px/1.35 "Source Sans 3",sans-serif;
  text-align:center;
  text-decoration:none!important;
}
.single-post.hiba-marketing-hallmark .editorial-cro__link:hover{text-decoration:underline!important}

.single-post.hiba-marketing-hallmark .editorial-final-cta{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr);
  gap:28px;
  align-items:center;
  margin-top:20px;
  margin-bottom:0;
  padding:34px 34px calc(34px + env(safe-area-inset-bottom));
  border-radius:28px;
  background:var(--hm-ink);
}
.single-post.hiba-marketing-hallmark .editorial-final-cta__copy>span{color:var(--hm-blue-border)}
.single-post.hiba-marketing-hallmark .editorial-final-cta h2{color:var(--hm-surface)}
.single-post.hiba-marketing-hallmark .editorial-final-cta p{color:var(--hm-border)}
.single-post.hiba-marketing-hallmark .editorial-final-cta .button--secondary{
  border:1px solid rgba(255,255,255,.42);
  background:transparent;
  color:var(--hm-surface);
}
.single-post.hiba-marketing-hallmark .editorial-final-cta .button--secondary:hover{
  border-color:var(--hm-surface);
  background:rgba(255,255,255,.08);
}

/* ---------- Existing docs bridge ---------- */
.single-post.hiba-marketing-hallmark .resource-docs-bridge{
  width:100%;
  max-width:760px;
  margin:12px auto 0;
  padding:28px 30px;
  border-radius:20px;
  box-shadow:none;
}
.single-post.hiba-marketing-hallmark .resource-docs-bridge h2{font-size:clamp(28px,3.5vw,36px)}

/* ---------- Reading progress ---------- */
.single-post.hiba-marketing-hallmark .editorial-reading-progress{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  width:100%;
  height:3px;
  pointer-events:none;
  background:transparent;
}
.single-post.hiba-marketing-hallmark .editorial-reading-progress>span{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:var(--hm-blue);
  will-change:transform;
}

/* ---------- Tablet ---------- */
@media(max-width:899px){
  .single-post.hiba-marketing-hallmark .editorial-start{grid-template-columns:1fr;gap:14px}
  .single-post.hiba-marketing-hallmark .editorial-cro--bridge,
  .single-post.hiba-marketing-hallmark .editorial-final-cta{grid-template-columns:1fr;align-items:start}
  .single-post.hiba-marketing-hallmark .editorial-cro__actions,
  .single-post.hiba-marketing-hallmark .editorial-final-cta__actions{align-items:stretch}
}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  .single-post.hiba-marketing-hallmark .hiba-editorial-post{padding:68px 0 68px}
  .single-post.hiba-marketing-hallmark .hiba-editorial-shell{width:min(calc(100% - 32px),860px)}
  .single-post.hiba-marketing-hallmark .resource-hero,
  .single-post.hiba-marketing-hallmark .resource-hero--compact{padding:26px 0 28px}
  .single-post.hiba-marketing-hallmark .resource-hero__copy .public-kicker{margin-bottom:10px;font-size:11px}
  .single-post.hiba-marketing-hallmark .resource-hero__copy h1{
    margin-bottom:15px;
    font-size:clamp(36px,10vw,42px);
    line-height:1.06;
    letter-spacing:-.03em;
    text-wrap:pretty;
  }
  .single-post.hiba-marketing-hallmark .resource-hero__copy>p:not(.public-kicker){font-size:17.5px;line-height:1.58}
  .single-post.hiba-marketing-hallmark .editorial-meta{margin:0 auto 22px;padding-bottom:16px;font-size:13px}
  .single-post.hiba-marketing-hallmark .editorial-meta span+span::before{margin-right:12px}
  .single-post.hiba-marketing-hallmark .editorial-start{margin-bottom:10px}
  .single-post.hiba-marketing-hallmark .editorial-quick{padding:20px 18px;border-radius:18px}
  .single-post.hiba-marketing-hallmark .editorial-quick h2{font-size:21px}
  .single-post.hiba-marketing-hallmark .editorial-quick li{font-size:16px;line-height:1.5}
  .single-post.hiba-marketing-hallmark .editorial-toc{border-radius:18px}
  .single-post.hiba-marketing-hallmark .editorial-toc>summary{min-height:66px;padding:14px 16px}
  .single-post.hiba-marketing-hallmark .editorial-toc__title{font-size:20px}
  .single-post.hiba-marketing-hallmark .editorial-toc__meta{font-size:13px}
  .single-post.hiba-marketing-hallmark .editorial-toc a{min-height:52px;padding:10px 9px}
  .single-post.hiba-marketing-hallmark .editorial-toc a>strong{font-size:16px}
  .single-post.hiba-marketing-hallmark .resource-section{padding:50px 0}
  .single-post.hiba-marketing-hallmark .resource-section__head{margin-bottom:24px;padding-top:17px}
  .single-post.hiba-marketing-hallmark .resource-section__head::before{width:28px}
  .single-post.hiba-marketing-hallmark .resource-section__head h2,
  .single-post.hiba-marketing-hallmark .resource-prose h2{
    font-size:32px;
    line-height:1.12;
    letter-spacing:-.02em;
  }
  .single-post.hiba-marketing-hallmark .resource-section__head>p{font-size:18px;line-height:1.58}
  .single-post.hiba-marketing-hallmark .resource-prose h3{
    margin-top:36px;
    padding-left:14px;
    font-size:23px;
    line-height:1.22;
  }
  .single-post.hiba-marketing-hallmark .resource-prose p,
  .single-post.hiba-marketing-hallmark .resource-prose li{font-size:18px;line-height:1.68}
  .single-post.hiba-marketing-hallmark .resource-prose p{margin-bottom:19px}
  .single-post.hiba-marketing-hallmark .resource-checklist{grid-template-columns:1fr}
  .single-post.hiba-marketing-hallmark .resource-checklist>div,
  .single-post.hiba-marketing-hallmark .resource-checklist>div:nth-child(even){padding:17px 0;border-left:0}
  .single-post.hiba-marketing-hallmark .editorial-figure{width:calc(100vw - 24px);margin-top:26px;margin-bottom:30px}
  .single-post.hiba-marketing-hallmark .editorial-figure img{border-radius:14px}
  .single-post.hiba-marketing-hallmark .editorial-figure figcaption{padding:0 6px;font-size:13px}
  .single-post.hiba-marketing-hallmark .editorial-table-wrap{width:calc(100vw - 24px);margin-top:22px;margin-bottom:30px}
  .single-post.hiba-marketing-hallmark .editorial-callout{margin:22px 0;padding:17px 16px}
  .single-post.hiba-marketing-hallmark .editorial-cro,
  .single-post.hiba-marketing-hallmark .editorial-final-cta{margin-bottom:44px}
  .single-post.hiba-marketing-hallmark .editorial-cro--bridge{padding:24px 20px;border-radius:20px;gap:20px}
  .single-post.hiba-marketing-hallmark .editorial-cro--decision{padding:19px 16px}
  .single-post.hiba-marketing-hallmark .editorial-cro h2,
  .single-post.hiba-marketing-hallmark .editorial-cro h3,
  .single-post.hiba-marketing-hallmark .editorial-final-cta h2{font-size:27px;line-height:1.16}
  .single-post.hiba-marketing-hallmark .editorial-cro p,
  .single-post.hiba-marketing-hallmark .editorial-final-cta p{font-size:17px;line-height:1.55}
  .single-post.hiba-marketing-hallmark .editorial-final-cta{
    padding:27px 20px calc(28px + env(safe-area-inset-bottom));
    border-radius:22px;
    gap:22px;
  }
  .single-post.hiba-marketing-hallmark .resource-docs-bridge{padding:24px 20px;border-radius:16px}
}

@media(max-width:390px){
  .single-post.hiba-marketing-hallmark .hiba-editorial-shell{width:min(calc(100% - 28px),860px)}
  .single-post.hiba-marketing-hallmark .resource-hero__copy h1{font-size:36px}
}

@media(prefers-reduced-motion:reduce){
  .single-post.hiba-marketing-hallmark .editorial-toc__chevron,
  .single-post.hiba-marketing-hallmark .editorial-toc a{transition:none}
}