/*
Theme Name:   Marudhara Kisan
Theme URI:    https://wp.aventatechnologies.com/
Description:  मरुधरा किसान — राजस्थान और बीकानेर के किसानों के लिए हिंदी कृषि समाचार साइट। Kadence child theme with Devanagari-first typography.
Author:       Marudhara Kisan
Template:     kadence
Version:      1.0.0
Text Domain:  marudhara-kisan
*/

/* ============================================================
   1. Self-hosted Devanagari webfonts
   ============================================================ */
@font-face {
  font-family: 'Mukta Display';
  src: url('fonts/Mukta-ExtraBold.woff2') format('woff2');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans Devanagari';
  src: url('fonts/NotoSansDevanagari.woff2') format('woff2-variations'),
       url('fonts/NotoSansDevanagari.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
   2. Design tokens
   ============================================================ */
:root {
  --mk-ink:        #13201b;
  --mk-body:       #41504a;
  --mk-muted:      #6d7a74;
  --mk-bg:         #ffffff;
  --mk-surface:    #f7f6f2;
  --mk-surface-2:  #eeece4;
  --mk-line:       #e0ded4;
  --mk-line-soft:  #efede6;

  --mk-green:      #0d3b2e;
  --mk-green-600:  #175944;
  --mk-green-100:  #e4efea;
  --mk-gold:       #b8831a;
  --mk-gold-100:   #f8eed6;

  --mk-radius:     14px;
  --mk-radius-sm:  9px;
  --mk-shadow:     0 1px 2px rgba(19,32,27,.05), 0 8px 24px -12px rgba(19,32,27,.14);
  --mk-shadow-lg:  0 2px 4px rgba(19,32,27,.06), 0 18px 44px -18px rgba(19,32,27,.22);

  --mk-font-body:  'Noto Sans Devanagari', 'Mukta Display', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mk-font-head:  'Mukta Display', 'Noto Sans Devanagari', system-ui, sans-serif;

  /* Devanagari needs more vertical room than Latin: matras sit above and below */
  --mk-lh-body:    1.85;
  --mk-lh-head:    1.32;

  --mk-maxw:       1180px;
  --mk-read:       46rem;
}

/* category accents - mirrors the cover-image palette */
:root {
  --cat-sarkari-yojana: #16324f;
  --cat-mandi-bhav:     #6b3f10;
  --cat-mausam:         #0f3f4c;
  --cat-kheti-kisani:   #0d3b2e;
  --cat-pashupalan:     #5a2a1b;
  --cat-bikaner-news:   #4d1f28;
  --mk-cat: var(--mk-green);
}
body.category-sarkari-yojana, body.mk-cat-sarkari-yojana { --mk-cat: var(--cat-sarkari-yojana); }
body.category-mandi-bhav,     body.mk-cat-mandi-bhav     { --mk-cat: var(--cat-mandi-bhav); }
body.category-mausam,         body.mk-cat-mausam         { --mk-cat: var(--cat-mausam); }
body.category-kheti-kisani,   body.mk-cat-kheti-kisani   { --mk-cat: var(--cat-kheti-kisani); }
body.category-pashupalan,     body.mk-cat-pashupalan     { --mk-cat: var(--cat-pashupalan); }
body.category-bikaner-news,   body.mk-cat-bikaner-news   { --mk-cat: var(--cat-bikaner-news); }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mk-ink:       #eef2ef;
    --mk-body:      #c0cbc5;
    --mk-muted:     #8d9a94;
    --mk-bg:        #101714;
    --mk-surface:   #17211d;
    --mk-surface-2: #1e2b25;
    --mk-line:      #2a3831;
    --mk-line-soft: #212d27;
    --mk-green-100: #163026;
    --mk-gold:      #dcae52;
    --mk-gold-100:  #2c2416;
    --mk-shadow:    0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
    --mk-shadow-lg: 0 2px 4px rgba(0,0,0,.45), 0 18px 44px -18px rgba(0,0,0,.7);
  }
}

/* ============================================================
   3. Base typography
   ============================================================ */
body {
  font-family: var(--mk-font-body);
  font-size: 1.0625rem;
  line-height: var(--mk-lh-body);
  color: var(--mk-body);
  background: var(--mk-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6,
.entry-title, .site-title {
  font-family: var(--mk-font-head);
  color: var(--mk-ink);
  line-height: var(--mk-lh-head);
  letter-spacing: -0.005em;
  font-weight: 800;
}
h1, .entry-title { font-size: clamp(1.85rem, 1.25rem + 2.4vw, 2.9rem); }
h2 { font-size: clamp(1.45rem, 1.1rem + 1.5vw, 2.05rem); }
h3 { font-size: clamp(1.22rem, 1.02rem + 0.85vw, 1.55rem); }
h4 { font-size: 1.12rem; }

a { color: var(--mk-green-600); text-underline-offset: 3px; }
a:hover { color: var(--mk-gold); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) a { color: #7fd3b4; }
}

/* ============================================================
   4. Article body - the part readers actually spend time in
   ============================================================ */
.entry-content { font-size: 1.125rem; line-height: 1.9; color: var(--mk-body); }
/* Reading width applies to articles and standard pages - never the front page,
   whose sections are full-width grids. */
body:not(.home) .entry-content > * { max-width: var(--mk-read); margin-left: auto; margin-right: auto; }
body:not(.home) .entry-content > .alignwide,
body:not(.home) .entry-content > .alignfull,
body:not(.home) .entry-content > .wp-block-table { max-width: min(62rem, 100%); }

.entry-content p { margin: 0 0 1.45em; }
.entry-content h2 {
  margin: 2.3em 0 .7em;
  padding-top: .75em;
  border-top: 1px solid var(--mk-line-soft);
}
.entry-content h2:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.entry-content h3 { margin: 1.9em 0 .55em; color: var(--mk-cat); }

.entry-content ul, .entry-content ol { margin: 0 0 1.5em; padding-inline-start: 1.35em; }
.entry-content li { margin-bottom: .55em; }
.entry-content li::marker { color: var(--mk-gold); font-weight: 700; }

.entry-content strong { color: var(--mk-ink); font-weight: 700; }

/* callout quote - used for the "verify on the official portal" notes */
.entry-content blockquote,
.entry-content .wp-block-quote {
  margin: 1.9em auto;
  padding: 1.15em 1.4em;
  background: var(--mk-gold-100);
  border: 1px solid color-mix(in srgb, var(--mk-gold) 26%, transparent);
  border-inline-start: 4px solid var(--mk-gold);
  border-radius: var(--mk-radius-sm);
  font-style: normal;
  color: var(--mk-ink);
}
.entry-content blockquote p:last-child { margin-bottom: 0; }
.entry-content blockquote::before { content: none; }

/* tables - these carry a lot of the practical information */
.entry-content .wp-block-table { margin: 2em auto; overflow-x: auto; }
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: .985rem;
  line-height: 1.7;
  background: var(--mk-bg);
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius-sm);
  overflow: hidden;
}
.entry-content thead th {
  background: var(--mk-cat);
  color: #fff;
  font-family: var(--mk-font-head);
  font-weight: 700;
  text-align: start;
  padding: .82em .95em;
  border: 0;
}
.entry-content tbody td {
  padding: .78em .95em;
  border-top: 1px solid var(--mk-line-soft);
  vertical-align: top;
}
.entry-content tbody tr:nth-child(even) { background: var(--mk-surface); }
.entry-content .wp-block-table figcaption { color: var(--mk-muted); font-size: .9rem; }

.entry-content img, .entry-content figure img { border-radius: var(--mk-radius-sm); height: auto; }

/* ============================================================
   5. Post meta, category badge, reading time
   ============================================================ */
.mk-eyebrow {
  display: inline-flex; align-items: center; gap: .5em;
  font-family: var(--mk-font-head);
  font-size: .78rem; font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: #fff; background: var(--mk-cat);
  padding: .42em .85em; border-radius: 999px;
  text-decoration: none;
}
a.mk-eyebrow:hover { color: #fff; filter: brightness(1.18); }

.mk-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: .55em .9em;
  font-size: .925rem; color: var(--mk-muted);
  margin: 1em 0 0;
}
.mk-meta .mk-sep { opacity: .45; }
.mk-meta a { color: var(--mk-muted); text-decoration: none; }
.mk-meta a:hover { color: var(--mk-cat); text-decoration: underline; }
.mk-readtime { display: inline-flex; align-items: center; gap: .35em; }

/* ============================================================
   6. Author box
   ============================================================ */
.mk-authorbox {
  max-width: var(--mk-read);
  margin: 3em auto 0;
  padding: 1.5rem;
  display: flex; gap: 1.15rem; align-items: flex-start;
  background: var(--mk-surface);
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius);
}
.mk-authorbox img { border-radius: 50%; flex: 0 0 auto; width: 74px; height: 74px; }
.mk-authorbox h3 { margin: 0 0 .15rem; font-size: 1.12rem; }
.mk-authorbox h3 a { color: var(--mk-ink); text-decoration: none; }
.mk-authorbox h3 a:hover { color: var(--mk-cat); }
.mk-authorbox .mk-author-role {
  font-size: .8rem; letter-spacing: .07em; text-transform: uppercase;
  color: var(--mk-cat); font-weight: 700; margin-bottom: .5rem;
}
.mk-authorbox p { margin: 0; font-size: .97rem; line-height: 1.78; color: var(--mk-body); }
@media (max-width: 540px) {
  .mk-authorbox { flex-direction: column; align-items: center; text-align: center; }
}

/* ============================================================
   7. FAQ block
   ============================================================ */
.mk-faq { max-width: var(--mk-read); margin: 3em auto 0; }
.mk-faq > h2 {
  font-size: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  margin: 0 0 1rem; padding-top: .75em;
  border-top: 1px solid var(--mk-line-soft);
}
.mk-faq details {
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius-sm);
  background: var(--mk-bg);
  margin-bottom: .7rem;
  overflow: hidden;
}
.mk-faq details[open] { background: var(--mk-surface); border-color: color-mix(in srgb, var(--mk-cat) 30%, var(--mk-line)); }
.mk-faq summary {
  cursor: pointer; list-style: none;
  padding: .95rem 1.1rem;
  font-family: var(--mk-font-head); font-weight: 700;
  color: var(--mk-ink); font-size: 1.04rem; line-height: 1.55;
  display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start;
}
.mk-faq summary::-webkit-details-marker { display: none; }
.mk-faq summary::after {
  content: "+"; flex: 0 0 auto;
  font-size: 1.4rem; line-height: 1; color: var(--mk-cat);
  transition: transform .18s ease;
}
.mk-faq details[open] summary::after { content: "−"; }
.mk-faq .mk-faq-a { padding: 0 1.1rem 1.05rem; font-size: 1rem; line-height: 1.82; }
.mk-faq .mk-faq-a p { margin: 0; }

/* ============================================================
   8. Cards / archive listing
   ============================================================ */
.entry.loop-entry {
  border: 1px solid var(--mk-line);
  border-radius: var(--mk-radius);
  overflow: hidden;
  background: var(--mk-bg);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.entry.loop-entry:hover {
  transform: translateY(-3px);
  box-shadow: var(--mk-shadow-lg);
  border-color: color-mix(in srgb, var(--mk-cat) 34%, var(--mk-line));
}
.entry.loop-entry .entry-title { font-size: 1.22rem; line-height: 1.45; }
.entry.loop-entry .entry-title a { color: var(--mk-ink); text-decoration: none; }
.entry.loop-entry:hover .entry-title a { color: var(--mk-cat); }
.entry.loop-entry .entry-summary { font-size: .99rem; line-height: 1.75; color: var(--mk-body); }
.post-thumbnail img { transition: transform .5s cubic-bezier(.2,.7,.3,1); }
.entry.loop-entry:hover .post-thumbnail img { transform: scale(1.035); }

/* ============================================================
   9. Header / footer
   ============================================================ */
.site-branding .site-title { font-family: var(--mk-font-head); font-weight: 800; letter-spacing: -.01em; }
.site-header .header-navigation .header-menu-container > ul > li > a { font-family: var(--mk-font-head); font-weight: 600; }
.site-footer { font-size: .97rem; }
.site-footer a { text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

/* accessible focus ring */
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 3px solid var(--mk-gold);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ============================================================
   10. Contact form
   ============================================================ */
.mk-form-row { margin-bottom: 1.05rem; }
.mk-form-row label { display: block; font-family: var(--mk-font-head); font-weight: 600; color: var(--mk-ink); }
.mk-req { color: #c0392b; }
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea, .wpcf7 select {
  width: 100%; margin-top: .4rem; padding: .72rem .85rem;
  font-family: var(--mk-font-body); font-size: 1rem;
  color: var(--mk-ink); background: var(--mk-bg);
  border: 1px solid var(--mk-line); border-radius: var(--mk-radius-sm);
}
.wpcf7 input[type=submit] {
  background: var(--mk-green); color: #fff; border: 0;
  font-family: var(--mk-font-head); font-weight: 700; font-size: 1.02rem;
  padding: .8rem 1.9rem; border-radius: 999px; cursor: pointer;
}
.wpcf7 input[type=submit]:hover { background: var(--mk-gold); }

/* ============================================================
   11. Print
   ============================================================ */
@media print {
  .site-header, .site-footer, .mk-authorbox, .comments-area, .mk-share { display: none !important; }
  .entry-content { font-size: 11.5pt; line-height: 1.6; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #555; }
}

/* ============================================================
   12. Front page
   ============================================================ */
.mk-kicker {
  font-family: var(--mk-font-head);
  font-size: .8rem; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--mk-gold);
  margin: 0 0 .8rem;
}

/* lead story */
.mk-lead .wp-block-post-featured-image { margin-bottom: 1.25rem; }
.mk-lead .wp-block-post-featured-image img { border-radius: var(--mk-radius); width: 100%; }
.mk-lead-cat a, .mk-card-cat a {
  display: inline-block;
  font-family: var(--mk-font-head); font-size: .74rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: #fff; background: var(--mk-cat);
  padding: .34em .8em; border-radius: 999px; text-decoration: none;
}
.mk-lead-cat, .mk-card-cat { margin: 0 0 .6rem; }
.mk-lead-cat a:hover, .mk-card-cat a:hover { color:#fff; filter: brightness(1.15); }
.mk-lead-title { margin: 0 0 .7rem; font-size: clamp(1.7rem, 1.15rem + 2.2vw, 2.7rem); line-height: 1.26; }
.mk-lead-title a { color: var(--mk-ink); text-decoration: none; }
.mk-lead-title a:hover { color: var(--mk-green-600); }
.mk-lead .wp-block-post-excerpt { font-size: 1.1rem; line-height: 1.8; max-width: 52rem; }

/* section headings */
.mk-section-head {
  align-items: baseline;
  border-bottom: 2px solid var(--mk-cat);
  padding-bottom: .55rem;
  margin-bottom: 1.6rem;
  gap: 1rem;
}
.mk-section-title {
  margin: 0;
  font-size: clamp(1.32rem, 1.1rem + .9vw, 1.7rem);
  position: relative;
}
.mk-section-title::before {
  content: ""; display: inline-block;
  width: .55em; height: .55em; margin-inline-end: .5em;
  border-radius: 3px; background: var(--mk-cat);
}
.mk-seeall { margin: 0; font-family: var(--mk-font-head); font-weight: 700; font-size: .95rem; }
.mk-seeall a { color: var(--mk-cat); text-decoration: none; }
.mk-seeall a:hover { text-decoration: underline; }

/* per-section accent, so each block of the homepage carries its own colour */
.mk-cat-sarkari-yojana { --mk-cat: var(--cat-sarkari-yojana); }
.mk-cat-mandi-bhav     { --mk-cat: var(--cat-mandi-bhav); }
.mk-cat-mausam         { --mk-cat: var(--cat-mausam); }
.mk-cat-kheti-kisani   { --mk-cat: var(--cat-kheti-kisani); }
.mk-cat-pashupalan     { --mk-cat: var(--cat-pashupalan); }
.mk-cat-bikaner-news   { --mk-cat: var(--cat-bikaner-news); }

/* card grid */
.mk-grid .wp-block-post-template {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem 1.5rem; margin: 0; padding: 0; list-style: none;
}
/* Two-up sections (mandi, mausam, pashupalan, bikaner) declare columns-2. */
.mk-grid .wp-block-post-template.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mk-grid .wp-block-post-template.columns-1 { grid-template-columns: minmax(0, 1fr); }
/* Kadence/WP also emit flex helpers; neutralise them so the grid wins. */
.mk-grid .wp-block-post-template.is-flex-container > li { width: auto !important; }
.mk-grid .wp-block-post-template > li { margin: 0; }
.mk-grid .wp-block-post-featured-image { margin: 0 0 .85rem; }
.mk-grid .wp-block-post-featured-image img { width: 100%; border-radius: var(--mk-radius-sm); }
.mk-grid .wp-block-post-title { margin: 0 0 .5rem; font-size: 1.16rem; line-height: 1.45; }
.mk-grid .wp-block-post-title a { color: var(--mk-ink); text-decoration: none; }
.mk-grid .wp-block-post-title a:hover { color: var(--mk-cat); }
.mk-grid .wp-block-post-excerpt {
  margin: 0; font-size: .98rem; line-height: 1.75; color: var(--mk-body);
}
.mk-grid .wp-block-post-excerpt__more-text { display: none; }

.mk-grid .wp-block-post-template > li { transition: transform .22s ease; }
.mk-grid .wp-block-post-template > li:hover { transform: translateY(-3px); }
.mk-grid .wp-block-post-featured-image img { transition: filter .3s ease; }
.mk-grid .wp-block-post-template > li:hover .wp-block-post-featured-image img { filter: saturate(1.12) brightness(1.03); }

/* closing note */
.mk-note {
  background: var(--mk-green-100);
  border: 1px solid color-mix(in srgb, var(--mk-green) 20%, transparent);
  border-radius: var(--mk-radius);
}
.mk-note h2 { margin-top: 0; font-size: clamp(1.3rem, 1.1rem + .8vw, 1.6rem); }
.mk-note p:last-child { margin-bottom: 0; }

@media (max-width: 1024px) {
  .mk-grid .wp-block-post-template,
  .mk-grid .wp-block-post-template.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .mk-grid .wp-block-post-template,
  .mk-grid .wp-block-post-template.columns-2,
  .mk-grid .wp-block-post-template.columns-3 { grid-template-columns: minmax(0, 1fr); }
  .mk-section-head { flex-direction: row; align-items: center; }
}

/* ============================================================
   13. Front-page corrections
   ============================================================ */
/* The front page is the masthead; a "मुख्य पृष्ठ" title banner adds nothing. */
.home .entry-hero,
.home .page-hero-section { display: none !important; }
.home .content-area { padding-top: 2.25rem; }
/* Front-page sections fill the content container, not the article reading column. */
.home .entry-content > * { max-width: var(--mk-maxw); margin-left: auto; margin-right: auto; }

/* Editorial lead: image beside the headline rather than a full-width banner,
   so the first row of cards still reaches the fold on a laptop. */
.mk-hero { margin-top: .5rem; }
.mk-lead .wp-block-post-template { margin: 0; padding: 0; list-style: none; }
.mk-lead .wp-block-post-template > li {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-template-areas: "img cat" "img title" "img excerpt";
  grid-template-rows: auto auto 1fr;
  column-gap: 2.25rem;
  align-items: start;
}
.mk-lead .wp-block-post-featured-image {
  grid-area: img; margin: 0; align-self: stretch;
}
.mk-lead .wp-block-post-featured-image a { display: block; height: 100%; }
.mk-lead .wp-block-post-featured-image img {
  width: 100%; height: 100%;
  max-height: 420px; min-height: 260px;
  object-fit: cover; object-position: left center;
  border-radius: var(--mk-radius);
}
.mk-lead .mk-lead-cat     { grid-area: cat; margin: .2rem 0 .7rem; }
.mk-lead .mk-lead-title   { grid-area: title; }
.mk-lead .wp-block-post-excerpt { grid-area: excerpt; margin: .5rem 0 0; }

@media (max-width: 860px) {
  .mk-lead .wp-block-post-template > li {
    grid-template-columns: 1fr;
    grid-template-areas: "img" "cat" "title" "excerpt";
    grid-template-rows: auto;
    row-gap: 0;
  }
  .mk-lead .wp-block-post-featured-image img { max-height: 300px; object-position: center; }
  .mk-lead .mk-lead-cat { margin-top: 1rem; }
}

/* ============================================================
   14. Category pills colour themselves from their own link target,
       so a card in a mixed feed still carries its section colour.
   ============================================================ */
.mk-lead-cat a[href*="/sarkari-yojana/"], .mk-card-cat a[href*="/sarkari-yojana/"] { background: var(--cat-sarkari-yojana); }
.mk-lead-cat a[href*="/mandi-bhav/"],     .mk-card-cat a[href*="/mandi-bhav/"]     { background: var(--cat-mandi-bhav); }
.mk-lead-cat a[href*="/mausam/"],         .mk-card-cat a[href*="/mausam/"]         { background: var(--cat-mausam); }
.mk-lead-cat a[href*="/kheti-kisani/"],   .mk-card-cat a[href*="/kheti-kisani/"]   { background: var(--cat-kheti-kisani); }
.mk-lead-cat a[href*="/pashupalan/"],     .mk-card-cat a[href*="/pashupalan/"]     { background: var(--cat-pashupalan); }
.mk-lead-cat a[href*="/bikaner-news/"],   .mk-card-cat a[href*="/bikaner-news/"]   { background: var(--cat-bikaner-news); }

/* the kicker above the lead needs a little more presence */
.mk-kicker { font-size: .86rem; letter-spacing: .18em; }

/* ============================================================
   15. Container width + featured image
       Kadence's content_width theme mod did not take on this install,
       so the width is pinned here where it is unambiguous.
   ============================================================ */
:root { --global-content-width: 1180px; }

.content-container.site-container,
.site-container {
  max-width: var(--mk-maxw);
  margin-left: auto;
  margin-right: auto;
}

/* Featured image: hold a 16:9 box and crop into it, instead of rendering
   the full 1600px asset and overflowing the column. */
.post-thumbnail.article-post-thumbnail .post-thumbnail-inner {
  aspect-ratio: 16 / 9;
  max-height: 460px;
  overflow: hidden;
  border-radius: var(--mk-radius);
}
.post-thumbnail.article-post-thumbnail .post-thumbnail-inner img,
.post-thumbnail img.post-top-featured {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: left center;
  display: block;
}

/* Reading time strip above the article body */
.mk-readtime-strip {
  max-width: var(--mk-read);
  margin: 0 auto 1.75rem;
  padding-bottom: .9rem;
  border-bottom: 1px solid var(--mk-line-soft);
  font-size: .93rem;
  color: var(--mk-muted);
  display: flex; align-items: center; gap: .5em;
}
.mk-readtime-strip::before {
  content: ""; width: .5em; height: .5em; border-radius: 50%;
  background: var(--mk-cat); flex: 0 0 auto;
}

/* Initial-based author avatar (see pre_get_avatar in functions.php) */
.mk-avatar {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-family: var(--mk-font-head);
  font-weight: 800;
  line-height: 1;
  flex: 0 0 auto;
  user-select: none;
}
.mk-authorbox .mk-avatar { width: 74px !important; height: 74px !important; font-size: 32px !important; }