/* fixhaber2026 — sayfaya özel düzenler (v2, editoryal) */

/* Ana sayfa: gündem şeridi (editör sabitli önemli gelişmeler) */
.p-daily {
  background: var(--color-surface-alt);
  border-top: 3px solid var(--color-ink);
  padding: var(--space-4);
}
.p-daily .c-section-head { border-bottom: 0; margin-bottom: var(--space-2); }
.p-daily .c-section-head h2 { border-bottom: 0; padding-bottom: 0; }
.p-daily li {
  display: flex;
  gap: var(--space-3);
  padding-block: var(--space-2);
  border-bottom: var(--rule);
  font-size: var(--text-sm);
  align-items: baseline;
}
.p-daily li:last-child { border-bottom: 0; }
.p-daily time { font-weight: 800; color: var(--color-brand); flex-shrink: 0; }
.p-daily a { font-weight: 600; }
.p-daily a:hover { color: var(--color-brand); }
.p-daily .pin { color: var(--color-warning); flex-shrink: 0; }

/* Kategori sayfası: ilk haber geniş */
.p-cat-lead .c-card-media img { aspect-ratio: var(--ratio-hero); }
.p-cat-lead .c-card-body h3 { font-size: var(--text-xl); letter-spacing: var(--tracking-tight); }
.p-cat-lead { padding-bottom: var(--space-5); border-bottom: var(--rule); }

/* Arşiv / arama filtre çubuğu */
.p-filterbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  background: var(--color-surface-alt);
  border-top: 3px solid var(--color-ink);
  padding: var(--space-4);
  margin-bottom: var(--space-5);
  align-items: end;
}
.p-filterbar .c-field { margin: 0; flex: 1; min-width: 150px; }
.p-filterbar .c-field input, .p-filterbar .c-field select { background: var(--color-surface); }

/* Hava durumu sayfası */
.p-weather-hero {
  background: linear-gradient(120deg, var(--color-ink), #23375C);
  color: #fff;
  padding: var(--space-6);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-5);
  align-items: center;
  justify-content: space-between;
}
.p-weather-hero .now { display: flex; align-items: center; gap: var(--space-4); }
.p-weather-hero .deg { font-size: clamp(3rem, 8vw, 4.5rem); font-weight: 800; line-height: 1; letter-spacing: var(--tracking-tight); }
.p-weather-hero .desc { color: #C2CBD8; }
.p-weather-hero .stats { display: flex; flex-wrap: wrap; gap: var(--space-5); font-size: var(--text-sm); color: #C2CBD8; }
.p-weather-hero .stats strong { display: block; color: #fff; font-size: var(--text-lg); }
.p-city-grid { display: grid; gap: 1px; background: var(--color-border); border: var(--rule); grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.p-city {
  background: var(--color-surface);
  padding: var(--space-3);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--text-sm);
}
.p-city strong { font-size: var(--text-lg); font-variant-numeric: tabular-nums; }

/* Piyasalar sayfası */
.p-market-cards { display: grid; gap: var(--space-3); grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); margin-bottom: var(--space-6); }
.p-market-card {
  background: var(--color-surface);
  border: var(--rule);
  border-top: 3px solid var(--color-ink);
  padding: var(--space-4);
}
.p-market-card .name { font-size: var(--text-xs); color: var(--color-text-muted); font-weight: 800; text-transform: uppercase; letter-spacing: var(--tracking-wide); }
.p-market-card .val { font-size: 1.625rem; font-weight: 800; margin-block: var(--space-1); font-variant-numeric: tabular-nums; letter-spacing: var(--tracking-tight); }
.p-market-card .chg { font-size: var(--text-sm); font-weight: 800; font-variant-numeric: tabular-nums; }
.p-market-card .chg.up { color: var(--color-success); }
.p-market-card .chg.down { color: var(--color-danger); }
.p-market-card svg { width: 100%; height: 42px; margin-top: var(--space-2); }

/* Seçim sayfası */
.p-election-head {
  background: var(--color-ink);
  color: #fff;
  border-top: 4px solid var(--color-brand);
  padding: var(--space-5);
  margin-bottom: var(--space-5);
}
.p-election-head h1 { letter-spacing: var(--tracking-tight); }
.p-election-head .meta { display: flex; flex-wrap: wrap; gap: var(--space-4); color: #C2CBD8; font-size: var(--text-sm); margin-top: var(--space-3); }
.p-election-head .meta strong { color: #fff; font-variant-numeric: tabular-nums; }

/* Video listesi: koyu vitrin */
.p-video-featured {
  background: var(--color-ink);
  padding: var(--space-5);
  color: #fff;
}
.p-video-featured .c-section-head { border-color: rgb(255 255 255 / .18); }
.p-video-featured .c-section-head h2 { color: #fff; }
.p-video-featured .c-card h3 a { color: #fff; }
.p-video-featured .c-card:hover h3 { color: #FF8B98; }
.p-video-featured .c-card-meta { color: #9FABBC; }

/* Yazar profil başlığı */
.p-author-hero {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-5);
  align-items: center;
  background: var(--color-surface-alt);
  border-top: 3px solid var(--color-ink);
  padding: var(--space-5);
}
.p-author-hero img { width: 108px; height: 108px; border-radius: 50%; object-fit: cover; }
.p-author-hero .bio { flex: 1; min-width: 240px; }
.p-author-hero .bio h1 { letter-spacing: var(--tracking-tight); }
.p-author-hero .bio p { color: var(--color-text-muted); font-size: var(--text-sm); margin-top: var(--space-2); max-width: 60ch; }
.p-author-hero .stats { display: flex; gap: var(--space-5); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .04em; color: var(--color-text-muted); }
.p-author-hero .stats strong { display: block; font-size: var(--text-2xl); color: var(--color-text); letter-spacing: var(--tracking-tight); }

/* Köşe yazısı listesi */
.p-column-item {
  padding-block: var(--space-4);
  border-bottom: var(--rule);
}
.p-column-item h3 { font-size: var(--text-lg); }
.p-column-item h3 a:hover { color: var(--color-brand); }
.p-column-item .meta { font-size: var(--text-xs); color: var(--color-text-muted); margin-top: var(--space-1); }
.p-column-item p:not(.meta) { font-size: var(--text-sm); color: var(--color-text-muted); margin-top: var(--space-2); max-width: 72ch; }

/* Kurumsal sayfalar */
.p-corp-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
}
.p-corp-nav a {
  font-size: var(--text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 9px 16px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-s);
  background: var(--color-surface);
}
.p-corp-nav a[aria-current="page"], .p-corp-nav a:hover { background: var(--color-ink); border-color: var(--color-ink); color: #fff; }

/* İletişim */
.p-contact-grid { display: grid; gap: var(--grid-gap); grid-template-columns: 1fr; }
@media (min-width: 1024px) { .p-contact-grid { grid-template-columns: 1.2fr 1fr; } }
.p-contact-grid > section:first-child {
  background: var(--color-surface-alt);
  border-top: 3px solid var(--color-ink);
  padding: var(--space-5);
}
.p-contact-info dt { font-weight: 800; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .05em; margin-top: var(--space-4); color: var(--color-brand); }
.p-contact-info dd { color: var(--color-text-muted); font-size: var(--text-sm); margin-top: 2px; }

/* Son dakika sayfası zaman akışı */
.p-breaking-feed .c-liveblog-item h3 a:hover { color: var(--color-brand); }
.p-breaking-day {
  font-size: var(--text-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--color-text-muted);
  margin: var(--space-6) 0 var(--space-4);
  padding-bottom: var(--space-2);
  border-bottom: var(--rule);
}
.p-breaking-day:first-of-type { margin-top: 0; }

/* v1.4 — profesyonel servis ve sayfa düzeni */
.fx-ad, .c-header-ad { display: none !important; }
.c-topbar-weather svg,
.c-theme-toggle svg,
.weather-symbol svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
.c-topbar-weather {
  font-weight: 500;
  color: #e4e9f2;
}
.c-topbar-weather strong,
.c-ticker strong { font-weight: 700; color: #fff; }
.c-ticker span { font-weight: 500; text-transform: none; letter-spacing: 0; }
.c-theme-toggle span[class^="icon-"] {
  display: inline-flex;
  align-items: center;
}
.c-hero {
  align-items: stretch;
}
@media (min-width: 1024px) {
  .c-hero { grid-template-columns: minmax(0, 1.85fr) minmax(320px, .95fr); }
}
.c-hero-main img {
  min-height: 0;
  aspect-ratio: 16 / 8.6;
}
.c-hero-caption {
  padding: clamp(22px, 3vw, 34px) !important;
}
.c-hero-caption h1,
.c-hero-caption h2 {
  max-width: 860px;
  font-weight: 760;
}
.c-hero-side {
  background: var(--color-surface);
  border: var(--rule);
  border-radius: var(--radius-m);
  padding: var(--space-3);
  box-shadow: var(--shadow-1);
}
.c-hero-side .c-card--row {
  align-items: center;
  min-height: 96px;
}
.c-hero-side .c-card--row .c-card-media {
  width: 116px;
}
.c-hero-side .c-card--row h3 {
  font-size: .925rem;
  font-weight: 680;
}
.p-daily--visual {
  border: var(--rule);
  border-top: 4px solid var(--color-brand);
  border-radius: var(--radius-m);
  background: var(--color-surface);
  box-shadow: var(--shadow-1);
}
.p-daily-grid {
  display: grid;
  gap: 1px;
  background: var(--color-border);
  border: var(--rule);
  border-radius: var(--radius-s);
  overflow: hidden;
  grid-template-columns: 1fr;
}
@media (min-width: 700px) {
  .p-daily-grid { grid-template-columns: repeat(2, 1fr); }
}
.c-mini-news {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: var(--space-3);
  background: var(--color-surface);
  padding: var(--space-3);
  align-items: center;
}
.c-mini-news .media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-s);
}
.c-mini-news span {
  display: block;
  margin-bottom: 4px;
  font-size: .68rem;
  font-weight: 760;
  color: var(--color-brand);
  text-transform: uppercase;
}
.c-mini-news h3 {
  font-size: .94rem;
  line-height: 1.32;
  font-weight: 690;
}
.c-mini-news h3 a:hover { color: var(--color-brand); }
.c-service-stack {
  display: grid;
  gap: var(--space-3);
}
.c-service-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: center;
  background: var(--color-surface);
  border: var(--rule);
  border-left: 4px solid var(--color-brand);
  border-radius: var(--radius-m);
  padding: var(--space-4);
  box-shadow: var(--shadow-1);
  color: var(--color-text);
}
.c-service-card:hover {
  transform: translateY(-1px);
  border-color: var(--color-border-strong);
}
.c-service-card .ico {
  grid-row: 1 / span 1;
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  color: var(--color-brand);
  background: color-mix(in srgb, var(--color-brand) 9%, transparent);
  border-radius: 999px;
}
.c-service-card--weather {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  border-left-color: var(--cat-dunya);
}
.c-service-card b,
.c-service-card strong {
  font-weight: 720;
}
.c-service-card small {
  display: block;
  color: var(--color-text-muted);
  font-size: var(--text-xs);
  margin-top: 2px;
}
.c-service-card > strong {
  font-size: 1rem;
  white-space: nowrap;
}
.mini-market {
  display: grid;
  gap: 6px;
  min-width: 150px;
}
.mini-market em {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-style: normal;
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.mini-market b { color: var(--color-text); }
.c-empty-state {
  border: 1px dashed var(--color-border-strong);
  background: var(--color-surface-alt);
  border-radius: var(--radius-m);
  padding: var(--space-4);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  line-height: 1.6;
}
.c-empty-state--large {
  padding: var(--space-7);
  text-align: center;
}
.c-empty-state strong {
  display: block;
  color: var(--color-text);
  font-size: var(--text-lg);
  margin-bottom: var(--space-2);
}
.c-skeleton {
  height: 52px;
  border-radius: var(--radius-s);
  background: linear-gradient(90deg, var(--color-surface-alt), color-mix(in srgb, var(--color-border) 65%, transparent), var(--color-surface-alt));
  background-size: 220% 100%;
  animation: fxSkeleton 1.3s linear infinite;
}
.c-skeleton + .c-skeleton { margin-top: var(--space-2); }
.c-skeleton.short { width: 70%; }
@keyframes fxSkeleton {
  to { background-position: -220% 0; }
}

.p-weather-dashboard,
.p-prayer-dashboard,
.p-pharmacy {
  display: grid;
  gap: var(--space-5);
}
.p-weather-panel,
.p-auth-card {
  background: var(--color-surface);
  border: var(--rule);
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-1);
}
.p-weather-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: end;
  justify-content: space-between;
  padding: var(--space-4);
  border: var(--rule);
  border-radius: var(--radius-m);
  background: var(--color-surface);
}
.p-weather-actions form {
  display: grid;
  gap: 6px;
  min-width: min(260px, 100%);
}
.p-weather-actions label {
  font-size: var(--text-xs);
  font-weight: 720;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.p-weather-actions select,
.p-score-toolbar select {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-s);
  background: var(--color-surface);
  color: var(--color-text);
  padding: 0 12px;
}
.p-weather-hero {
  border-radius: var(--radius-m);
  background: linear-gradient(135deg, #092043, #123A65 62%, #19779A);
  box-shadow: inset 0 1px rgb(255 255 255 / .15);
}
.p-weather-hero .weather-symbol {
  width: 74px;
  height: 74px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgb(255 255 255 / .13);
}
.p-weather-hero .weather-symbol svg {
  width: 42px;
  height: 42px;
}
.p-weather-hero h1 {
  font-size: clamp(3.2rem, 8vw, 5.2rem);
  line-height: .9;
  font-weight: 760;
  letter-spacing: 0;
}
.p-weather-hero .eyebrow,
.p-prayer-hero .eyebrow,
.p-score-hero .eyebrow {
  display: inline-block;
  font-size: var(--text-xs);
  font-weight: 780;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.p-weather-hero .stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(110px, 1fr));
  gap: var(--space-3);
}
.p-weather-hero .stats div {
  padding: var(--space-3);
  border: 1px solid rgb(255 255 255 / .16);
  border-radius: var(--radius-s);
  background: rgb(255 255 255 / .08);
}
.p-weather-hero dt {
  font-size: var(--text-xs);
  color: #cbd5e1;
}
.p-weather-hero dd {
  margin-top: 3px;
  color: #fff;
  font-weight: 720;
}
.p-weather-grid {
  display: grid;
  gap: var(--grid-gap);
}
@media (min-width: 900px) {
  .p-weather-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.p-hourly-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(86px, 1fr);
  gap: var(--space-2);
  overflow-x: auto;
  padding-bottom: 2px;
}
.p-hourly-strip article,
.p-daily-weather article,
.p-prayer-grid article {
  background: var(--color-surface-alt);
  border: var(--rule);
  border-radius: var(--radius-s);
  padding: var(--space-3);
}
.p-hourly-strip article {
  display: grid;
  justify-items: center;
  gap: 8px;
}
.p-hourly-strip svg,
.p-daily-weather svg {
  width: 24px;
  height: 24px;
  color: var(--color-brand);
}
.p-hourly-strip time,
.p-daily-weather span {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.p-hourly-strip strong,
.p-daily-weather strong {
  font-weight: 720;
}
.p-daily-weather {
  display: grid;
  gap: var(--space-2);
}
.p-daily-weather article {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: var(--space-3);
}
.p-prayer-hero,
.p-score-hero {
  display: grid;
  gap: var(--space-4);
  align-items: center;
  background: var(--color-ink);
  color: #fff;
  border-radius: var(--radius-m);
  padding: var(--space-6);
  box-shadow: var(--shadow-1);
}
@media (min-width: 900px) {
  .p-prayer-hero,
  .p-score-hero { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); }
}
.p-prayer-hero h1,
.p-score-hero h1 {
  font-size: clamp(1.9rem, 3.2vw, 3rem);
  font-weight: 760;
  letter-spacing: 0;
}
.p-prayer-hero p,
.p-score-hero p {
  color: #cbd5e1;
  max-width: 70ch;
}
.p-prayer-hero > strong {
  justify-self: start;
  font-size: clamp(2.6rem, 6vw, 4.5rem);
  line-height: 1;
  font-weight: 760;
}
.p-prayer-grid {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.p-prayer-grid article {
  border-top: 3px solid transparent;
}
.p-prayer-grid article.is-next {
  border-top-color: var(--color-brand);
  background: color-mix(in srgb, var(--color-brand) 8%, var(--color-surface));
}
.p-prayer-grid span {
  display: block;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}
.p-prayer-grid strong {
  display: block;
  margin-top: var(--space-2);
  font-size: 1.55rem;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
}

.p-score-summary {
  display: grid;
  gap: var(--space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.p-score-summary article {
  background: rgb(255 255 255 / .09);
  border: 1px solid rgb(255 255 255 / .14);
  border-radius: var(--radius-s);
  padding: var(--space-3);
}
.p-score-summary span {
  display: block;
  color: #cbd5e1;
  font-size: var(--text-xs);
}
.p-score-summary strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-weight: 720;
}
.p-score-layout {
  display: grid;
  gap: var(--grid-gap);
  margin-top: var(--space-5);
}
@media (min-width: 1080px) {
  .p-score-layout { grid-template-columns: minmax(0, 2fr) minmax(300px, .85fr); }
}
.p-score-main,
.p-score-side {
  min-width: 0;
}
.p-score-card + .p-score-card,
.p-score-side .c-widget + .c-widget {
  margin-top: var(--space-5);
}
.p-score-tabs {
  display: flex;
  gap: var(--space-2);
  overflow-x: auto;
  margin-bottom: var(--space-4);
}
.p-score-tabs button {
  flex: 0 0 auto;
  border: 1px solid var(--color-border-strong);
  border-radius: 999px;
  padding: 10px 16px;
  background: var(--color-surface);
  color: var(--color-text);
  font-weight: 720;
}
.p-score-tabs button.is-active {
  background: var(--color-brand);
  border-color: var(--color-brand);
  color: #fff;
}
.p-score-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}
.p-score-toolbar label {
  min-width: 160px;
  display: grid;
  gap: 6px;
  font-size: var(--text-xs);
  font-weight: 720;
  color: var(--color-text-muted);
}
.fix-fixture-mini__head {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  align-items: center;
  margin-bottom: var(--space-3);
}
.fix-fixture-mini__head strong {
  font-size: var(--text-sm);
  font-weight: 760;
}
.fix-fixture-mini__head span {
  color: var(--color-brand);
  font-size: var(--text-xs);
  font-weight: 720;
}
.fix-match-feed {
  display: grid;
  gap: 1px;
  border: var(--rule);
  border-radius: var(--radius-s);
  overflow: hidden;
  background: var(--color-border);
}
.fix-match-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: var(--space-3);
  align-items: center;
  background: var(--color-surface);
  padding: 12px var(--space-3);
  font-size: var(--text-sm);
}
.fix-match-row strong {
  font-weight: 780;
  font-variant-numeric: tabular-nums;
}
.fix-match-row em {
  font-style: normal;
  color: var(--color-text-muted);
  font-size: var(--text-xs);
  white-space: nowrap;
}
.fix-standings-wrap {
  overflow-x: auto;
}
.fix-standings-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: var(--text-sm);
}
.fix-standings-table th {
  text-align: center;
  color: var(--color-text-muted);
  background: var(--color-surface-alt);
  font-size: var(--text-xs);
  font-weight: 720;
  padding: 10px 8px;
}
.fix-standings-table th:first-child,
.fix-standings-table td:first-child {
  text-align: left;
}
.fix-standings-table td {
  border-bottom: var(--rule);
  text-align: center;
  padding: 10px 8px;
}
.fix-team-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fix-team-cell span {
  width: 22px;
  color: var(--color-text-muted);
  font-variant-numeric: tabular-nums;
}
.fix-team-cell img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.fix-team-cell strong {
  font-weight: 720;
}
.fix-form-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-inline: 1px;
  color: #fff;
  font-size: 10px;
  font-weight: 760;
}
.fix-form-dot--win { background: var(--color-success); }
.fix-form-dot--draw { background: #9aa5b1; }
.fix-form-dot--loss { background: var(--color-danger); }
.fix-standings-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-3);
  padding: var(--space-3);
  background: var(--color-surface-alt);
  border-radius: var(--radius-s);
  color: var(--color-text-muted);
  font-size: var(--text-xs);
}
.p-match-detail {
  border: var(--rule);
  border-radius: var(--radius-s);
  padding: var(--space-4);
  background: var(--color-surface-alt);
  color: var(--color-text-muted);
}
.p-auth {
  max-width: 620px;
  margin-inline: auto;
}
.p-auth-card {
  padding: var(--space-6);
}
.p-auth-card h2 {
  font-size: var(--text-2xl);
  font-weight: 760;
}
.p-auth-card p {
  color: var(--color-text-muted);
  margin-top: var(--space-2);
}
.c-list-item {
  padding: var(--space-3) 0;
  border-bottom: var(--rule);
}
.c-list-item:last-child { border-bottom: 0; }
.c-list-item h3 { font-size: var(--text-base); font-weight: 720; }
.c-list-item p { color: var(--color-text-muted); margin-top: 4px; }
.c-list-item time { color: var(--color-text-muted); font-size: var(--text-xs); }
.c-footer {
  overflow: hidden;
}
.c-footer-logo {
  display: inline-flex;
  align-items: center;
  max-width: 230px;
  min-height: 42px;
}
.c-footer-logo img {
  max-width: 100%;
  max-height: 46px;
  object-fit: contain;
  background: transparent;
}
.c-footer-logo--text {
  color: #fff;
  font-size: 1.35rem;
  font-weight: 780;
  letter-spacing: 0;
}
.c-footer-bottom {
  gap: var(--space-3);
}
.c-footer-bottom span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.c-article-tools button,
.c-article-tools a {
  gap: 8px;
  background: var(--color-surface);
  color: var(--color-text);
}
.c-article-tools svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}
.c-article-tools button[aria-pressed="true"] {
  background: var(--color-ink);
  border-color: var(--color-ink);
  color: #fff;
}
@media (max-width: 767px) {
  .c-hero-main img { aspect-ratio: 16 / 10; }
  .c-mini-news { grid-template-columns: 96px minmax(0, 1fr); }
  .c-service-card,
  .c-service-card--weather { grid-template-columns: minmax(0, 1fr); }
  .c-service-card .ico { display: none; }
  .p-weather-hero,
  .p-prayer-hero,
  .p-score-hero { padding: var(--space-5); }
  .p-weather-hero .stats { grid-template-columns: 1fr 1fr; width: 100%; }
  .fix-match-row { grid-template-columns: 1fr auto; }
  .fix-match-row em { grid-column: 1 / -1; }
}
