/*
 * Strefa Faktów · Glass Lite · 2026-10-22
 * Visual layer only. No changes to Ghost Portal, payments, content or routes.
 * Remove this stylesheet from default.hbs to switch off this visual treatment.
 */
:root {
  --sf-modern-radius: 20px;
  --sf-modern-gap: clamp(14px, 1.65vw, 20px);
  --sf-modern-line: color-mix(in srgb, var(--color-border) 80%, var(--color-background));
  --sf-modern-shadow: 0 8px 28px rgba(26, 35, 51, .055), 0 1px 4px rgba(26, 35, 51, .035);
  --sf-modern-shadow-hover: 0 16px 38px rgba(26, 35, 51, .11), 0 3px 8px rgba(26, 35, 51, .04);
}
[data-color-scheme="dark"]:root {
  --sf-modern-shadow: 0 10px 30px rgba(0,0,0,.19);
  --sf-modern-shadow-hover: 0 16px 38px rgba(0,0,0,.30);
}
@media (prefers-color-scheme: dark) {
  [data-color-scheme="system"]:root {
    --sf-modern-shadow: 0 10px 30px rgba(0,0,0,.19);
    --sf-modern-shadow-hover: 0 16px 38px rgba(0,0,0,.30);
  }
}

/* 1. Standalone article cards on all Brief, Signals, Analysis and Archive feeds. */
[data-post-feed] {
  gap: var(--sf-modern-gap);
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible;
}
[data-post-feed] > [data-post-card] {
  margin: 0;
  border: 1px solid var(--sf-modern-line);
  border-radius: var(--sf-modern-radius);
  background: var(--color-background);
  background: color-mix(in srgb, var(--color-background) 93%, transparent);
  box-shadow: var(--sf-modern-shadow);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
/* The stock Brief cards draw separators via ::after; these are unnecessary here. */
[data-post-feed] > [data-post-card]::after {
  display: none !important;
  content: none !important;
}
[data-post-feed] > [data-post-card] > a {
  display: flex;
  border-radius: inherit;
  padding: 22px 24px;
  color: var(--color-typography-tone);
  background-color: transparent;
  background-image: none !important;
  transition: background-color .2s ease;
}
[data-post-feed] > [data-post-card]:hover {
  transform: translateY(-2px);
  box-shadow: var(--sf-modern-shadow-hover);
  border-color: color-mix(in srgb, var(--color-brand) 18%, var(--color-border));
}
[data-post-feed] > [data-post-card] > a:hover {
  background-image: none !important;
  background-color: color-mix(in srgb, var(--color-background-tone) 48%, transparent);
}
[data-post-feed] > [data-post-card] > a:focus-visible {
  outline: 3px solid var(--color-brand);
  outline-offset: -4px;
}
[data-post-feed] [data-post-card-title] {
  letter-spacing: -.018em;
  line-height: 1.3;
}
[data-post-feed] [data-post-card-excerpt] {
  line-height: 1.58;
  color: var(--color-typography-tone);
}
[data-post-feed] [data-post-card-info] {
  color: var(--color-typography-tone);
  row-gap: 8px;
}
[data-post-feed] [data-post-card] figure {
  border-radius: 14px;
}

/* 2. Modest refinements to the reading and navigation experience. */
[data-post-hero] figure img,
[data-page-hero] figure img {
  border-radius: 20px;
}
[data-archive-formats] a {
  border-color: var(--sf-modern-line);
  box-shadow: 0 1px 4px rgba(17,24,39,.035);
  transition: background-color .18s ease, transform .18s ease;
}
[data-archive-formats] a:hover { transform: translateY(-1px); }
[data-archive-formats] a:focus-visible,
[data-header-cta]:focus-visible {
  outline: 3px solid var(--color-brand);
  outline-offset: 3px;
}

/* 3. Existing Strefa Faktów landing and pricing: align corner radii and spacing.
 * These enhancements deliberately do not change marketing copy or checkout URLs.
 */
.sf-lp .sf-btn,
.sf-plany .sf-plan-btn { border-radius: 13px; }
.sf-lp .sf-price-card,
.sf-plany .sf-plan-card {
  border-radius: 22px;
  box-shadow: 0 12px 38px rgba(25, 35, 51, .065);
}
.sf-lp .sf-price-card.featured,
.sf-plany .sf-plan-card.featured {
  box-shadow: 0 20px 48px rgba(25, 35, 51, .09);
}
.sf-lp .sf-chaos-card,
.sf-lp .sf-about-photo,
.sf-lp .sf-morning-visual { border-radius: 24px; }
.sf-lp .sf-hero-badge { border-radius: 16px; }
.sf-lp .sf-metric,
.sf-lp .sf-stack-card { border-radius: 18px; }

@media (max-width: 639px) {
  :root { --sf-modern-radius: 16px; --sf-modern-gap: 12px; }
  [data-post-feed] > [data-post-card] > a { padding: 18px 19px; }
  [data-post-feed] [data-post-card] figure { border-radius: 10px; }
  [data-post-hero] figure img,
  [data-page-hero] figure img { border-radius: 16px; }
  .sf-lp .sf-price-card,
  .sf-plany .sf-plan-card { border-radius: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-post-feed] > [data-post-card],
  [data-post-feed] > [data-post-card] > a,
  [data-archive-formats] a { transition: none; }
  [data-post-feed] > [data-post-card]:hover,
  [data-archive-formats] a:hover { transform: none; }
}