/* Shared across category, search, single-post, static page, 404 templates - and the homepage/category quick-links pills row. */

.ka-pills{ padding-block:22px; border-bottom:1px solid var(--ka-line); }
.ka-pills__list{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; list-style:none; margin:0; padding:0; }
.ka-pills__list li{ display:flex; align-items:center; padding-inline:22px; border-right:1px solid var(--ka-line); }
.ka-pills__list li:last-child{ border-right:none; }
.ka-pills__list a{ display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--ka-ink); white-space:nowrap; }
.ka-pills__list a:hover{ color:var(--ka-maroon); }
.ka-pills__list a::before{ font-size:14px; color:var(--ka-maroon); }
.ka-pills__list li.ka-icon-new a::before{ content:"✦"; }
.ka-pills__list li.ka-icon-heart a::before{ content:"♥"; }
.ka-pills__list li.ka-icon-mystery a::before{ content:"✎"; }
.ka-pills__list li.ka-icon-star a::before{ content:"★"; }
.ka-pills__list li.ka-icon-quill a::before{ content:"❦"; }
@media (max-width:700px){ .ka-pills__list{ justify-content:flex-start; overflow-x:auto; } .ka-pills__list li{ padding-inline:14px; } }

/* chip-style pills variant: category archive filter row */
.ka-pills--chip{ border-bottom:none; padding-block:20px; }
.ka-pills--chip .ka-pills__list{ justify-content:flex-start; gap:10px; }
.ka-pills--chip .ka-pills__list li{ padding-inline:0; border-right:none; }
.ka-pills--chip .ka-pills__list a{ padding:9px 18px; border-radius:8px; background:var(--ka-surface); border:1px solid var(--ka-line); font-size:13.5px; }
.ka-pills--chip .ka-pills__list a::before{ content:none; }
.ka-pills--chip .ka-pills__list a:hover{ border-color:var(--ka-maroon); }
.ka-pills--chip .ka-pills__list li.current-menu-item a{ background:var(--ka-maroon); border-color:var(--ka-maroon); color:#fbeee9; }
@media (max-width:700px){ .ka-pills--chip .ka-pills__list{ flex-wrap:nowrap; } }

.ka-breadcrumb{ display:flex; gap:8px; align-items:center; font-size:13px; color:var(--ka-ink-faint); padding-block:20px; flex-wrap:wrap; }
.ka-breadcrumb a:hover{ color:var(--ka-maroon); }

.ka-tag{ font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--ka-rust); margin-top:12px; display:inline-block; }
.ka-meta{ font-size:12px; color:var(--ka-ink-faint); display:block; margin-top:8px; }

.ka-latest-grid, .ka-poetry-grid, .ka-hasti-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.ka-latest-card h4, .ka-poetry-card h4{ font-size:16px; margin-top:10px; line-height:1.4; }
@media (max-width:900px){ .ka-latest-grid, .ka-poetry-grid, .ka-hasti-grid{ grid-template-columns:repeat(2,1fr); } }

/* ---- category hero banner: full-bleed image, left-fade scrim, floating quote ---- */
.ka-cat-hero{ position:relative; overflow:hidden; }
.ka-cat-hero__visual{ position:absolute; inset:0; }
.ka-cat-hero__bg{ position:absolute; inset:0; background-size:cover; background-position:center; }
.ka-cat-hero__scrim{ position:absolute; inset:0; background:linear-gradient(92deg, var(--ka-bg) 0%, var(--ka-bg) 26%, rgba(241,245,250,.62) 42%, rgba(241,245,250,.2) 58%, rgba(241,245,250,0) 74%); }
.ka-cat-hero__row{ position:relative; min-height:320px; display:flex; align-items:center; }
.ka-cat-hero__content{ max-width:520px; padding-block:28px; }
.ka-cat-hero__content .ka-breadcrumb{ padding-block:0 14px; }
.ka-cat-hero__content h1{ font-size:clamp(28px,3.6vw,40px); color:var(--ka-maroon); }
.ka-cat-hero__content p{ font-size:14.5px; color:var(--ka-ink-soft); margin-top:10px; max-width:56ch; line-height:1.7; }
.ka-cat-hero__quote{ position:absolute; top:28px; right:0; max-width:260px; text-align:right; font-family:'Noto Serif Devanagari',serif; font-size:19px; line-height:1.6; color:var(--ka-maroon); margin:0; }
@media (max-width:820px){
  .ka-cat-hero__row{ min-height:0; flex-direction:column; align-items:flex-start; padding-block:24px; }
  .ka-cat-hero__scrim{ background:linear-gradient(180deg, rgba(241,245,250,0) 0%, var(--ka-bg) 88%); }
  .ka-cat-hero__visual{ position:relative; min-height:220px; }
  .ka-cat-hero__quote{ position:static; text-align:left; max-width:100%; margin-top:16px; }
}

/* ---- featured + 2 supporting stories (page-1 only) ---- */
.ka-featured-layout{ display:grid; grid-template-columns:2fr 1fr; gap:28px; margin-bottom:32px; max-width:900px; }
.ka-story-feature .ka-ph--card, .ka-support-card .ka-ph--card{ aspect-ratio:3/2; }
.ka-story-feature h3{ font-size:24px; margin-top:12px; }
.ka-story-feature p{ font-size:14.5px; color:var(--ka-ink-soft); margin-top:8px; line-height:1.7; }
.ka-support-stack{ display:flex; flex-direction:column; gap:22px; }
.ka-support-card{ display:flex; flex-direction:column; }
.ka-support-card h4{ font-size:16px; margin-top:10px; line-height:1.4; }
.ka-support-card__excerpt{ font-size:13px; color:var(--ka-ink-soft); margin-top:6px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:820px){ .ka-featured-layout{ grid-template-columns:1fr; } }

.ka-meta--cal{ display:flex; align-items:center; gap:6px; }
.ka-meta--cal::before{ content:"📅"; font-size:12px; }

.ka-cat-grid{ margin-bottom:32px; }

.ka-list-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px 36px; }
.ka-list-card{ display:flex; gap:16px; align-items:flex-start; }
.ka-list-card__media{ flex:0 0 140px; }
.ka-list-card__media .ka-ph, .ka-list-card__media .ka-photo{ border-radius:8px; }
.ka-list-card__body h4{ font-size:16.5px; margin-top:6px; line-height:1.4; }
.ka-list-card__excerpt{ font-size:13px; color:var(--ka-ink-soft); margin-top:6px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width:760px){ .ka-list-grid{ grid-template-columns:1fr; } }
@media (max-width:420px){ .ka-list-card__media{ flex-basis:100px; } }

.ka-pagination{ display:flex; justify-content:center; gap:8px; margin-top:12px; flex-wrap:wrap; }
.ka-pagination .page-numbers{ display:flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding-inline:8px; border-radius:8px; border:1px solid var(--ka-line); font-size:13.5px; color:var(--ka-ink-soft); font-variant-numeric:tabular-nums; }
.ka-pagination .page-numbers.current{ background:var(--ka-maroon); border-color:var(--ka-maroon); color:#fbeee9; }
.ka-pagination a.page-numbers:hover{ border-color:var(--ka-maroon); color:var(--ka-maroon); }
.ka-pagination .page-numbers.dots{ border-color:transparent; }

.ka-post-layout{ display:grid; grid-template-columns:1fr 340px; gap:48px; padding-block:8px 64px; align-items:start; }
@media (max-width:900px){ .ka-post-layout{ grid-template-columns:1fr; } }

.ka-post__title{ font-size:clamp(28px,4vw,42px); line-height:1.25; color:var(--ka-ink); margin-top:14px; }
.ka-post__deck{ font-size:16px; color:var(--ka-ink-soft); margin-top:12px; line-height:1.7; max-width:65ch; }

.ka-post__pages{ display:flex; justify-content:flex-end; align-items:center; gap:8px; flex-wrap:wrap; font-size:13.5px; color:var(--ka-ink-soft); font-variant-numeric:tabular-nums; }
.ka-post__pages--top{ margin-bottom:22px; padding-bottom:16px; border-bottom:1px solid var(--ka-line); }
.ka-post__pages--bottom{ margin-top:32px; padding-top:16px; border-top:1px solid var(--ka-line); }
.ka-post__pages a{ color:var(--ka-ink-soft); }
.ka-post__pages a span{ display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:30px; padding-inline:6px; border-radius:6px; border:1px solid var(--ka-line); }
.ka-post__pages a:hover span{ border-color:var(--ka-maroon); color:var(--ka-maroon); }
.ka-post__pages-note{ font-family:'Noto Serif Devanagari',serif; font-size:15px; font-style:italic; color:var(--ka-maroon); margin-bottom:10px; }
.ka-post__meta{ display:flex; align-items:center; gap:10px; margin-top:18px; font-size:13.5px; color:var(--ka-ink-faint); flex-wrap:wrap; }
.ka-post__avatar{ border-radius:50%; width:32px; height:32px; }
.ka-post__media{ margin-top:26px; }
.ka-post__media .ka-photo, .ka-post__media .ka-ph{ border-radius:10px; }

.ka-post__content{ margin-top:30px; font-size:16.5px; line-height:1.85; color:var(--ka-ink); max-width:70ch; }
.ka-post__content p{ margin-bottom:22px; }
.ka-post__content h2{ font-size:24px; margin-top:40px; margin-bottom:16px; }
.ka-post__content h3{ font-size:20px; margin-top:32px; margin-bottom:14px; }
.ka-post__content img{ border-radius:10px; margin-block:24px; }
.ka-post__content a{ color:var(--ka-maroon); text-decoration:underline; text-decoration-color:rgba(114,0,25,.35); text-underline-offset:3px; }
.ka-post__content blockquote{ margin:32px 0; padding-left:24px; border-left:3px solid var(--ka-gold); font-family:'Noto Serif Devanagari',serif; font-size:21px; line-height:1.7; color:var(--ka-maroon); }

.ka-post__tags{ display:flex; gap:10px; flex-wrap:wrap; margin-top:36px; }
.ka-post__tags a{ font-size:12.5px; color:var(--ka-rust); border:1px solid var(--ka-line); padding:5px 12px; border-radius:999px; }
.ka-post__tags a:hover{ border-color:var(--ka-rust); }

.ka-post__share{ display:flex; align-items:center; gap:10px; margin-top:22px; font-size:13px; color:var(--ka-ink-faint); }
.ka-post__share a{ width:30px; height:30px; border-radius:50%; border:1px solid var(--ka-line); display:flex; align-items:center; justify-content:center; font-size:12px; color:var(--ka-ink-soft); }
.ka-post__share a:hover{ border-color:var(--ka-maroon); color:var(--ka-maroon); }

.ka-post__nav{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px; padding-top:28px; border-top:1px solid var(--ka-line); }
.ka-post__nav-link{ display:flex; flex-direction:column; gap:6px; }
.ka-post__nav-link span{ font-size:12.5px; color:var(--ka-ink-faint); }
.ka-post__nav-link strong{ font-family:'Noto Serif Devanagari',serif; font-size:15px; color:var(--ka-ink); font-weight:600; }
.ka-post__nav-link:hover strong{ color:var(--ka-maroon); }
.ka-post__nav-link--next{ text-align:right; align-items:flex-end; grid-column:2; }
@media (max-width:560px){ .ka-post__nav{ grid-template-columns:1fr; } .ka-post__nav-link--next{ grid-column:1; text-align:left; align-items:flex-start; } }

.ka-sidebar{ display:flex; flex-direction:column; gap:28px; }
.ka-sidebar__search input{ width:100%; padding:11px 14px; border:1px solid var(--ka-line); border-radius:8px; font-family:inherit; font-size:14px; background:var(--ka-surface); color:var(--ka-ink); }
.ka-sidebar__box h5{ font-size:12.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--ka-maroon); margin-bottom:14px; }
.ka-author{ display:flex; gap:12px; }
.ka-author img{ border-radius:50%; flex:none; }
.ka-author strong{ font-family:'Noto Serif Devanagari',serif; font-size:15px; }
.ka-author p{ font-size:13px; color:var(--ka-ink-soft); margin-top:6px; line-height:1.6; }
.ka-author .ka-see-all{ display:inline-block; margin-top:8px; }
.ka-sidebar__list li + li{ margin-top:16px; }
.ka-sidebar__list a{ display:flex; gap:14px; align-items:center; }
.ka-sidebar__list .ka-ph, .ka-sidebar__list .ka-photo{ width:112px; flex:none; border-radius:6px; }
.ka-sidebar__list span{ font-size:13.5px; line-height:1.5; color:var(--ka-ink); }
.ka-sidebar__list a:hover span{ color:var(--ka-maroon); }

.ka-page{ padding-block:36px 64px; }
.ka-page h1{ font-size:clamp(28px,4vw,40px); color:var(--ka-maroon); }
.ka-page__media{ margin-top:24px; }
.ka-page__media .ka-photo, .ka-page__media .ka-ph{ border-radius:10px; }
.ka-page__content{ margin-top:26px; font-size:16px; line-height:1.85; color:var(--ka-ink); max-width:70ch; }
.ka-page__content p{ margin-bottom:20px; }

.ka-404{ text-align:center; padding-block:90px; }
.ka-404 h1{ font-size:72px; color:var(--ka-maroon); }
.ka-404 p{ font-size:16px; color:var(--ka-ink-soft); margin-top:12px; }
.ka-404 .ka-btn{ margin-top:26px; }