/* Text-first blog index, following the featured / two / three-card Semrush layout. */
body.iqblog-native.blog-page { padding-bottom: 0; }

body.iqblog-native .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

body.iqblog-native .blog-toolbar { position: sticky; top: calc(var(--top-offset) + var(--header-height)); z-index: 15; border: 0; background: var(--paper); }

@media (min-width: 901px) {
body.iqblog-native.nav-enhanced .blog-toolbar { transition: transform var(--nav-duration) var(--nav-ease); }
body.iqblog-native.nav-hidden .blog-toolbar { transform: translateY(calc(-1 * var(--nav-travel))); pointer-events: none; }
}

body.iqblog-native .blog-toolbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; width: 100%; max-width: var(--shell-width); margin: auto; min-height: 72px; padding: 12px var(--page-gutter); }

body.iqblog-native .blog-topics { display: flex; align-items: center; gap: 24px; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }

body.iqblog-native .topic-button { flex-shrink: 0; border: 0; border-bottom: 2px solid transparent; padding: 12px 0 10px; color: #454540; background: transparent; font-size: 14px; line-height: 20px; font-weight: 500; white-space: nowrap; cursor: pointer; transition: color 150ms, border-color 150ms; }

body.iqblog-native .topic-button:hover { color: var(--ink); }

body.iqblog-native .topic-button[aria-pressed="true"] { color: var(--accent); border-bottom-color: var(--accent); }

body.iqblog-native .blog-search { display: flex; align-items: center; gap: 8px; width: 240px; min-width: 180px; flex-shrink: 0; border: 1px solid var(--line); border-radius: 24px; padding-inline: 16px 4px; color: var(--muted); background: var(--paper); }

body.iqblog-native .blog-search:focus-within { border-color: var(--link); outline: 2px solid var(--link); outline-offset: 3px; }

body.iqblog-native .blog-search input { width: 100%; min-width: 0; height: 42px; padding: 0; border: 0; outline: none; font: inherit; font-size: 13px; color: var(--ink); background: transparent; }

body.iqblog-native .blog-search input::placeholder { color: var(--muted); opacity: 1; }

body.iqblog-native .blog-search svg { flex-shrink: 0; }

body.iqblog-native .blog-main { width: 100%; max-width: var(--shell-width); margin: auto; padding: 32px var(--page-gutter) 64px; }

body.iqblog-native .blog-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px; }

body.iqblog-native .blog-card { grid-column: span 2; }

body.iqblog-native .blog-card:first-child { grid-column: 1 / -1; padding: 32px; background: #f6dfbd; }

body.iqblog-native .blog-card:nth-child(2), body.iqblog-native .blog-card:nth-child(3) { grid-column: span 3; }

body.iqblog-native .blog-card:first-child h2 { max-width: 860px; font-size: 32px; line-height: 1.2; }

body.iqblog-native .blog-card:nth-child(2) h2, body.iqblog-native .blog-card:nth-child(3) h2 { font-size: 26px; }

body.iqblog-native .blog-card:first-child .story-card-summary { max-width: 900px; font-size: 16px; }

body.iqblog-native .blog-card:first-child .story-card-meta { color: #5b4a37; font-size: 12px; }

body.iqblog-native .blog-grid.is-filtered .blog-card { grid-column: span 3; padding: 24px; background: #e5eeea; }

body.iqblog-native .blog-grid.is-filtered .blog-card h2 { font-size: 24px; line-height: 1.16; }

body.iqblog-native .blog-grid.is-filtered .story-card-summary { font-size: 16px; }

body.iqblog-native .blog-grid.is-filtered .story-card-meta { color: #48524b; font-size: 12px; }

body.iqblog-native .blog-search-status { margin: 0 0 24px; font-size: 13px; color: var(--muted); }

body.iqblog-native .blog-load-more { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 32px 0 48px; }

body.iqblog-native .load-more-button, body.iqblog-native .reset-filters { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 24px; border: 1px solid #454540; border-radius: 999px; color: #182016; background: transparent; font-size: 14px; font-weight: 550; cursor: pointer; transition: background 150ms; }

body.iqblog-native .load-more-button:hover, body.iqblog-native .reset-filters:hover { background: #f0f0ec; }

body.iqblog-native .article-count { font-size: 12px; color: var(--muted); }

body.iqblog-native .blog-empty { padding: 48px 24px; text-align: center; border-block: 1px solid var(--line); }

body.iqblog-native .blog-empty h2 { margin: 0 0 12px; font-size: 24px; font-weight: 550; letter-spacing: -0.025em; }

body.iqblog-native .blog-empty p { margin: 0 0 24px; font-size: 14px; color: var(--muted); }

body.iqblog-native .blog-signup { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 40px; border-radius: 8px; background: #f3eddf; }

body.iqblog-native .blog-signup-label { margin: 0 0 16px; font-size: 12px; color: var(--muted); }

body.iqblog-native .blog-signup h2 { margin: 0 0 16px; font-size: 32px; line-height: 1.2; font-weight: 550; letter-spacing: -0.03em; }

body.iqblog-native .blog-signup h2 + p { margin: 0; color: #454540; font-size: 14px; line-height: 1.6; }

body.iqblog-native .blog-signup .signup-link { flex-shrink: 0; min-width: 144px; }

@media (max-width: 1080px) {
body.iqblog-native .blog-toolbar-inner { gap: 24px; }

body.iqblog-native .blog-topics { gap: 20px; }

body.iqblog-native .topic-button { font-size: 13px; }

body.iqblog-native .blog-search { width: 190px; }

}

@media (max-width: 900px) {
body.iqblog-native .blog-toolbar { position: static; }

body.iqblog-native .blog-toolbar-inner { display: block; padding-bottom: 0; }

body.iqblog-native .blog-topics { padding: 8px 4px; margin-inline: -4px; }

body.iqblog-native .blog-search { width: 100%; margin-top: 12px; }

body.iqblog-native .blog-main { padding-top: 24px; }

body.iqblog-native .blog-card { grid-column: span 3; }

body.iqblog-native .blog-card h2 { font-size: 24px; }

body.iqblog-native .blog-card:nth-child(2) h2, body.iqblog-native .blog-card:nth-child(3) h2 { font-size: 24px; }

body.iqblog-native .blog-signup { padding: 32px; }

body.iqblog-native .blog-signup h2 { font-size: 28px; }

}

@media (max-width: 560px) {
body.iqblog-native .blog-toolbar-inner { padding: 8px 16px 0; }

body.iqblog-native .blog-topics { gap: 24px; }

body.iqblog-native .blog-search { margin-top: 8px; }

body.iqblog-native .blog-main { padding: 24px 16px 40px; }

body.iqblog-native .blog-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }

body.iqblog-native .blog-card, body.iqblog-native .blog-card:first-child, body.iqblog-native .blog-card:nth-child(2), body.iqblog-native .blog-card:nth-child(3), body.iqblog-native .blog-grid.is-filtered .blog-card { grid-column: auto; padding: 24px; }

body.iqblog-native .blog-card h2, body.iqblog-native .blog-card:nth-child(2) h2, body.iqblog-native .blog-card:nth-child(3) h2, body.iqblog-native .blog-grid.is-filtered .blog-card h2 { font-size: 24px; }

body.iqblog-native .blog-card:first-child h2 { font-size: 28px; }

body.iqblog-native .blog-card:first-child .story-card-summary { font-size: 16px; }

body.iqblog-native .story-card-summary { margin-bottom: 20px; }

body.iqblog-native .story-card-meta, body.iqblog-native .blog-card:first-child .story-card-meta { font-size: 12px; gap: 4px 8px; }

body.iqblog-native .blog-load-more { padding-block: 24px 32px; }

body.iqblog-native .blog-signup { align-items: start; flex-direction: column; gap: 24px; padding: 24px; }

body.iqblog-native .blog-signup h2 { font-size: 28px; }

}


body.iqblog-native .topic-button[aria-current="page"] { color:var(--accent); border-bottom-color:var(--accent); }
body.iqblog-native .blog-search button { display:flex; align-items:center; justify-content:center; width:44px; height:42px; padding:0; border:0; background:transparent; cursor:pointer; }
body.iqblog-native .blog-search input { margin:0; box-shadow:none; }
body.iqblog-native .blog-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; margin-top:32px; }
body.iqblog-native .blog-pagination p { margin:0; font-size:13px; line-height:20px; color:var(--muted); }
[dir="rtl"] body.iqblog-native .blog-page-arrow { transform: scaleX(-1); }
body.iqblog-native .blog-search button:hover, body.iqblog-native .blog-search button:focus { color:var(--ink); background:transparent; }
body.iqblog-native .blog-search button:focus-visible { outline-offset:-4px; border-radius:20px; }
body.iqblog-native .blog-toolbar { scroll-margin-top:calc(var(--top-offset) + var(--header-height)); }