/**
 * shared-layout.css
 * Common typography, card styles, table styles, button styles, shadows
 * for all layouts: l6w, l7w, l10w, and base layout classes.
 * Colors come from per-layout CSS variables — this file defines structure only.
 */

/* ═══════════════════════════════════════════════════════════
   GLOBAL FONT FAMILIES
═══════════════════════════════════════════════════════════ */
.l6w, .l7w, .l10w {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

.l6w h1, .l6w h2, .l6w h3, .l6w h4, .l6w h5, .l6w h6,
.l7w h1, .l7w h2, .l7w h3, .l7w h4, .l7w h5, .l7w h6,
.l10w h1, .l10w h2, .l10w h3, .l10w h4, .l10w h5, .l10w h6 {
  font-family: 'Jost', sans-serif;
  line-height: 1.2;
}

/* ═══════════════════════════════════════════════════════════
   SECTION TITLES
═══════════════════════════════════════════════════════════ */
.l6w .sec-title,
.l7w .section-title,
.l10w .section-title {
  font-family: 'Jost', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

/* Eyebrow / label above section titles */
.l6w .eyebrow,
.l7w .section-label,
.l10w .section-label {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* ═══════════════════════════════════════════════════════════
   CARD BASE — border-radius, shadow, transition
═══════════════════════════════════════════════════════════ */
.l6w .t-card,
.l6w .a-card,
.l6w .s-card,
.l6w .accred-card,
.l6w .au-pillar,
.l6w .topic-card,
.l6w .submit-cta,
.l7w .article-card,
.l7w .sidebar-card,
.l7w .index-badge,
.l7w .journey-card,
.l7w .review-process,
.l7w .cfp-block,
.l7w .publisher-card,
.l10w .article-card,
.l10w .recent-card,
.l10w .sidebar-box,
.l10w .index-card,
.l10w .why-card,
.l10w .cfp-panel {
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
  transition: box-shadow .25s, transform .25s, border-color .25s;
}

/* ── CARD HOVER LIFT ── */
.l6w .t-card:hover,
.l6w .topic-card:hover,
.l6w .accred-card:hover,
.l6w .au-pillar:hover,
.l7w .journey-card:hover,
.l7w .index-badge:hover,
.l10w .article-card:hover,
.l10w .recent-card:hover,
.l10w .index-card:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
  transform: translateY(-3px);
}

.l6w .a-card:hover,
.l7w .article-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.09);
}

/* ── PUBLISHER / CTA CARDS ── */
.l7w .publisher-card,
.l6w .submit-cta,
.l7w .cfp-block,
.l10w .cfp-panel {
  border-radius: 16px;
}

/* ═══════════════════════════════════════════════════════════
   CARD TITLE FONT SIZES
═══════════════════════════════════════════════════════════ */

/* Article card titles */
.l6w .a-card h3,
.l7w .article-card h4,
.l7w .latest-article h4,
.l10w .article-card h5,
.l10w .recent-card h4 {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

/* Trending card titles */
.l6w .t-card h4 {
  font-family: 'Jost', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

/* Sidebar card titles */
.l6w .s-card-head h3,
.l7w .sidebar-card-title,
.l10w .sidebar-box h3 {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  font-weight: 800;
}

/* Topic / pillar / journey / why card titles */
.l6w .topic-card h4,
.l6w .au-pillar h4,
.l7w .journey-card h3,
.l10w .why-card h4,
.l10w .index-card h4 {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  font-weight: 800;
}

/* ═══════════════════════════════════════════════════════════
   CARD BODY TEXT
═══════════════════════════════════════════════════════════ */
.l6w .topic-card p,
.l6w .au-pillar p,
.l7w .journey-card p,
.l7w .about-block p,
.l10w .why-card p,
.l10w .index-card p,
.l10w .about-text p {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  line-height: 1.7;
}

/* Article meta lines */
.l6w .a-meta,
.l6w .t-author,
.l7w .article-meta,
.l7w .latest-article-meta,
.l10w .article-meta,
.l10w .recent-card .meta {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  line-height: 1.6;
}

/* ═══════════════════════════════════════════════════════════
   TABLES — info tables, statement of ownership
═══════════════════════════════════════════════════════════ */
.l6w table,
.l7w table,
.l10w table,
.l10w .info-table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Poppins', sans-serif;
  font-size: 13.5px;
}

.l6w table tr,
.l7w table tr,
.l10w .info-table tr {
  border-bottom: 1px solid var(--border, #e8e0d5);
}

.l6w table tr:last-child,
.l7w table tr:last-child,
.l10w .info-table tr:last-child {
  border-bottom: none;
}

.l6w table td,
.l7w table td,
.l10w .info-table td {
  padding: 9px 8px;
  vertical-align: top;
  line-height: 1.5;
}

.l10w .info-table td:first-child {
  font-family: 'Jost', sans-serif;
  font-weight: 700;
  font-size: 13px;
  width: 34%;
  white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════
   BUTTONS — common font/radius
═══════════════════════════════════════════════════════════ */
.l6w .btn-xs,
.l6w .btn-cta,
.l6w .btn-m,
.l6w .btn-om,
.l7w .tag-link,
.l7w .btn-see-more,
.l7w .btn-view-issue,
.l7w .btn-hero-primary,
.l10w .btn-pdf,
.l10w .btn-more,
.l10w .btn-download,
.l10w .cfp-btn,
.l10w .btn-contact {
  font-family: 'Jost', sans-serif;
  font-weight: 700;
  border-radius: 8px;
  transition: all .2s;
}

.l6w .btn-xs,
.l7w .tag-link,
.l10w .btn-pdf {
  font-size: 12px;
  padding: 6px 14px;
}

.l6w .btn-cta,
.l7w .btn-view-issue,
.l7w .btn-hero-primary,
.l10w .btn-more,
.l10w .btn-download {
  font-size: 14px;
  padding: 11px 26px;
  border-radius: 10px;
}

/* ═══════════════════════════════════════════════════════════
   STATS / COUNTER NUMBERS
═══════════════════════════════════════════════════════════ */
.l6w .counter-num,
.l7w .stat-num,
.l10w .statics-count {
  font-family: 'Jost', sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.l6w .counter-label,
.l7w .stat-label,
.l10w .static-count-subject {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════
   SIDEBAR INFO ROWS
═══════════════════════════════════════════════════════════ */
.l6w .ji-row,
.l7w .info-row,
.l10w .past-issue-item {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

.l6w .ji-label,
.l7w .info-row .key {
  font-size: 11.5px;
  font-weight: 600;
}

.l6w .ji-val,
.l7w .info-row .val {
  font-size: 12.5px;
  font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════
   PAST ISSUE ITEMS
═══════════════════════════════════════════════════════════ */
.l6w .pi-item,
.l7w .past-issue-item,
.l10w .past-issue-item {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  transition: color .2s;
}

/* ═══════════════════════════════════════════════════════════
   INDEX / BADGE ICONS
═══════════════════════════════════════════════════════════ */
.l7w .index-badge-icon,
.l10w .index-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  font-family: 'Jost', sans-serif;
  font-weight: 800;
  font-size: 11px;
}

.l7w .index-badge-name,
.l10w .index-card h4 {
  font-family: 'Jost', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
}

.l7w .index-badge-desc,
.l10w .index-card p {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════
   PROCESS / STEP CIRCLES
═══════════════════════════════════════════════════════════ */
.l6w .step-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-family: 'Jost', sans-serif;
  font-size: 20px;
  font-weight: 900;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.l7w .review-step-dot {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-family: 'Jost', sans-serif;
  font-weight: 800;
  font-size: 13px;
}

.l6w .step h4,
.l7w .review-step-label {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  line-height: 1.4;
}

/* ═══════════════════════════════════════════════════════════
   PUBLISHER CARD STATS
═══════════════════════════════════════════════════════════ */
.l7w .pub-stat-num {
  font-family: 'Jost', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.l7w .pub-stat-label {
  font-family: 'Poppins', sans-serif;
  font-size: 12.5px;
  line-height: 1.35;
}

/* ═══════════════════════════════════════════════════════════
   VIEWS BADGE
═══════════════════════════════════════════════════════════ */
.l6w .views-badge,
.l7w .article-views,
.l10w .views-badge {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  font-weight: 700;
}

/* ═══════════════════════════════════════════════════════════
   NEWSLETTER / CFP FORM INPUTS
═══════════════════════════════════════════════════════════ */
.l6w .nl-form input,
.l6w .nl-form button,
.l10w .form-group input,
.l10w .form-group textarea {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}

/* ═══════════════════════════════════════════════════════════
   FOOTER COMMON
═══════════════════════════════════════════════════════════ */
.l10w .footer-col h4 {
  font-family: 'Jost', sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.l10w .footer-col p,
.l10w .footer-col ul li a {
  font-family: 'Poppins', sans-serif;
  font-size: 13.5px;
  line-height: 1.8;
}