/* Scope + font */
.lito-scope, .lito-scope * { box-sizing: border-box; }
.lito-scope, .lito-scope * { font-family: 'Adamina', serif !important; }

/* Container */
.lito-recent { width:100%; }
.lito-recent .lito-inner {
  max-width: var(--lito-max, 1320px);
  margin: 0 auto;
  padding-left: 16px; padding-right: 16px;
}
@media (min-width:1200px){ .lito-recent .lito-inner{ padding-left:20px; padding-right:20px; } }

/* ===== Heading (center both lines, refined marks) ===== */
.lito-head{margin:0 0 18px; color:#111 !important; text-align:center;}
.lito-h2{
  margin:0 0 8px !important;
  font-size:clamp(26px, 2.2vw + 14px, 40px) !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  letter-spacing:.2px !important;
  color:#111 !important;
  text-align:center !important;
}
.lito-mark{
  font-size:55% !important;
  vertical-align:super;
  line-height:0;
  margin-left:2px;
  color:#9aa3af !important;
}

/* ===== PAGE SUBTITLE (centered, fluid, italic) ===== */
.lito-head .lito-subtitle-page{
  font-size: clamp(16px, 1vw + 12px, 22px) !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #111 !important;
  margin: 6px auto 18px !important;
  max-width: 68ch !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}
@supports (text-wrap: balance) {
  .lito-head .lito-subtitle-page { text-wrap: balance; }
}

/* Grid — 6-up on large displays */
.lito-grid{
  display:grid;
  gap:18px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width:640px){ .lito-grid{ grid-template-columns: repeat(2, 1fr);} }
@media (min-width:768px){ .lito-grid{ grid-template-columns: repeat(3, 1fr);} }
@media (min-width:1024px){ .lito-grid{ grid-template-columns: repeat(4, 1fr);} }
@media (min-width:1440px){ .lito-grid{ grid-template-columns: repeat(6, 1fr);} }

/* Card */
.lito-card{
  border:1px solid #e7e7e7; border-radius:12px; background:#fff; color:#111;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  padding:12px; display:flex; flex-direction:column; gap:8px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.lito-card:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.08); }

/* Top line: roundel + title */
.lito-headerline{ display:flex; align-items:center; gap:10px; min-height:30px; }
.lito-rank{
  --s: 28px;
  width:var(--s); height:var(--s); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:800; color:#fff;
  flex:0 0 var(--s);
  background:#79C121; /* overridden per-variant below */
}
.lito-title{ margin:0; font-size:18px; line-height:1.25; }
.lito-title a{ color:#155fe8; text-decoration:none; }
.lito-title a:hover{ text-decoration:underline; }

/* Card subtitle — compact, italic, wraps (no clipping) */
.lito-subtitle-tease{
  font-size: clamp(11.5px, 0.38vw + 10px, 13.5px);
  line-height: 1.3;
  font-style: italic;
  color: #333;
  margin: 3px 0 8px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}
@supports (text-wrap: balance){
  .lito-subtitle-tease { text-wrap: balance; }
}

/* Media / Featured image */
.lito-media{
  position:relative;
  --vsize: clamp(64px, 8vw, 92px);
  margin-bottom: calc(var(--vsize) * 0.35);
}
.lito-thumb{
  display:block; position:relative; width:100%;
  aspect-ratio: 4 / 3; overflow:hidden; border-radius:8px;
  max-height: clamp(140px, 18vw, 220px);
  margin:0 auto 6px;
}
.lito-thumb .lito-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; transition:transform .25s ease;
}
.lito-card:hover .lito-thumb .lito-img{ transform:scale(1.03); }

/* Author vignette — circle centered to bottom edge */
.lito-author{
  position:absolute; right:12px; bottom: calc(var(--vsize) / -2);
  width: var(--vsize); aspect-ratio: 1 / 1;
  border-radius: 50% !important; overflow:hidden;
  border:3px solid #c7e27b; box-shadow:0 2px 8px rgba(0,0,0,.22);
  object-fit: cover; background:#fff; transition:opacity .25s ease; z-index:3;
}
.lito-card:hover .lito-author{ opacity:.92; }

/* Byline */
.lito-byline{ margin:0 0 6px; font-style:italic; font-size:13px; color:#111; }
.lito-byline a.lito-author-link{ color:inherit; text-decoration:none; border-bottom:1px dotted rgba(0,0,0,.35); }
.lito-byline a.lito-author-link:hover{ border-bottom-color:rgba(0,0,0,.7); }

/* Social text */
.lito-excerpt{ margin:0 0 6px; color:#111; font-size:13px; line-height:1.35; }

/* BADGES (after excerpt) — global 5-color rotation via data attribute */
.lito-badges{ display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 0; }
.lito-badge{
  font-size:11px; line-height:1;
  padding:4px 8px; border-radius:999px;
  color:#111; border:1px solid rgba(0,0,0,.08);
  box-shadow:0 1px 0 rgba(0,0,0,.03) inset;
  white-space:nowrap;
}
.lito-badge[data-badge-color="1"] { background:#fde2e2; border-color:#f7caca; } /* pink */
.lito-badge[data-badge-color="2"] { background:#e2f0fd; border-color:#cde2fb; } /* blue */
.lito-badge[data-badge-color="3"] { background:#e2fde7; border-color:#c8f5d2; } /* green */
.lito-badge[data-badge-color="4"] { background:#fff7d6; border-color:#ffeab0; } /* yellow */
.lito-badge[data-badge-color="5"] { background:#f5e2fd; border-color:#e7c8fb; } /* lavender */

/* Alternating variants (card tint + vignette ring) */
.lito-variant-1{ border-top:4px solid #d9b35b; background:#fff9f2; }
.lito-variant-1 .lito-rank{ background:#79C121; }
.lito-variant-1 .lito-author{ border-color:#d9b35b; }

.lito-variant-2{ border-top:4px solid #84d1c6; background:#f4fcfc; }
.lito-variant-2 .lito-rank{ background:#2a4ac9; }
.lito-variant-2 .lito-author{ border-color:#84d1c6; }

.lito-variant-3{ border-top:4px solid #a8db6f; background:#f7fff3; }
.lito-variant-3 .lito-rank{ background:#d97706; }
.lito-variant-3 .lito-author{ border-color:#a8db6f; }

/* ===== Pagination (horizontal chips) ===== */
.lito-pagination{ margin:22px 0 8px; text-align:center; }
.lito-pagination ul.page-numbers{
  display:flex; flex-wrap:wrap; gap:8px;
  align-items:center; justify-content:center;
  list-style:none; padding:0; margin:0;
}
.lito-pagination ul.page-numbers li{ list-style:none; margin:0; padding:0; }
.lito-pagination ul.page-numbers li a.page-numbers,
.lito-pagination ul.page-numbers li span.page-numbers{
  display:inline-flex; min-width:34px; height:34px; padding:0 10px;
  align-items:center; justify-content:center;
  border:1px solid #e1e1e1; border-radius:10px;
  font-size:14px; line-height:1; text-decoration:none;
  background:#fff; color:#111;
  box-shadow:0 1px 0 rgba(0,0,0,.03) inset;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.lito-pagination ul.page-numbers li span.current{ background:#111; color:#fff; border-color:#111; }
.lito-pagination ul.page-numbers li a.page-numbers:hover,
.lito-pagination ul.page-numbers li a.page-numbers:focus{ background:#f6f6f6; outline:none; }

.lito-empty{ margin:10px 0; }