@media (max-width:568px) {.logo-strip.container
    {
        margin-top: 33px;
    }
}
  .thh-records-btn {
      --btn-bg: #8FA39B;       
      --btn-bg-hover: #7C9189;
      display: inline-flex; align-items: center; gap: .5rem;
      padding: 12px; margin-right: 4px;
		float: right;
      background: var(--btn-bg); color: #fff;
      font-size: 12px; text-transform: uppercase;
		font-weight: 700;	
      text-decoration: none; border-radius: 6px; line-height: 1.5;
      transition: background .2s ease;
      
    }

@media (max-width: 568px){
 .thh-records-btn.mobile{
    padding: 7px;
    margin-top: 8px;
    border-radius: 8px;
    font-size: 10px;
    margin-right: 0px;
    display: block;
       }
}   

@media (min-width: 568px){
 .thh-records-btn.mobile{
           display: none;
       }
}

@media (max-width: 568px) {
    .mobile-buttons-header {
        position: absolute;
        right: 20px;
        top: 10px;
    }
}
    

    .thh-records-btn:hover, .thh-records-btn:focus-visible { background: var(--btn-bg-hover); }
    .thh-records-btn:focus-visible { outline: 3px solid #2E2A26; outline-offset: 2px; }
    .thh-records-btn svg { width: 15px; height: 15px; }


   /* ============================================================
       The Health Hub — Request Medical Records
       Self-contained block. All styles are scoped under .thh-records
       so nothing leaks into the host page.
       Brand colours are CSS variables — edit them in one place below.
       ============================================================ */
 
    .thh-records, .thh-records *, .thh-records *::before, .thh-records *::after { box-sizing: border-box; }
 
    .thh-records {
      /* --- Brand tokens (edit these to match exact brand hex if needed) --- */
      --thh-ink: #2E2A26;
      --thh-muted: #6E6A65;
      --thh-page: #FBF8F6;        /* block background (warm near-white) */
      --thh-surface: #FFFFFF;     /* card background */
      --thh-line: #EBE3DD;        /* hairline borders */
      --thh-terracotta: #C77E5F;  /* primary brand accent */
      --thh-sage: #8FA39B;        /* secondary brand accent */
      --thh-radius: 18px;
      --thh-shadow: 0 1px 2px rgba(46,42,38,.04), 0 10px 28px rgba(46,42,38,.06);
      --thh-shadow-hover: 0 8px 18px rgba(46,42,38,.08), 0 22px 46px rgba(46,42,38,.13);
 
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      color: var(--thh-ink);
      background: var(--thh-page);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      padding: clamp(2.5rem, 6vw, 4.75rem) 20px;
    }
 
    .thh-records__inner { max-width: 884px; margin: 0 auto; }
 
    .thh-records__eyebrow {
      display: inline-flex; align-items: center; gap: .6rem;
      margin: 0 0 .85rem;
      font-family: 'Poppins', sans-serif; font-weight: 600;
      font-size: .78rem; letter-spacing: .16em; text-transform: uppercase;
      color: var(--thh-terracotta);
    }
    .thh-records__eyebrow::before {
      content: ""; width: 26px; height: 2px; border-radius: 2px;
      background: var(--thh-terracotta);
    }
 
    .thh-records__title {
      margin: 0 0 .85rem;
      font-family: 'Poppins', sans-serif; font-weight: 700;
      font-size: clamp(1.85rem, 1.2rem + 2.6vw, 2.55rem);
      line-height: 1.12; letter-spacing: -.01em; color: var(--thh-ink);
    }
 
    .thh-records__intro {
      margin: 0 0 2.1rem; max-width: 54ch;
      font-size: 1.05rem; color: var(--thh-muted);
    }
 
    .thh-records__grid {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;
    }
    @media (max-width: 640px) { .thh-records__grid { grid-template-columns: 1fr; } }
 
    .thh-card {
      --accent: #C77E5F; --accent-hover: #B0694B; --tint: #F6ECE6; --icon: #B0694B;
      position: relative; display: flex; flex-direction: column;
      padding: 26px 26px 24px;
      background: var(--thh-surface);
      border: 1px solid var(--thh-line);
      border-radius: var(--thh-radius);
      box-shadow: var(--thh-shadow);
      text-decoration: none; color: inherit;
      transition: translate .55s cubic-bezier(.2,.7,.3,1), opacity .55s ease,
                  transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }
    .thh-card--third { --accent: #5E7B6F; --accent-hover: #4D685D; --tint: #E9F0ED; --icon: #557064; }
 
    .thh-card__icon {
      display: inline-flex; align-items: center; justify-content: center;
      width: 52px; height: 52px; margin-bottom: 18px;
      border-radius: 14px; background: var(--tint); color: var(--icon);
    }
    .thh-card__icon svg { width: 26px; height: 26px; }
 
    .thh-card__title {
      font-family: 'Poppins', sans-serif; font-weight: 600;
      font-size: 1.18rem; line-height: 1.25; color: var(--thh-ink);
      margin-bottom: .5rem;
    }
    .thh-card__desc { font-size: .95rem; color: var(--thh-muted); margin: 0 0 1.4rem; }
 
    .thh-card__cta {
      margin-top: auto; align-self: flex-start;
      display: inline-flex; align-items: center; gap: .5rem;
      padding: .72rem 1.15rem;
      background: var(--accent); color: #fff;
      border-radius: 10px;
      font-family: 'Poppins', sans-serif; font-weight: 600;
      font-size: .92rem; letter-spacing: .02em;
      transition: background .2s ease, gap .2s ease;
    }
    .thh-card__cta svg { width: 17px; height: 17px; transition: transform .2s ease; }
 
    .thh-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--thh-shadow-hover);
      border-color: var(--accent);
    }
    .thh-card:hover .thh-card__cta { background: var(--accent-hover); }
    .thh-card:hover .thh-card__cta svg { transform: translateX(3px); }
 
    .thh-card:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
 
    .thh-records__footnote {
      display: inline-flex; align-items: center; gap: .5rem;
      margin: 1.9rem 0 .35rem; font-size: .9rem; color: var(--thh-muted);
    }
    .thh-records__footnote svg { width: 15px; height: 15px; color: var(--thh-sage); flex: none; }
 
    .thh-records__help { margin: 0; font-size: .9rem; color: var(--thh-muted); }
    .thh-records__help a { color: var(--thh-terracotta); font-weight: 600; text-decoration: none; }
    .thh-records__help a:hover { text-decoration: underline; }
 
    .thh-sr-only {
      position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
      overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
    }
 

    .thh-records.thh-js .thh-card { opacity: 0; translate: 0 16px; }
    .thh-records.thh-js .thh-card.is-visible { opacity: 1; translate: 0 0; }
    .thh-records.thh-js .thh-card.is-visible:nth-child(2) { transition-delay: .08s; }
 
    @media (prefers-reduced-motion: reduce) {
      .thh-records *, .thh-records *::before, .thh-records *::after {
        transition: none !important; animation: none !important;
      }
      .thh-records.thh-js .thh-card { opacity: 1; translate: none; }
    }