/* ==========================================================================
   /hipaa-compliance hub + its ten subpages
   Uses the same tokens as the rest of the site:
   gradient #0f1f7a -> #0056b3, #333 text, #6c757d muted, #e9ecef borders,
   700 max heading weight, 15px cards / 20px panels / 50px pills.
   ========================================================================== */

.hp-eyebrow {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #0f1f7a;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.hp-eyebrow-light {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* breadcrumbs */
.hp-crumbs {
    font-size: 0.88rem;
    color: #6c757d;
}

.hp-crumbs a {
    color: #0f1f7a;
    font-weight: 600;
    text-decoration: none;
}

.hp-crumbs span[aria-hidden] {
    margin: 0 0.5rem;
    color: #ced4da;
}

/* heroes */
.hp-hero,
.hp-hub-hero {
    padding: 3rem 2.25rem;
    border-radius: 10px;
    background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%);
}

.hp-hub-hero {
    padding: 3.5rem 2rem;
}

.hp-hero-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 1.6rem;
    color: #fff;
}

/* article body */
.hp-sec {
    padding-bottom: 1.75rem;
    margin-bottom: 1.75rem;
    border-bottom: 1px solid #e9ecef;
}

.hp-sec:last-of-type {
    border-bottom: 0;
}

.hp-sec p {
    line-height: 1.85;
}

.hp-callout {
    display: block;
    padding: 1.75rem;
    margin: 0 0 2.5rem;
    border-radius: 15px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border: 1px solid #e9ecef;
    border-left: 4px solid #0f1f7a;
}

.hp-callout h2 {
    color: #0f1f7a;
}

.hp-callout p {
    color: #333;
    font-size: 0.94rem;
    line-height: 1.75;
}

.hp-faq details {
    padding: 1.1rem 1.35rem;
    margin-bottom: 0.7rem;
    border: 1px solid #e9ecef;
    border-radius: 15px;
    background: #fff;
}

.hp-faq summary {
    position: relative;
    padding-right: 1.75rem;
    cursor: pointer;
    list-style: none;
    font-weight: 600;
    color: #333;
}

.hp-faq summary::-webkit-details-marker {
    display: none;
}

.hp-faq summary::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    color: #0f1f7a;
    font-weight: 700;
}

.hp-faq details[open] summary::after {
    content: "\2212";
}

.hp-faq p {
    margin: 0.8rem 0 0;
    color: #6c757d;
    font-size: 0.92rem;
    line-height: 1.8;
}

/* sidebar */
.hp-nav {
    padding: 1.5rem;
    border-radius: 15px;
    background: #fff;
    border: 1px solid #e9ecef;
    margin-bottom: 1.5rem;
}

.hp-nav ul {
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}

.hp-nav li a {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.65rem;
    border-radius: 8px;
    color: #6c757d;
    font-size: 0.88rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.hp-nav li a i {
    width: 18px;
    text-align: center;
    color: #0f1f7a;
}

.hp-nav li a:hover {
    background: #f8f9fa;
    color: #0f1f7a;
}

.hp-nav li.active a {
    background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%);
    color: #fff;
    font-weight: 600;
}

.hp-nav li.active a i {
    color: #fff;
}

.hp-nav-back {
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
}

.hp-links {
    padding: 1.5rem;
    border-radius: 15px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border: 1px solid #e9ecef;
}

.hp-links a {
    display: block;
    padding: 0.45rem 0;
    border-bottom: 1px solid #e9ecef;
    color: #6c757d;
    font-size: 0.88rem;
    text-decoration: none;
}

.hp-links a:last-child {
    border-bottom: 0;
}

.hp-links a:hover {
    color: #0f1f7a;
}

/* hub */
.hp-stat {
    padding: 1.75rem 1.5rem;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
}

.hp-stat:hover {
    border-color: #0f1f7a;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.hp-stat i {
    display: block;
    margin-bottom: 0.85rem;
    font-size: 1.6rem;
    color: #0f1f7a;
}

.hp-hub-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 1.25rem;
}

.hp-hub-card {
    position: relative;
    display: block;
    padding: 1.75rem;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 15px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.hp-hub-card:hover {
    color: #333;
    border-color: #0f1f7a;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.hp-hub-num {
    position: absolute;
    top: 1.25rem;
    right: 1.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #eef2fb;
}

.hp-hub-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 1rem;
    border-radius: 15px;
    background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%);
    color: #fff;
    font-size: 1.2rem;
}

.hp-hub-go {
    display: inline-block;
    margin-top: 1rem;
    color: #0f1f7a;
    font-size: 0.85rem;
    font-weight: 600;
}

.hp-note {
    padding: 2.5rem;
    border-radius: 20px;
    background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%);
    color: #fff;
}

.hp-foot-cta {
    padding: 3rem 2rem;
    border-radius: 20px;
    background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%);
    color: #fff;
}

@media (max-width: 767.98px) {
    .hp-hero,
    .hp-hub-hero {
        padding: 2.25rem 1.35rem;
    }
}

/* ===== PER-PAGE HIPAA CLUSTER RULES ===== */

/* ==========================================================================
   /hipaa-compliance cluster -- per-page rules, part 1
   Pages split out of the old shared subpage template.
   Brand tokens only: gradient #0f1f7a -> #0056b3, #333 text, #6c757d muted,
   #e9ecef borders, 700 max weight, 15px cards / 20px panels / 50px pills.
   ========================================================================== */

/* -------------------------------------------------- shared cluster bits -- */
.hipaa-hero {
    position: relative;
    overflow: hidden;
    padding: 3rem 2.25rem;
    border-radius: 10px;
    background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%);
}
.hp-hero-cta { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.hp-kicker {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #0f1f7a;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* ------------------------------------------------------- PATIENT RIGHTS -- */
.hpr-ledger { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.7rem; }
.hpr-ledger li { display: flex; gap: 1.25rem; align-items: flex-start; padding: 1.5rem 1.65rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hpr-n { flex: 0 0 auto; font-size: 1.35rem; font-weight: 700; line-height: 1; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.hpr-ledger p { color: #6c757d; font-size: 0.92rem; line-height: 1.8; }
.hpr-clock-table th[scope="row"] { color: #333; font-weight: 600; }
.hpr-clock-table td { color: #0f1f7a; font-weight: 600; }
.hpr-esa { padding: 2.5rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hpr-esa p { font-size: 0.96rem; line-height: 1.85; opacity: 0.9; }

/* ---------------------------------------------------- PRIVACY PRACTICES -- */
.hnp-tier { border: 1px solid #e9ecef; border-radius: 20px; overflow: hidden; margin-bottom: 0.85rem; }
.hnp-tier-h { padding: 0.85rem 1.75rem; color: #fff; font-size: 0.78rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.hnp-tier-1 .hnp-tier-h { background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); }
.hnp-tier-2 .hnp-tier-h { background: #0056b3; }
.hnp-tier-3 .hnp-tier-h { background: #6c757d; }
.hnp-tier-b { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 1rem; padding: 1.6rem 1.75rem; background: #fff; }
.hnp-tier-b strong { display: block; margin-bottom: 0.3rem; color: #333; }
.hnp-tier-b p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
.hnp-panel { padding: 2rem; border-radius: 20px; background: #fff; border: 1px solid #e9ecef; }
.hnp-panel-alt { background: #f8f9fa; }
.hnp-list { margin: 0; padding-left: 1.15rem; color: #6c757d; font-size: 0.92rem; line-height: 1.95; }
.hnp-min { padding: 1.85rem 2rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hnp-min p { color: #6c757d; font-size: 0.95rem; line-height: 1.85; }

/* -------------------------------------------------------- DATA SECURITY -- */
.hds-layer { display: grid; grid-template-columns: 150px 1fr; gap: 1.5rem; align-items: start; padding: 1.75rem 1.85rem; margin-bottom: 0.7rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hds-badge { display: inline-block; padding: 0.28rem 0.9rem; border-radius: 50px; background: rgba(15, 31, 122, 0.1); color: #0f1f7a; font-size: 0.72rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; text-align: center; }
.hds-layer p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hds-facts { display: grid; gap: 0.6rem; }
.hds-facts > div { padding: 1.1rem 1.35rem; border-radius: 15px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hds-facts strong { display: block; font-size: 0.95rem; }
.hds-facts span { font-size: 0.85rem; opacity: 0.8; }
.hds-you { padding: 2.5rem; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; }
.hds-you-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); gap: 1rem; }
.hds-you-grid > div { padding: 1.5rem 1.4rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hds-you-grid p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
@media (max-width: 767.98px) { .hds-layer { grid-template-columns: 1fr; gap: 0.75rem; } }

/* ------------------------------------------------ WHAT LANDLORDS RECEIVE -- */
.hlr-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 1rem; }
.hlr-on, .hlr-off { padding: 2rem 1.85rem; border-radius: 20px; border: 1px solid #e9ecef; }
.hlr-on { background: #fff; border-top: 4px solid #0f1f7a; }
.hlr-off { background: #f8f9fa; border-top: 4px solid #ced4da; }
.hlr-item { padding: 0.75rem 0; border-bottom: 1px solid #e9ecef; }
.hlr-item:last-child { border-bottom: 0; }
.hlr-item strong { display: block; color: #333; font-size: 0.93rem; }
.hlr-item span { color: #6c757d; font-size: 0.85rem; }
.hlr-ask-table th[scope="row"] { color: #333; font-weight: 600; }
.hlr-ask-table td.hlr-y { color: #0f1f7a; font-weight: 600; width: 22%; }
.hlr-ask-table td.hlr-n { color: #6c757d; font-weight: 600; width: 22%; }
.hlr-verify { padding: 2.5rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); }
.hlr-verify-steps { display: grid; gap: 0.6rem; }
.hlr-verify-steps > div { display: flex; gap: 1rem; align-items: center; padding: 1rem 1.25rem; border-radius: 15px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.2); }
.hlr-verify-steps span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: #0f1f7a; font-size: 0.8rem; font-weight: 700; }
.hlr-verify-steps p { color: #fff; font-size: 0.9rem; opacity: 0.92; }

/* ---------------------------------------------------- TELEHEALTH PRIVACY -- */
.hth-journey { display: grid; gap: 0.7rem; }
.hth-stop { position: relative; padding: 1.6rem 1.75rem 1.5rem 3.25rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hth-dot { position: absolute; top: 1.85rem; left: 1.4rem; width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); }
.hth-stop p { color: #6c757d; font-size: 0.92rem; line-height: 1.8; }
.hth-box { padding: 2rem; border-radius: 20px; background: #fff; border: 1px solid #e9ecef; }
.hth-box-alt { background: #f8f9fa; }
.hth-list { margin: 0; padding-left: 1.15rem; color: #6c757d; font-size: 0.92rem; line-height: 1.95; }
.hth-side { padding: 2.5rem; border-radius: 20px; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border: 1px solid #e9ecef; }
.hth-side-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; }
.hth-side-grid > div { padding: 1.5rem 1.4rem; background: #fff; border: 1px solid #e9ecef; border-left: 4px solid #0f1f7a; border-radius: 4px 15px 15px 4px; }
.hth-side-grid p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }

/* ------------------------------------------------------ RECORDS REQUESTS -- */
.hrr-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); gap: 0.85rem; }
.hrr-steps article { display: flex; gap: 1rem; align-items: flex-start; padding: 1.6rem 1.5rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hrr-num { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 8px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; font-size: 0.82rem; font-weight: 700; }
.hrr-steps p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
.hrr-script { padding: 2rem 2.25rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hrr-script-label { margin: 0 0 0.85rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; opacity: 0.8; }
.hrr-script-body { margin: 0; font-size: 0.96rem; line-height: 1.9; opacity: 0.95; }
.hrr-panel { padding: 2rem; border-radius: 20px; background: #fff; border: 1px solid #e9ecef; }
.hrr-panel-alt { background: #f8f9fa; }
.hrr-esc { padding: 2rem 2.25rem; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; }
.hrr-esc-row { display: flex; gap: 1.25rem; align-items: center; padding: 0.9rem 0; border-bottom: 1px solid #e9ecef; }
.hrr-esc-row:last-child { border-bottom: 0; }
.hrr-esc-row span { flex: 0 0 auto; width: 76px; color: #0f1f7a; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }
.hrr-esc-row p { color: #6c757d; font-size: 0.91rem; line-height: 1.7; }

/* ------------------------------------------------ AUTHORIZED DISCLOSURES -- */
.had-dl { margin: 0; display: grid; grid-template-columns: minmax(230px, 0.9fr) 1.1fr; }
.had-dl dt { padding: 1.05rem 1.25rem 1.05rem 0; border-top: 1px solid #e9ecef; color: #0f1f7a; font-size: 0.94rem; font-weight: 700; }
.had-dl dd { margin: 0; padding: 1.05rem 0; border-top: 1px solid #e9ecef; color: #6c757d; font-size: 0.92rem; line-height: 1.75; }
.had-narrow { padding: 2.5rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); }
.had-swap { display: grid; gap: 0.5rem; }
.had-swap-row { display: flex; gap: 1rem; align-items: center; padding: 0.9rem 1.2rem; border-radius: 15px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.2); }
.had-swap-row p { color: #fff; font-size: 0.92rem; }
.had-bad, .had-good { flex: 0 0 auto; width: 92px; text-align: center; padding: 0.18rem 0.6rem; border-radius: 50px; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.had-bad { background: rgba(0, 0, 0, 0.22); color: rgba(255, 255, 255, 0.85); }
.had-good { background: #fff; color: #0f1f7a; }
.had-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); gap: 1rem; }
.had-grid > div { padding: 1.6rem 1.5rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.had-grid p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
@media (max-width: 767.98px) { .had-dl { grid-template-columns: 1fr; } .had-dl dt { padding-bottom: 0.2rem; } .had-dl dd { border-top: 0; padding-top: 0; } }

/* ----------------------------------------------------- BREACH NOTIFICATION -- */
.hbn-tiers { display: grid; gap: 0.6rem; }
.hbn-tier { padding: 1.15rem 1.4rem; border-radius: 15px; background: #fff; border: 1px solid #e9ecef; border-left: 4px solid #0f1f7a; }
.hbn-tier strong { display: block; color: #333; }
.hbn-tier span { color: #6c757d; font-size: 0.87rem; }
.hbn-clock { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 0.85rem; }
.hbn-c { padding: 1.75rem 1.5rem; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border: 1px solid #e9ecef; border-radius: 15px; }
.hbn-when { display: inline-block; margin-bottom: 0.7rem; padding: 0.22rem 0.85rem; border-radius: 50px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }
.hbn-c p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
.hbn-notice { padding: 2.5rem; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; }
.hbn-must { margin: 0; padding-left: 1.15rem; color: #6c757d; font-size: 0.93rem; line-height: 1.95; }
.hbn-act { padding: 1.85rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hbn-act p { font-size: 0.9rem; line-height: 1.75; opacity: 0.9; }

/* --------------------------------------------------- MINORS AND GUARDIANS -- */
.hmg-ages { display: grid; grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); gap: 1rem; }
.hmg-age { padding: 1.75rem 1.5rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hmg-band { display: inline-block; margin-bottom: 0.7rem; padding: 0.22rem 0.85rem; border-radius: 50px; background: rgba(15, 31, 122, 0.1); color: #0f1f7a; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.hmg-age p { color: #6c757d; font-size: 0.89rem; line-height: 1.78; }
.hmg-table th[scope="row"] { color: #333; font-weight: 600; }
.hmg-table td { color: #6c757d; font-size: 0.9rem; }
.hmg-exclude { padding: 2.5rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hmg-exclude p { font-size: 0.95rem; line-height: 1.85; opacity: 0.9; }

/* ----------------------------------------------------- PRIVACY COMPLAINTS -- */
.hpc-tracks { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; }
.hpc-track { border: 1px solid #e9ecef; border-radius: 20px; overflow: hidden; }
.hpc-track-h { padding: 0.85rem 1.75rem; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; font-size: 0.78rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.hpc-track-alt .hpc-track-h { background: #6c757d; }
.hpc-track-b { padding: 1.75rem; background: #fff; color: #6c757d; font-size: 0.92rem; line-height: 1.8; }
.hpc-track-b strong { color: #333; }
.hpc-inc { display: grid; gap: 0.55rem; }
.hpc-inc > div { display: flex; gap: 1rem; align-items: center; padding: 0.95rem 1.25rem; background: #fff; border: 1px solid #e9ecef; border-radius: 50px; }
.hpc-inc span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; font-size: 0.76rem; font-weight: 700; }
.hpc-inc p { color: #333; font-size: 0.92rem; }
.hpc-real { padding: 1.85rem; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; }
.hpc-real p { color: #6c757d; font-size: 0.91rem; line-height: 1.8; }
.hpc-real strong { color: #333; }
.hpc-wrong { padding: 2.25rem; border-radius: 20px; background: #fff; border: 1px solid #e9ecef; }
.hpc-wrong-rows { display: grid; gap: 0.55rem; }
.hpc-wrong-rows > div { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: space-between; align-items: baseline; padding: 0.9rem 1.25rem; background: #f8f9fa; border-radius: 15px; }
.hpc-wrong-rows span { color: #6c757d; font-size: 0.91rem; }
.hpc-wrong-rows strong { color: #0f1f7a; font-size: 0.85rem; }


/* ==========================================================================
   /hipaa-compliance cluster -- per-page rules, part 2 (the 10 new topics)
   ========================================================================== */

/* --------------------------------------------------- DOES HIPAA APPLY -- */
.hqa-pairs { display: grid; gap: 0.7rem; }
.hqa-pair { padding: 1.6rem 1.75rem; background: #fff; border: 1px solid #e9ecef; border-left: 4px solid #0f1f7a; border-radius: 4px 15px 15px 4px; }
.hqa-q { margin: 0 0 0.5rem; color: #0f1f7a; font-size: 1rem; font-weight: 700; }
.hqa-a { margin: 0; color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hqa-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); gap: 1rem; }
.hqa-in, .hqa-out { padding: 2rem; border-radius: 20px; border: 1px solid #e9ecef; }
.hqa-in { background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hqa-out { background: #f8f9fa; }
.hqa-cols ul { margin: 0; padding-left: 1.15rem; font-size: 0.92rem; line-height: 1.95; }
.hqa-out ul { color: #6c757d; }
.hqa-which { padding: 2.25rem; border-radius: 20px; background: #fff; border: 1px solid #e9ecef; }
.hqa-table th[scope="row"] { color: #333; font-weight: 600; }
.hqa-table td { color: #6c757d; font-size: 0.9rem; }

/* ------------------------------------------------ WHAT LANDLORDS MAY ASK -- */
.hlq-two { display: grid; gap: 0.6rem; }
.hlq-two > div { display: flex; gap: 1.15rem; align-items: center; padding: 1.3rem 1.5rem; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); border-radius: 15px; color: #fff; }
.hlq-num { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: #fff; color: #0f1f7a; font-weight: 700; }
.hlq-two p { font-size: 0.97rem; }
.hlq-scripts { display: grid; gap: 0.85rem; }
.hlq-scripts article { padding: 1.6rem 1.75rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hlq-scripts h3 { color: #0f1f7a; }
.hlq-scripts p { color: #6c757d; font-size: 0.93rem; line-height: 1.85; font-style: italic; }
.hlq-give { padding: 2.5rem; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; }
.hlq-give p { color: #6c757d; }
.hlq-give-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0.6rem; }
.hlq-give-grid > div { padding: 0.95rem 1.25rem; background: #fff; border: 1px solid #e9ecef; border-radius: 50px; color: #333; font-size: 0.9rem; }

/* ---------------------------------------------------- BUSINESS ASSOCIATES -- */
.hba-chain { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 0.85rem; }
.hba-node { padding: 1.75rem 1.5rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hba-node-alt { background: #f8f9fa; }
.hba-tag { display: inline-block; margin-bottom: 0.7rem; padding: 0.2rem 0.8rem; border-radius: 50px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.hba-tag-alt { background: #adb5bd; }
.hba-node p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
.hba-panel { padding: 2rem; border-radius: 20px; background: #fff; border: 1px solid #e9ecef; }
.hba-panel-alt { background: #f8f9fa; }
.hba-list { margin: 0; padding-left: 1.15rem; color: #6c757d; font-size: 0.92rem; line-height: 1.95; }
.hba-ask { padding: 1.85rem 2rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hba-ask p { font-size: 0.95rem; line-height: 1.85; opacity: 0.9; }

/* --------------------------------------------------------- DATA RETENTION -- */
.hdr-clock { display: grid; gap: 0.6rem; }
.hdr-c { padding: 1.2rem 1.4rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hdr-c strong { display: block; color: #0f1f7a; font-size: 0.95rem; }
.hdr-c span { color: #6c757d; font-size: 0.87rem; line-height: 1.6; }
.hdr-opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 0.85rem; }
.hdr-opts article { padding: 1.6rem 1.5rem; background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border: 1px solid #e9ecef; border-radius: 15px; }
.hdr-opts p { color: #6c757d; font-size: 0.89rem; line-height: 1.78; }
.hdr-end { padding: 2.25rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hdr-end p { font-size: 0.95rem; line-height: 1.85; opacity: 0.9; }

/* -------------------------------------------------------- SECURE MESSAGING -- */
.hsm-rank { display: grid; gap: 0.6rem; }
.hsm-row { display: grid; grid-template-columns: 120px 1fr; gap: 1.25rem; align-items: center; padding: 1.35rem 1.6rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hsm-band { padding: 0.22rem 0.7rem; border-radius: 50px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; }
.hsm-best .hsm-band { background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hsm-good .hsm-band { background: rgba(15, 31, 122, 0.14); color: #0f1f7a; }
.hsm-ok .hsm-band { background: #e9ecef; color: #495057; }
.hsm-poor .hsm-band { background: #f1f3f5; color: #6c757d; }
.hsm-bad .hsm-band { background: #6c757d; color: #fff; }
.hsm-bad { background: #f8f9fa; }
.hsm-row strong { display: block; color: #333; }
.hsm-row p { color: #6c757d; font-size: 0.89rem; line-height: 1.7; }
.hsm-note { padding: 1.85rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hsm-note p { padding: 0.45rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.18); font-size: 0.91rem; opacity: 0.92; }
.hsm-note p:last-child { border-bottom: 0; }
.hsm-onward { padding: 2.5rem; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; }
.hsm-onward-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); gap: 1rem; }
.hsm-onward-grid > div { padding: 1.5rem 1.4rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hsm-onward-grid p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
@media (max-width: 575.98px) { .hsm-row { grid-template-columns: 1fr; gap: 0.5rem; } }

/* ----------------------------------------------------- LETTER VERIFICATION -- */
.hlv-script { display: grid; gap: 0.5rem; padding: 2rem; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; }
.hlv-line { display: grid; grid-template-columns: 96px 1fr; gap: 1rem; align-items: start; padding: 1rem 1.25rem; border-radius: 15px; background: #fff; border: 1px solid #e9ecef; }
.hlv-line > span { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; }
.hlv-them > span { color: #6c757d; }
.hlv-us > span { color: #0f1f7a; }
.hlv-us { border-left: 4px solid #0f1f7a; }
.hlv-refuse { background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); border-color: transparent; }
.hlv-refuse > span, .hlv-refuse p { color: #fff; }
.hlv-line p { color: #333; font-size: 0.92rem; line-height: 1.75; }
.hlv-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.hlv-conf, .hlv-never { padding: 2rem; border-radius: 20px; border: 1px solid #e9ecef; }
.hlv-conf { background: #fff; border-top: 4px solid #0f1f7a; }
.hlv-never { background: #f8f9fa; border-top: 4px solid #ced4da; }
.hlv-cols ul { margin: 0; padding-left: 1.15rem; color: #6c757d; font-size: 0.92rem; line-height: 1.95; }
.hlv-fails { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.85rem; }
.hlv-fails > div { display: flex; gap: 1.15rem; align-items: flex-start; padding: 1.6rem 1.5rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hlv-fn { flex: 0 0 auto; font-size: 1.3rem; font-weight: 700; color: #ced4da; line-height: 1.2; }
.hlv-fails p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
.hlv-board { padding: 2.25rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hlv-board p { font-size: 0.95rem; line-height: 1.85; opacity: 0.9; }
@media (max-width: 575.98px) { .hlv-line { grid-template-columns: 1fr; gap: 0.3rem; } }

/* ---------------------------------------------------- CAMPUS AND WORKPLACE -- */
.hcw-table th[scope="row"] { color: #333; font-weight: 600; width: 22%; }
.hcw-table td { color: #6c757d; font-size: 0.9rem; }
.hcw-box { padding: 2rem; border-radius: 20px; background: #fff; border: 1px solid #e9ecef; }
.hcw-box-alt { background: #f8f9fa; }
.hcw-list { margin: 0; padding-left: 1.15rem; color: #6c757d; font-size: 0.91rem; line-height: 1.9; }
.hcw-work { padding: 2.5rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hcw-work p { font-size: 0.95rem; line-height: 1.85; opacity: 0.9; }

/* -------------------------------------------------------- BILLING PRIVACY -- */
.hbp-split { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1.5rem; align-items: stretch; }
.hbp-side { padding: 2rem 1.85rem; border-radius: 20px; background: #fff; border: 1px solid #e9ecef; }
.hbp-side-alt { background: #f8f9fa; }
.hbp-side p { padding: 0.55rem 0; border-bottom: 1px solid #e9ecef; color: #6c757d; font-size: 0.92rem; }
.hbp-side p:last-child { border-bottom: 0; }
.hbp-divider { width: 1px; background: #e9ecef; }
.hbp-what { padding: 1.85rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hbp-what p { font-size: 0.91rem; line-height: 1.8; opacity: 0.92; }
.hbp-opts { padding: 2.5rem; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; }
.hbp-opt-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); gap: 1rem; }
.hbp-opt-grid > div { padding: 1.5rem 1.4rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hbp-opt-grid p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
@media (max-width: 767.98px) { .hbp-split { grid-template-columns: 1fr; } .hbp-divider { width: auto; height: 1px; } }

/* -------------------------------------------------------- REVOKING CONSENT -- */
.hrc-states { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1.25rem; align-items: center; }
.hrc-before, .hrc-after { padding: 2rem 1.85rem; border-radius: 20px; border: 1px solid #e9ecef; }
.hrc-before { background: #f8f9fa; }
.hrc-after { background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hrc-before p { color: #6c757d; font-size: 0.92rem; }
.hrc-after p { font-size: 0.92rem; opacity: 0.92; }
.hrc-arrow { color: #0f1f7a; font-size: 1.4rem; }
.hrc-panel { padding: 2rem; border-radius: 20px; background: #fff; border: 1px solid #e9ecef; }
.hrc-panel-alt { background: #f8f9fa; }
.hrc-list { margin: 0; padding-left: 1.15rem; color: #6c757d; font-size: 0.92rem; line-height: 1.95; }
.hrc-template { padding: 2rem 2.25rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hrc-label { margin: 0 0 0.85rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; opacity: 0.8; }
.hrc-body { margin: 0 0 1rem; font-size: 0.96rem; line-height: 1.9; opacity: 0.95; }
.hrc-note { font-size: 0.87rem; opacity: 0.75; }
.hrc-land { padding: 2.25rem; border-radius: 20px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
@media (max-width: 767.98px) { .hrc-states { grid-template-columns: 1fr; } .hrc-arrow { transform: rotate(90deg); text-align: center; } }

/* ------------------------------------------------------ STATE PRIVACY LAWS -- */
.hsp-stack { display: grid; gap: 0.7rem; }
.hsp-layer { display: grid; grid-template-columns: 170px 1fr; gap: 1.35rem; align-items: start; padding: 1.6rem 1.75rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hsp-lab { padding: 0.24rem 0.8rem; border-radius: 50px; background: rgba(15, 31, 122, 0.1); color: #0f1f7a; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; }
.hsp-layer strong { display: block; margin-bottom: 0.3rem; color: #333; }
.hsp-layer p { color: #6c757d; font-size: 0.91rem; line-height: 1.78; }
.hsp-reach { padding: 1.85rem; border-radius: 20px; background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); color: #fff; }
.hsp-reach p { padding: 0.45rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.18); font-size: 0.91rem; opacity: 0.92; }
.hsp-reach p:last-child { border-bottom: 0; }
.hsp-strict { padding: 2.5rem; border-radius: 20px; background: #f8f9fa; border: 1px solid #e9ecef; }
.hsp-strict-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
.hsp-strict-grid > div { padding: 1.5rem 1.4rem; background: #fff; border: 1px solid #e9ecef; border-radius: 15px; }
.hsp-strict-grid p { color: #6c757d; font-size: 0.89rem; line-height: 1.75; }
@media (max-width: 767.98px) { .hsp-layer { grid-template-columns: 1fr; gap: 0.6rem; } }


/* --- per-page hero accent and callout (one pair per topic) --- */
.had-hero { background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%); }
.had-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.had-callout h2 { color: #0f1f7a; }
.had-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hbp-hero { background: linear-gradient(120deg, #0f1f7a 0%, #0056b3 100%); }
.hbp-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hbp-callout h2 { color: #0f1f7a; }
.hbp-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hbn-hero { background: linear-gradient(150deg, #0f1f7a 0%, #0056b3 100%); }
.hbn-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hbn-callout h2 { color: #0f1f7a; }
.hbn-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hba-hero { background: linear-gradient(110deg, #0f1f7a 0%, #0056b3 100%); }
.hba-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hba-callout h2 { color: #0f1f7a; }
.hba-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hcw-hero { background: linear-gradient(160deg, #0f1f7a 0%, #0056b3 100%); }
.hcw-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hcw-callout h2 { color: #0f1f7a; }
.hcw-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hdr-hero { background: linear-gradient(125deg, #0f1f7a 0%, #0056b3 100%); }
.hdr-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hdr-callout h2 { color: #0f1f7a; }
.hdr-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hds-hero { background: linear-gradient(145deg, #0f1f7a 0%, #0056b3 100%); }
.hds-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hds-callout h2 { color: #0f1f7a; }
.hds-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hqa-hero { background: linear-gradient(115deg, #0f1f7a 0%, #0056b3 100%); }
.hqa-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hqa-callout h2 { color: #0f1f7a; }
.hqa-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hlv-hero { background: linear-gradient(155deg, #0f1f7a 0%, #0056b3 100%); }
.hlv-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hlv-callout h2 { color: #0f1f7a; }
.hlv-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hmg-hero { background: linear-gradient(130deg, #0f1f7a 0%, #0056b3 100%); }
.hmg-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hmg-callout h2 { color: #0f1f7a; }
.hmg-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hpr-hero { background: linear-gradient(140deg, #0f1f7a 0%, #0056b3 100%); }
.hpr-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hpr-callout h2 { color: #0f1f7a; }
.hpr-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hpc-hero { background: linear-gradient(105deg, #0f1f7a 0%, #0056b3 100%); }
.hpc-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hpc-callout h2 { color: #0f1f7a; }
.hpc-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hnp-hero { background: linear-gradient(165deg, #0f1f7a 0%, #0056b3 100%); }
.hnp-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hnp-callout h2 { color: #0f1f7a; }
.hnp-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hrr-hero { background: linear-gradient(118deg, #0f1f7a 0%, #0056b3 100%); }
.hrr-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hrr-callout h2 { color: #0f1f7a; }
.hrr-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hrc-hero { background: linear-gradient(148deg, #0f1f7a 0%, #0056b3 100%); }
.hrc-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hrc-callout h2 { color: #0f1f7a; }
.hrc-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hsm-hero { background: linear-gradient(128deg, #0f1f7a 0%, #0056b3 100%); }
.hsm-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hsm-callout h2 { color: #0f1f7a; }
.hsm-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hsp-hero { background: linear-gradient(138deg, #0f1f7a 0%, #0056b3 100%); }
.hsp-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hsp-callout h2 { color: #0f1f7a; }
.hsp-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hth-hero { background: linear-gradient(122deg, #0f1f7a 0%, #0056b3 100%); }
.hth-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hth-callout h2 { color: #0f1f7a; }
.hth-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hlq-hero { background: linear-gradient(152deg, #0f1f7a 0%, #0056b3 100%); }
.hlq-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hlq-callout h2 { color: #0f1f7a; }
.hlq-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }
.hlr-hero { background: linear-gradient(132deg, #0f1f7a 0%, #0056b3 100%); }
.hlr-callout { display: block; padding: 1.75rem 1.85rem; border-radius: 15px; background: #f8f9fa; border-left: 4px solid #0f1f7a; }
.hlr-callout h2 { color: #0f1f7a; }
.hlr-callout p { color: #6c757d; font-size: 0.93rem; line-height: 1.8; }


/* CTA panel: matches the /blog and /pricing treatment */
.hp-foot-cta {
    background: rgb(15 31 122) !important;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.hp-foot-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/static/images/pet-bg-pattern.png);
    background-repeat: repeat;
    background-size: 475px;
    filter: invert(1);
    opacity: 0.13;
    pointer-events: none;
    z-index: 0;
}
.hp-foot-cta > * { position: relative; z-index: 1; }