/* Shared styles for the site-wide footer and the /sitemap/ page.
   Linked from index.html, every page generated by scripts/gen-daily.js (pageHead),
   and patched into the <head> of frozen daily pages by patchDailyPage — so this
   file is the single source for these rules. Colours come from each page's own
   :root tokens (which also handle dark mode); the fallbacks are the light theme. */

/* Footer — plain-text "साइट मैप" block, matching the www.manzill.com/breaking footer:
   a faint rule above the heading, then everything — every link group and the © line
   (plain text, free to wrap so it fills the line end) — in ONE paragraph (.sl-flow)
   that wraps across the full width, groups split by a thin "│" (.sl-sep). */
footer.site-links { max-width: var(--maxw, 1100px); margin: 0 auto; padding: 0 16px 48px; font-size: .82rem; color: var(--muted, #6b6b6b); }
footer.site-links a { color: var(--brand, #b71c1c); font-weight: 600; }
footer.site-links .sitemap { border-top: 1px solid var(--border, #e5e5e5); padding-top: 24px; }
footer.site-links .sl-flow { line-height: 2; margin: 0 0 12px; }
/* Wrap only between items, never inside a link or a label ("नवंबर 2026"). */
footer.site-links .sl-flow a, footer.site-links .sl-flow strong { white-space: nowrap; }
footer.site-links .sl-sep { color: var(--muted, #6b6b6b); opacity: .45; margin: 0 .55em; font-weight: 400; }
/* The year label ("2026 — …") reads like /breaking's muted bold "नवंबर 2026", but stays a link. */
footer.site-links strong a { color: inherit; font-weight: inherit; }
footer.site-links .section-head { display: flex; align-items: baseline; gap: 12px; margin: 8px 0 14px; }
footer.site-links .section-head h2 { font-size: 1.25rem; margin: 0; padding-left: 12px; border-left: 4px solid var(--brand, #b71c1c); font-weight: 800; }

/* /sitemap/ page: link cards (main pages, feeds, XML sitemaps). */
.link-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.link-card { display: flex; flex-direction: column; gap: 4px; background: var(--surface, #fff); border: 1px solid var(--border, #e5e5e5); border-left: 4px solid var(--brand, #b71c1c); border-radius: 10px; padding: 12px 14px; box-shadow: var(--shadow, 0 1px 3px rgba(0,0,0,.06)); transition: transform .15s ease, box-shadow .15s ease; }
.link-card:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0,0,0,.10); }
.link-card .lc-title { font-weight: 700; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.link-card .lc-desc { font-size: .84rem; color: var(--muted, #6b6b6b); }
.badge-tag { font-size: .66rem; font-weight: 800; letter-spacing: .06em; background: var(--brand, #b71c1c); color: #fff; padding: 2px 7px; border-radius: 4px; }

/* /sitemap/ page: year → month → day listing. */
.chip { display: inline-block; font-size: .85rem; padding: 5px 12px; border: 1px solid var(--border, #e5e5e5); border-radius: 999px; background: var(--surface, #fff); }
.chip:hover { border-color: var(--brand, #b71c1c); color: var(--brand, #b71c1c); }
.sm-year { font-size: 1.1rem; font-weight: 800; margin: 22px 0 6px; }
.sm-month { font-size: .95rem; font-weight: 700; margin: 14px 0 8px; color: var(--brand, #b71c1c); }
.sm-year .count, .sm-month .count { color: var(--muted, #6b6b6b); font-weight: 400; font-size: .82rem; }
.sm-year a:hover, .sm-month a:hover { text-decoration: underline; }
.day-grid { list-style: none; padding: 0; margin: 0 0 10px; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
.day-grid .chip { display: block; text-align: center; }

@media (prefers-reduced-motion: reduce) { .link-card { transition: none; } }