/* Shared visual layer for Czech article pages. */
:root { --article-ink:#f6f0e4; --article-muted:#c9c0b0; --article-green:#032d25; --article-line:rgba(225,203,137,.17); --article-gold:#f3dc94; }
body.article-page { color:var(--article-ink)!important; background:radial-gradient(circle at 78% 8%,rgba(57,113,88,.25),transparent 29rem),linear-gradient(180deg,#02271f 0%,var(--article-green) 46%,#04231d 100%)!important; }
.article-page .site-header { background:rgba(2,39,31,.92)!important; border-bottom-color:var(--article-line)!important; }
.article-page .brand-top,.article-page .section-label,.article-page .eyebrow { color:var(--article-gold)!important; }
.article-page .nav a,.article-page .language-switch a,.article-page .site-footer,.article-page .site-footer span { color:var(--article-muted)!important; }
.article-page .nav .nav-cta,.article-page .btn-primary { color:#173127!important; background:linear-gradient(135deg,#f6df9d,#d6a84d)!important; border-color:transparent!important; }
.article-page .hero { padding:clamp(28px,5vw,70px) 0 32px!important; }
.article-page .hero-card,.article-page .hero-grid { position:relative; overflow:hidden; border:1px solid var(--article-line)!important; border-radius:28px!important; background:linear-gradient(115deg,rgba(4,48,39,.98) 0%,rgba(3,37,30,.91) 55%,rgba(4,34,28,.42) 100%)!important; box-shadow:0 26px 70px rgba(0,0,0,.24)!important; }
.article-page .hero-card::after { content:none!important; display:none!important; }
.article-page .hero-inner,.article-page .hero-content,.article-page .hero-grid>* { position:relative; z-index:1; }
.article-page .hero h1,.article-page .hero-card h1,.article-page .section-heading h2,.article-page .article-body h2,.article-page .cta-box h2 { color:var(--article-ink)!important; }
.article-page .hero .lead,.article-page .hero p,.article-page .article-body p,.article-page .article-body li,.article-page .cta-box p { color:var(--article-muted)!important; }
.article-page .hero-media,.article-page .hero-video-grid figure { border-radius:18px; overflow:hidden; }
.article-page .hero-video-grid figure { box-shadow:0 18px 40px rgba(0,0,0,.28); }
.article-page .article-body,.article-page .card,.article-page .feature-card,.article-page .value-item,.article-page .work-item,.article-page .process-step,.article-page .price-card,.article-page .cta-box,.article-page .note { border-color:var(--article-line)!important; background:linear-gradient(145deg,rgba(10,65,52,.94),rgba(3,39,31,.96))!important; box-shadow:0 18px 44px rgba(0,0,0,.16)!important; }
/* Dark article surfaces must also override the legacy light-surface text rules
   in style.css (.value-item strong/p, .work-item h3/p, .process-step, etc.). */
.article-page :is(.card,.feature-card,.value-item,.work-item,.process-step,.note) {
  color:var(--article-ink)!important;
}
.article-page :is(.card,.feature-card,.value-item,.work-item,.process-step,.note) :is(h2,h3,h4,strong) {
  color:var(--article-ink)!important;
}
.article-page :is(.card,.feature-card,.value-item,.work-item,.process-step,.note) :is(p,li) {
  color:var(--article-muted)!important;
}
.article-page .article-body { border-radius:24px!important; padding:clamp(24px,5vw,48px)!important; }
.article-page .article-body h2 { margin-top:1.6em!important; }.article-page .article-body h2:first-child { margin-top:0!important; }
.article-page .trust-strip,.article-page .section-alt { background:rgba(2,30,24,.42)!important; }
.article-page .btn-secondary { color:var(--article-ink)!important; background:rgba(3,41,33,.74)!important; border-color:rgba(243,220,148,.38)!important; }
.article-page .note { border-left:3px solid var(--article-gold)!important; }.article-page .site-footer { border-top-color:var(--article-line)!important; }
/* Article pages use one real hero image only. No duplicate/background image layer. */
.article-page .hero-grid,
.article-page .hero-video-grid { display:grid!important; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important; gap:32px!important; align-items:center!important; }
.article-page .hero-content { max-width:680px!important; }
.article-page video,
.article-page .photo-note { display:none!important; }
.article-page .hero-media,
.article-page .hero-video-grid figure {
  display:block!important;
  width:min(100%,360px)!important;
  margin:0 auto!important;
  justify-self:center!important;
}
.article-page .article-hero-image {
  display:block!important;
  width:100%!important;
  height:225px!important;
  min-height:0!important;
  max-height:225px!important;
  aspect-ratio:16 / 10!important;
  object-fit:cover!important;
  border-radius:18px!important;
  box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
}
.article-page .hero-media .hero-card::after,
.article-page .hero-floating-card { display:none!important; }
.article-page .hero-actions,
.article-page .inline-cta,
.article-page .pricing-section,
.article-page .about-section .info-panel { display:none!important; }
.article-page .hero-quick-links { margin-top:28px!important; }
.article-page .intro-section,
.article-page .reasons-section,
.article-page .value-section,
.article-page .how-i-work,
.article-page .process-section,
.article-page .about-section { padding:clamp(38px,6vw,76px) 0!important; }
.article-page .intro-section .narrow,
.article-page .reasons-section .container,
.article-page .value-section .container,
.article-page .how-i-work .container,
.article-page .process-section .container,
.article-page .about-section .container { max-width:860px!important; }
.article-page .section-heading { max-width:760px!important; }
.article-page .section-heading.center { margin-inline:auto!important; }
.article-page .benefits-grid,
.article-page .process-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; }
.article-page .value-grid,
.article-page .how-i-work-grid,
.article-page .about-grid { grid-template-columns:minmax(0,760px)!important; justify-content:center!important; }
.article-page .value-list { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; }
.article-page .card,
.article-page .feature-card,
.article-page .value-item,
.article-page .work-item,
.article-page .process-step { border-radius:18px!important; }
.article-page .final-cta { padding:clamp(46px,8vw,92px) 0!important; }
.article-page .final-cta .cta-box { max-width:760px!important; margin-inline:auto!important; text-align:left!important; }
.article-page .final-cta .cta-actions { justify-content:flex-start!important; }
@media (max-width:760px) { .article-page .hero-card::after { width:100%; opacity:.22; } .article-page .article-body { border-radius:20px!important; } }
@media (max-width:760px) {
  .article-page .hero-grid,
  .article-page .hero-video-grid { grid-template-columns:1fr!important; gap:22px!important; }
  .article-page .hero-media,
  .article-page .hero-video-grid figure { width:min(100%,320px)!important; }
  .article-page .article-hero-image {
    height:180px!important;
    max-height:180px!important;
  }
  .article-page .benefits-grid,
  .article-page .process-grid,
  .article-page .value-list { grid-template-columns:1fr!important; }
}