/* =====================================================================
   Finobazaar inner pages: articles, pages, listings, search, 404.
   ===================================================================== */

.fb-content { padding-block: clamp(1.75rem, 4vw, 3rem) clamp(3rem, 7vw, 5rem); }

/* Page head additions */
.fb-page-head__kicker { margin: 0 0 0.4rem; font-weight: 600; }
.fb-page-head__kicker a { color: var(--fb-gold-ink); text-decoration: none; }
.fb-page-head__kicker a:hover { text-decoration: underline; }
.fb-page-head__meta { margin: 0.85rem 0 0; color: var(--fb-muted); font-size: var(--fb-fs-sm); }

/* ---------------- Article layout ---------------- */
.fb-article { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; align-items: start; }
@media (min-width: 64rem) {
	.fb-article { grid-template-columns: minmax(0, 46rem) minmax(15rem, 19rem); justify-content: space-between; gap: 4rem; }
	.fb-article--solo { grid-template-columns: minmax(0, 46rem); }
}
.fb-article__main { min-width: 0; }
.fb-article__figure { margin: 0 0 2rem; }
.fb-article__figure img { width: 100%; border-radius: var(--fb-r-lg); }
.fb-article__figure figcaption { margin-block-start: 0.5rem; color: var(--fb-muted); font-size: var(--fb-fs-sm); }
.fb-article__foot { display: grid; gap: 0.85rem; margin-block-start: 2.5rem; padding-block-start: 1.25rem; border-block-start: 1px solid var(--fb-line); color: var(--fb-muted); font-size: var(--fb-fs-sm); }
.fb-article__foot p { margin: 0; }

/* Rail */
.fb-rail { display: grid; gap: 1rem; }
@media (min-width: 64rem) { .fb-rail { position: sticky; inset-block-start: calc(var(--fb-header-h) + 1.25rem); } }
.fb-rail__box { padding: 1.15rem 1.25rem; border: 1px solid var(--fb-line); border-radius: var(--fb-r-lg); background: var(--fb-white); }
.fb-rail__box:first-child { background: var(--fb-ivory); }
.fb-rail__title { margin: 0 0 0.35rem; font-weight: 600; }
.fb-rail__text { margin: 0 0 0.85rem; color: var(--fb-muted); font-size: var(--fb-fs-sm); }
.fb-rail .fb-loctrigger { width: 100%; }
.fb-rail__links { display: grid; margin: 0.25rem 0 0; padding: 0; list-style: none; }
.fb-rail__links a { display: flex; align-items: center; gap: 0.65rem; min-height: 2.75rem; border-block-end: 1px solid var(--fb-line); color: var(--fb-ink); font-weight: 500; text-decoration: none; }
.fb-rail__links li:last-child a { border-block-end: 0; }
.fb-rail__links a:hover { color: var(--fb-green); }
.fb-rail__links .fb-icon { width: 1.15rem; height: 1.15rem; color: var(--fb-green); }

/* ---------------- Prose ---------------- */
.fb-prose { font-size: 1.0625rem; line-height: 1.75; overflow-wrap: break-word; }
:lang(hi) .fb-prose,
.fb-prose:lang(hi) { line-height: 1.85; }
.fb-prose > * + * { margin-block-start: 1.15em; }
.fb-prose > :first-child { margin-block-start: 0; }
.fb-prose p { margin-block: 0; }
.fb-prose * + p { margin-block-start: 1.15em; }
.fb-prose h2,
.fb-prose h3,
.fb-prose h4 { margin: 2em 0 0.6em; color: var(--fb-ink); line-height: 1.3; scroll-margin-block-start: calc(var(--fb-header-h) + 1rem); }
.fb-prose h2 { font-size: var(--fb-fs-xl); }
.fb-prose h3 { font-size: var(--fb-fs-lg); }
.fb-prose h4 { font-size: var(--fb-fs-md); }
.fb-prose h2 + *,
.fb-prose h3 + *,
.fb-prose h4 + * { margin-block-start: 0; }
.fb-prose a { color: var(--fb-green); text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
.fb-prose a:hover { text-decoration-thickness: 2px; }
.fb-prose ul,
.fb-prose ol { padding-inline-start: 1.4em; }
.fb-prose li + li { margin-block-start: 0.4em; }
.fb-prose li::marker { color: var(--fb-green); }
.fb-prose strong { color: var(--fb-ink); font-weight: 600; }
.fb-prose img { border-radius: var(--fb-r-md); }
.fb-prose figure { margin-inline: 0; }
.fb-prose figcaption { margin-block-start: 0.5rem; color: var(--fb-muted); font-size: var(--fb-fs-sm); }
.fb-prose blockquote { margin-inline: 0; padding: 0.25rem 0 0.25rem 1.25rem; border-inline-start: 3px solid var(--fb-gold); color: var(--fb-ink); font-size: var(--fb-fs-md); }
.fb-prose hr { margin-block: 2.5em; border: 0; border-block-start: 1px solid var(--fb-line); }
.fb-prose code { padding: 0.1em 0.35em; border-radius: var(--fb-r-sm); background: var(--fb-gray); font-size: 0.9em; }
.fb-prose pre { overflow-x: auto; padding: 1rem; border-radius: var(--fb-r-md); background: var(--fb-gray); font-size: 0.9rem; }
.fb-prose table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: var(--fb-fs-sm); }
.fb-prose th,
.fb-prose td { padding: 0.65rem 0.85rem; border-block-end: 1px solid var(--fb-line); text-align: start; vertical-align: top; }
.fb-prose thead th { background: var(--fb-ivory); color: var(--fb-ink); font-weight: 600; white-space: nowrap; }
.fb-prose .wp-block-table { overflow-x: auto; }
.fb-prose .wp-block-table table { display: table; }
.fb-prose .wp-block-button__link { display: inline-flex; min-height: 2.75rem; align-items: center; padding: 0.6rem 1.25rem; border-radius: var(--fb-r-btn); background: var(--fb-green); color: var(--fb-white); font-weight: 600; text-decoration: none; }
.fb-prose .alignwide,
.fb-prose .alignfull { max-width: 100%; }
.fb-prose .aligncenter { margin-inline: auto; }
@media (min-width: 40rem) {
	.fb-prose .alignleft { float: inline-start; max-width: 50%; margin: 0.3em 1.5em 1em 0; }
	.fb-prose .alignright { float: inline-end; max-width: 50%; margin: 0.3em 0 1em 1.5em; }
}
.page-links { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-block-start: 2rem; }
.fb-meta { color: var(--fb-muted); font-size: var(--fb-fs-sm); }

/* ---------------- Listings ---------------- */
.fb-listing > * { max-width: 58rem; }
.fb-postlist { margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var(--fb-line); }
.fb-postlist__item { border-block-end: 1px solid var(--fb-line); }
.fb-post { position: relative; display: grid; gap: 1rem 2rem; padding-block: 1.5rem; }
.fb-post.has-media { grid-template-columns: minmax(0, 1fr) 7rem; }
@media (min-width: 40rem) { .fb-post.has-media { grid-template-columns: minmax(0, 1fr) 13rem; } }
.fb-post__cat { margin: 0 0 0.3rem; color: var(--fb-gold-ink); font-size: var(--fb-fs-sm); font-weight: 600; }
.fb-post__title { margin: 0; font-size: var(--fb-fs-lg); line-height: 1.35; }
.fb-post__title a { color: var(--fb-ink); text-decoration: none; }
.fb-post__title a::after { content: ""; position: absolute; inset: 0; }
.fb-post:hover .fb-post__title a { color: var(--fb-green); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
.fb-post__excerpt { margin: 0.45rem 0 0; max-width: 40rem; color: var(--fb-muted); }
.fb-post__meta { margin: 0.6rem 0 0; color: var(--fb-muted); font-size: var(--fb-fs-xs); }
.fb-post__media { align-self: start; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--fb-r-md); background: var(--fb-gray); }
.fb-post__media img { width: 100%; height: 100%; object-fit: cover; }
.fb-listing .navigation.pagination { margin-block-start: 2.5rem; }

/* Search */
.fb-search-form-wrap { max-width: 38rem; margin-block-end: 2rem; }
.fb-search-form-wrap .fb-search__input { min-height: 3.25rem; }

/* 404 */
.fb-notfound { display: grid; gap: 1.5rem; }
.fb-notfound .fb-search-form-wrap { margin: 0; }
.fb-notfound__label { margin: 0 0 -0.75rem; color: var(--fb-muted); font-size: var(--fb-fs-sm); font-weight: 600; }

/* ---------------- Comments ---------------- */
.fb-comments { margin-block-start: 3rem; padding-block-start: 2rem; border-block-start: 1px solid var(--fb-line); }
.fb-comments__title { font-size: var(--fb-fs-lg); }
.fb-comments__list,
.fb-comments__list .children { margin: 0; padding: 0; list-style: none; }
.fb-comments__list .children { padding-inline-start: 1.5rem; }
.fb-comments__list .comment-body { padding-block: 1rem; border-block-end: 1px solid var(--fb-line); }
.fb-comments__list .comment-meta { display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; align-items: center; color: var(--fb-muted); font-size: var(--fb-fs-sm); }
.fb-comments__list .avatar { border-radius: 50%; }
.fb-comments .comment-form { display: grid; gap: 1rem; margin-block-start: 1rem; }
.fb-comments .comment-form p { margin: 0; }
.fb-comments .comment-form label { display: block; margin-block-end: 0.35rem; font-weight: 600; font-size: var(--fb-fs-sm); }
.fb-comments .comment-form input[type="text"],
.fb-comments .comment-form input[type="email"],
.fb-comments .comment-form input[type="url"],
.fb-comments .comment-form textarea { width: 100%; min-height: 2.75rem; padding: 0.6rem 0.8rem; border: 1px solid var(--fb-line-strong); border-radius: var(--fb-r-sm); background: var(--fb-white); font: inherit; }
.fb-comments .comment-form-cookies-consent { display: flex; gap: 0.5rem; align-items: flex-start; }
.fb-comments .comment-form-cookies-consent label { font-weight: 400; }
