/* Scoped to the /blog/ directory; article and home page layouts stay independent. */
html body.rankhero-blog-landing .rh-directory, html body.category .rh-directory { background:#0f172a; color:#cbd5e1; padding:48px 24px 64px; font-size:16px; line-height:1.65; }
html body .rh-directory *, html body .rh-directory *::before, html body .rh-directory *::after { box-sizing:border-box; }
html body .rh-directory__inner { max-width:1180px; margin:0 auto; }
html body .rh-directory a { color:inherit; text-decoration:none; }
html body .rh-directory a:hover { color:#5eead4; text-decoration:underline; text-underline-offset:4px; }
html body .rh-directory a:focus-visible { outline:3px solid #5eead4; outline-offset:5px; border-radius:3px; }
html body .rh-directory__header { max-width:780px; margin-bottom:28px; }
html body .rh-directory__eyebrow { color:#5eead4; font-size:14px; letter-spacing:.09em; text-transform:uppercase; margin:0 0 8px; }
html body .rh-directory h1 { color:#fff; font-size:clamp(32px,4vw,48px); line-height:1.15; font-weight:650; margin:0 0 16px; }
html body .rh-directory__header > p:last-child { margin:0; font-size:18px; }
html body .rh-directory__topics { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 30px; }
html body .rh-directory__topics a { border:1px solid #475569; padding:8px 14px; border-radius:6px; font-size:14px; color:#e2e8f0; background:#162238; }
html body .rh-directory__toolbar { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 20px; padding:20px 0; border-top:1px solid #334155; border-bottom:1px solid #334155; }
html body .rh-directory__toolbar h2 { color:#fff; margin:0; font-size:24px; line-height:1.3; font-weight:600; }
html body .rh-directory__toolbar p { margin:0; font-size:14px; }
html body .rh-directory__toolbar > span { margin-left:auto; font-size:14px; }
html body .rh-directory__entry { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:center; gap:28px; padding:26px 0; border-bottom:1px solid #334155; }
html body .rh-directory__image { display:block; aspect-ratio:16/10; overflow:hidden; border-radius:8px; background:#1e293b; }
html body .rh-directory__image img { display:block; width:100%; height:100%; object-fit:cover; }
html body .rh-directory__placeholder { display:flex; align-items:center; justify-content:center; flex-direction:column; color:#5eead4; font-size:36px; font-weight:700; }
html body .rh-directory__placeholder span { font-size:14px; color:#cbd5e1; font-weight:400; }
html body .rh-directory__meta { display:flex; flex-wrap:wrap; gap:4px 16px; font-size:14px; margin-bottom:8px; }
html body .rh-directory__meta a { color:#5eead4; }
html body .rh-directory h3 { margin:0 0 10px; color:#f8fafc; font-size:clamp(20px,2.2vw,26px); line-height:1.35; font-weight:600; overflow-wrap:anywhere; }
html body .rh-directory__excerpt { margin:0 0 12px; }
html body .rh-directory__read { display:inline-block; padding:6px 0; color:#5eead4; font-size:15px; font-weight:600; }
html body .rh-directory__pagination { display:flex; flex-wrap:wrap; gap:8px; padding-top:30px; }
html body .rh-directory__pagination > * { min-width:44px; min-height:44px; padding:8px 12px; display:flex; align-items:center; justify-content:center; border:1px solid #475569; border-radius:6px; }
html body .rh-directory__pagination [aria-current] { background:#5eead4; border-color:#5eead4; color:#0f172a; font-weight:700; }
@media(max-width:600px) {
 html body.rankhero-blog-landing .rh-directory, html body.category .rh-directory { padding:30px 18px 44px; }
 html body .rh-directory__header > p:last-child { font-size:16px; }
 html body .rh-directory__toolbar { display:block; }
 html body .rh-directory__toolbar p { margin-top:8px; }
 html body .rh-directory__toolbar > span { display:block; margin-top:4px; }
 html body .rh-directory__entry { grid-template-columns:96px minmax(0,1fr); gap:16px; align-items:start; padding:22px 0; }
 html body .rh-directory__image { aspect-ratio:1; }
 html body .rh-directory__excerpt { display:none; }
 html body .rh-directory h3 { font-size:20px; }
 html body .rh-directory__meta { font-size:14px; gap:4px 10px; }
}
@media(max-width:360px) { html body .rh-directory__entry { grid-template-columns:1fr; } html body .rh-directory__image { max-width:160px; aspect-ratio:16/10; } }

html body .rh-directory__more { flex-basis:100%; font-size:14px; }
html body .rh-directory__more summary { cursor:pointer; color:#5eead4; padding:8px 0; width:fit-content; }
html body .rh-directory__more summary:focus-visible { outline:3px solid #5eead4; outline-offset:3px; }
html body .rh-directory__more > div { display:flex; flex-wrap:wrap; gap:8px; padding-top:8px; }

html body.category .rh-directory--category { width:100%; min-width:0; padding:24px 0 48px; }
html body .rh-directory__back { display:inline-block; margin-bottom:20px; color:#5eead4; }
html body .rh-directory__description { max-width:900px; margin:0 0 24px; }
html body .rh-directory__description p { font-size:16px; line-height:1.65; color:#cbd5e1; }
html body .rh-directory__description a { color:#5eead4; text-decoration:underline; }
html body .rh-directory__entry { float:none; clear:both; width:100%; margin:0; }

/* 1.0.68: compact category header and remove stacked archive spacing. */
html body.category.rankhero-ai-blog-archive .fusion-tb-page-title-bar,
html body.category.rankhero-ai-blog-archive .fusion-tb-page-title-bar > .fusion-fullwidth {
    height:auto !important;
    min-height:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}
html body.category.rankhero-ai-blog-archive .fusion-tb-page-title-bar > .fusion-fullwidth {
    padding-top:32px !important;
    padding-bottom:20px !important;
}
html body.category.rankhero-ai-blog-archive .fusion-tb-page-title-bar .fusion-title {
    margin-top:0 !important;
    margin-bottom:8px !important;
}
html body.category.rankhero-ai-blog-archive .fusion-tb-page-title-bar p { margin:0 !important; }
html body.category.rankhero-ai-blog-archive #main { padding-top:0 !important; }
html body.category.rankhero-ai-blog-archive .rh-directory--category { padding-top:12px; }
@media (max-width:600px) {
    html body.category.rankhero-ai-blog-archive .fusion-tb-page-title-bar > .fusion-fullwidth {
        padding-top:24px !important;
        padding-bottom:16px !important;
    }
}

/* Contextual service links: compact, readable and server-rendered. */
html body .rh-directory__service { display:flex; align-items:center; gap:16px 28px; margin:0 0 24px; padding:18px 20px; border:1px solid #334155; border-left:3px solid #5eead4; border-radius:6px; background:#162238; }
html body .rh-directory__service > div { flex:1; min-width:0; }
html body .rh-directory__service p { color:#cbd5e1; font-size:15px !important; line-height:1.55 !important; margin:0 !important; }
html body .rh-directory__service p.rh-directory__service-title { color:#f8fafc; font-weight:600; font-size:17px !important; margin-bottom:5px !important; }
html body .rh-directory__service > a { color:#5eead4; font-size:15px; font-weight:600; flex:0 1 250px; padding:8px 0; }
@media(max-width:700px) { html body .rh-directory__service { flex-direction:column; align-items:stretch; gap:10px; padding:16px; } html body .rh-directory__service > a { flex:auto; } }