.featured-image { position: relative; } .featured-image a { border-bottom: 0; } .featured-image img, .featured-image-tax img { width: 100%; } .featured-image-tax.alignleft img, .featured-image-tax.alignright img { height: 150px; width: 150px; } .byline { font-family: var(--font-body); line-height: 1.4375rem; color: var(--color-text-sec); font-size: 0.875rem; position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 0.625rem; } :where(.byline) a { border-bottom: 1px solid color-mix(in srgb, var(--color-border), transparent 35%); color: var(--color-text-sec); } .byline-item { display: inline-flex; align-items: center; gap: 0.35em; } .byline a.byline-icon, .byline .byline-icon a { border-bottom: 0; } .byline-item .md-icon-twitter { color: #1da1f2; } .byline-author { gap: 0.3125rem; } .byline-author .avatar { margin: 0; position: relative; } .byline .badge { font-size: inherit; padding: 4px 7px; } .byline-comments-label { display: none; } .byline-seo .rank-math-breadcrumb, .byline-seo .rank-math-breadcrumb p { display: inline; margin: 0; padding: 0; } .byline-reviewed-label { color: var(--color-text-sec); margin-inline-end: 5px; } :where(.byline .byline-reviewed-name a) { border-bottom: 0; color: var(--color-text); font-weight: 600; } [data-theme="dark"] .byline-reviewed { background: color-mix(in srgb, var(--color-content-bg), white 6%); border-color: color-mix(in srgb, var(--color-border), transparent 20%); } .pagination { display: flex; justify-content: center; align-items: center; gap: 0.3125rem; padding-block: 1.9375rem; position: relative; } .post-nav-links { display: flex; justify-content: center; align-items: center; gap: 0.3125rem; background-color: var(--color-bg, var(--color-content-bg)); border: 1px solid var(--color-border); border-radius: var(--radius-m); padding: 1rem; } .pagination .page-numbers, .post-nav-links .post-page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; height: 2.5rem; padding: 0 1rem; font-size: var(--fs-xs); font-weight: 600; color: var(--color-text); background-color: var(--color-content-bg); border: 1px solid var(--color-border); border-radius: var(--radius-s); text-decoration: none; transition: background var(--transition), border-color var(--transition), color var(--transition); } .pagination .page-numbers:hover, .post-nav-links .post-page-numbers:hover { background-color: color-mix(in srgb, var(--color-text) 6%, var(--color-content-bg)); border-color: var(--color-text); color: var(--color-text); } .page-numbers.current, .post-page-numbers.current { background-color: var(--color-text); border-color: var(--color-text); color: var(--color-content-bg); cursor: default; font-weight: 700; } .page-numbers.current:hover, .post-page-numbers.current:hover { background-color: var(--color-text); border-color: var(--color-text); color: var(--color-content-bg); } .page-numbers.dots { background: transparent; border: none; color: var(--color-text-sec); min-width: auto; padding: 0 0.25rem; cursor: default; } .page-numbers.dots:hover { background: transparent; border: none; color: var(--color-text-sec); } .pagination .prev, .pagination .next { font-weight: 700; gap: 0.3rem; } @media (max-width: 480px) { .pagination .page-numbers, .post-nav-links .post-page-numbers { min-width: 2.2rem; height: 2.2rem; padding: 0 0.4rem; } }