/* ===== Shared content-section styling (hjl-*) on the site design tokens ===== */
.hjl-login{color:var(--color-p);}
.hjl-login h2.size-h2{margin:54px 0 18px;}
.hjl-login > .hjl-eyebrow + h2.size-h2{margin-top:14px;}
.hjl-login p{color:var(--color-p);opacity:.9;margin:0 0 16px;line-height:1.7;}
.hjl-login p:last-child{margin-bottom:0;}
.hjl-login strong,.hjl-login b{color:var(--color-white);}
.hjl-login a{color:var(--color-accent);}

.hjl-eyebrow{display:inline-block;font-family:'Font-Secondary',Arial,sans-serif;font-weight:700;
    font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);
    border:1px solid color-mix(in srgb,var(--color-accent) 26%,transparent);
    padding:5px 13px;border-radius:999px;margin:34px 0 14px;}
.hjl-lead{font-size:1.06rem;color:var(--color-white)!important;opacity:1!important;margin-bottom:22px;}

/* trust chips */
.hjl-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px;}
.hjl-chip{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--color-white);
    background:color-mix(in srgb,var(--color-dark-2) 30%,transparent);
    border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);
    border-radius:999px;padding:8px 15px;}
.hjl-chip .hjl-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);flex-shrink:0;}

/* cards */
.hjl-card{background:color-mix(in srgb,var(--color-dark-2) 20%,var(--color-dark));
    border:1px solid color-mix(in srgb,var(--color-accent) 18%,transparent);
    border-radius:16px;padding:26px 28px;margin:6px 0 4px;}
.hjl-card h3{font-family:'Font-Secondary',Arial,sans-serif;font-size:1.15rem;color:var(--color-white);margin:0 0 10px;}
.hjl-card p{margin:0;}

/* CTA block */
.hjl-cta-block{position:relative;overflow:hidden;text-align:center;
    background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--color-dark-2) 55%,transparent),transparent 60%),
        color-mix(in srgb,var(--color-dark-2) 22%,var(--color-dark));
    border:1px solid color-mix(in srgb,var(--color-accent) 22%,transparent);
    border-radius:20px;padding:40px 34px;margin:30px 0;}
.hjl-cta-block .hjl-joker{position:absolute;top:-26px;left:50%;transform:translateX(-50%);
    font-family:'Font-Secondary',Arial,sans-serif;font-weight:700;font-size:120px;
    color:var(--color-accent);opacity:.07;pointer-events:none;}
.hjl-cta-block h2.size-h2{margin:0 0 10px;}
.hjl-cta-block p{max-width:600px;margin:0 auto 24px;}
.hjl-cta{display:inline-flex!important;align-items:center;gap:10px;min-width:auto;}
.hjl-cta::before{content:"\2666";}
.hjl-cta-note{display:block;margin-top:16px;font-size:.92rem;color:var(--color-white);opacity:.75;}

/* numbered steps */
.hjl-steps{counter-reset:hjl;list-style:none;margin:0;padding:0;}
.hjl-steps li{counter-increment:hjl;position:relative;padding:4px 0 4px 48px;margin-bottom:14px;color:var(--color-p);opacity:.92;}
.hjl-steps li:last-child{margin-bottom:0;}
.hjl-steps li::before{content:counter(hjl);position:absolute;left:0;top:0;width:32px;height:32px;
    background:var(--color-dark-2);color:var(--color-accent);border-radius:9px;
    font-family:'Font-Secondary',Arial,sans-serif;font-weight:700;font-size:.95rem;
    display:flex;align-items:center;justify-content:center;}

/* grids */
.hjl-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:6px 0;}
.hjl-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0;}
.hjl-grid-2 .hjl-card,.hjl-grid-3 .hjl-card{margin:0;}
.hjl-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;
    font-size:1.35rem;color:var(--color-accent);margin-bottom:14px;
    background:color-mix(in srgb,var(--color-dark-2) 35%,transparent);
    border:1px solid color-mix(in srgb,var(--color-accent) 18%,transparent);}

/* tag pills */
.hjl-tags{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none;}
.hjl-tags li{font-size:.88rem;color:var(--color-white);
    background:color-mix(in srgb,var(--color-dark-2) 30%,transparent);
    border:1px solid color-mix(in srgb,var(--color-accent) 18%,transparent);
    border-radius:999px;padding:7px 14px;}

/* checklist */
.hjl-check{list-style:none;margin:14px 0 0;padding:0;}
.hjl-check li{position:relative;padding:6px 0 6px 30px;color:var(--color-p);opacity:.92;}
.hjl-check li::before{content:"\2660";position:absolute;left:0;top:6px;color:var(--color-accent);font-size:.95rem;}

/* troubleshoot table */
.hjl-tablewrap{overflow-x:auto;border-radius:16px;
    border:1px solid color-mix(in srgb,var(--color-accent) 18%,transparent);margin:6px 0;}
.hjl-table{width:100%;border-collapse:collapse;min-width:520px;
    background:color-mix(in srgb,var(--color-dark-2) 20%,var(--color-dark));}
.hjl-table th,.hjl-table td{text-align:left;padding:14px 16px;vertical-align:top;font-size:.98rem;
    border-bottom:1px solid color-mix(in srgb,var(--color-accent) 14%,transparent);}
.hjl-table th{font-family:'Font-Secondary',Arial,sans-serif;color:var(--color-accent);letter-spacing:.04em;}
.hjl-table td{color:var(--color-p);opacity:.9;}
.hjl-table td:first-child{color:var(--color-white);opacity:1;font-weight:600;white-space:nowrap;}
.hjl-table tr:last-child td{border-bottom:none;}

/* disclaimer */
.hjl-disclaimer{font-size:.85rem;color:var(--color-p);opacity:.75;margin-top:26px;}
.hjl-badge{display:inline-block;border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);
    border-radius:8px;padding:3px 10px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
    color:var(--color-accent);margin-right:8px;}

@media (max-width:720px){
    .hjl-grid-2,.hjl-grid-3{grid-template-columns:1fr;}
}

/* callout (left accent bar) */
.hjl-callout{background:color-mix(in srgb,var(--color-accent) 8%,transparent);
    border-left:3px solid var(--color-accent);border-radius:0 12px 12px 0;
    padding:16px 20px;margin:18px 0;line-height:1.7;color:var(--color-p);}
.hjl-callout p{margin:0 0 10px;}
.hjl-callout p:last-child{margin-bottom:0;}

/* fact table (label / value) */
.hjl-table.hjl-fact{min-width:0;}
.hjl-table.hjl-fact td:first-child{color:var(--color-p);opacity:.8;font-weight:400;white-space:normal;width:42%;}
.hjl-table.hjl-fact td:last-child{color:var(--color-white);opacity:1;font-weight:600;}
.hjl-source-note{font-size:.8rem!important;opacity:.6!important;margin-top:6px!important;}

/* plain bullet list inside content / cards */
.hjl-list{list-style:none;margin:10px 0 16px;padding:0;}
.hjl-list li{position:relative;padding:5px 0 5px 24px;color:var(--color-p);opacity:.92;line-height:1.65;}
.hjl-list li::before{content:"";position:absolute;left:4px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--color-accent);}
.hjl-card h3 + p,.hjl-card p + p,.hjl-card p + ul,.hjl-card p + ol{margin-top:12px;}
.hjl-login h3{font-family:'Font-Secondary',Arial,sans-serif;color:var(--color-white);}
.hjl-login > h3{font-size:1.2rem;margin:30px 0 12px;}

/* long words in big headings must not push the page wider than the viewport */
.hjl-login h2,.hjl-login h3,.page_top h1{overflow-wrap:break-word;}
@media (max-width:720px){
    .hjl-login h2.size-h2{font-size:clamp(1.6rem,7.4vw,2.1rem);line-height:1.2;}
    .page_top h1{font-size:clamp(1.9rem,9vw,2.6rem);line-height:1.15;}
    .hjl-card{padding:22px 20px;}
    .hjl-cta-block{padding:34px 22px;}
}