/* Identyfikacja Konkursu Wiedzy o Ursusie — Canva, październik 2026.
   Założenia: jeden zestaw tokenów dla publicznej strony i wersji Next.js.
   Zielony #547C50, piaskowy #DFC088, jasny #F8F5F2. */
:root {
  --brand-primary: #547C50;
  --brand-sand: #DFC088;
  --brand-paper: #F8F5F2;
  --brand-ink: #192E20;
  --brand-muted: #536356;
  --brand-line: #D8DFD5;
  --brand-soft-green: #E8EFE5;
  --brand-soft-sand: #F4E9D4;
  --ink: var(--brand-ink);
  --green: var(--brand-primary);
  --sage: var(--brand-primary);
  --cream: var(--brand-paper);
  --gold: var(--brand-sand);
  --terracotta: #8D6539;
  --line: var(--brand-line);
  --muted: var(--brand-muted);
  --soft: var(--brand-soft-green);
}
html { background: var(--brand-paper); }
body, .landing-v2, .landing-v3 { background: var(--brand-paper); color: var(--brand-ink); }
:focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 3px; }
::selection { background: var(--brand-sand); color: var(--brand-ink); }

/* Oryginalny znak dostarczony w Canvie (odrysowany do lekkiego SVG).
   Nie dublujemy nazwy konkursu tekstem przy logo. */
.site-header, .landing-v2 .site-header, .landing-v3 .site-header {
  min-height: 104px; height: auto; padding-top: 7px; padding-bottom: 7px;
  border-color: var(--brand-line);
}
.site-header .brand, .site-footer .brand, .landing-v2 .brand {
  display: inline-flex; align-items: center; flex-shrink: 0; gap: 0;
  width: max-content; max-width: 100%; line-height: 1;
}
.brand-logo { display: block; width: 202px; height: auto; max-width: 100%; }
.site-footer .brand-logo { width: 215px; }
.site-header .nav a:not(.btn):hover, .nav a.active, .landing-v2 .nav a:not(.btn):hover,
.site-footer a:hover, .text-link { color: var(--brand-primary); }
.eyebrow, .eyebrow-red, .landing-v2 .eyebrow-red,
.landing-v3 .eyebrow-red, .knowledge-v2 .eyebrow-red { color: var(--brand-primary); }
.btn, .landing-v2 .btn { border-color: var(--brand-primary); color: var(--brand-ink); }
.btn-dark, .btn-green, .landing-v2 .btn-dark, .landing-v3 .btn-dark {
  border-color: var(--brand-primary); background: var(--brand-primary); color: #fff;
}
.btn-dark:hover, .btn-green:hover, .landing-v2 .btn-dark:hover {
  background: #41633E; border-color: #41633E;
}
.btn:not(.btn-dark):not(.btn-green):hover { background: var(--brand-soft-green); }
.landing-v2 .hero-copy h1 span, .hero-copy h1 span,
.knowledge-hero h1 em { color: var(--brand-primary); }
.landing-v3 .btn.btn-dark .cta-arrow, .landing-v3 .btn .cta-arrow {
  background: var(--brand-paper); color: var(--brand-ink);
}
.landing-v2 .hero-copy .lead, .landing-v3 .hero-copy .lead,
.landing-v3 .section-intro p:not(.eyebrow), .landing-v3 .overview-card p,
.landing-v3 .audience-card li, .landing-v3 .timeline-head p:not(.eyebrow) { color: var(--brand-muted); }
.landing-v3 .overview-card, .landing-v3 .audience-card,
.landing-v3 .podium-card, .landing-v3 .finalists-card {
  background: #FFFEFB; border-color: var(--brand-line);
}
.landing-v3 .step-label, .landing-v2 .pillar-icon {
  background: var(--brand-soft-sand); color: #665028;
}
.landing-v3 .award-place, .landing-v3 .finalist-note .eyebrow {
  color: var(--brand-primary);
}
.landing-v3 .awards-ranking, .landing-v3 .awards-ranking li,
.landing-v3 .finalist-note, .landing-v3 .timeline,
.landing-v3 .site-footer { border-color: var(--brand-line); }
.landing-v3 .agenda-status { color: var(--brand-muted); }
.landing-v3 .faq details { border-color: var(--brand-line); }
.landing-v3 .footer-column h4 { color: var(--brand-muted); }
.landing-v3 .footer-column a { color: var(--brand-ink); }

/* Wewnętrzne podstrony, biblioteka wiedzy i quiz. */
.service-banner, .feature-cta { background: var(--brand-soft-sand); }
.service-card, .quiz-card { border-color: var(--brand-line); }
.knowledge-chapter-cta, .knowledge-card, .knowledge-glance, .knowledge-glance-list {
  border-color: var(--brand-line);
}
.knowledge-chapter-cta { background: var(--brand-soft-green); }
.knowledge-surprise {
  border-top-color: var(--brand-primary);
  border-bottom-color: var(--brand-line);
  background: linear-gradient(90deg, var(--brand-soft-sand), var(--brand-paper));
}
.knowledge-surprise p, .knowledge-chapter-cta p { color: var(--brand-muted); }
.knowledge-kicker, .knowledge-article-label, .knowledge-breadcrumb { color: var(--brand-muted); }
.quiz-option:focus-visible, .quiz-option:has(input:checked) { outline-color: var(--brand-primary); }
.site-footer { border-color: var(--brand-line); }

/* Logo pozostaje czytelne na każdym ekranie. */
@media (max-width: 900px) {
  .site-header, .landing-v2 .site-header, .landing-v3 .site-header { min-height: 94px; }
  .brand-logo { width: 176px; }
}
@media (max-width: 700px) {
  .site-header, .landing-v2 .site-header, .landing-v3 .site-header { min-height: 86px; }
  .brand-logo { width: 157px; }
  .site-footer .brand-logo { width: 192px; }
  .site-header .brand { min-width: 0; }
}

/* Struktura nawigacji i sekcji po korekcie redakcyjnej, listopad 2026. */
.site-header .nav-group{position:relative;display:flex;align-items:center}
.site-header .nav-group>.nav-parent{display:inline-flex;align-items:center;min-height:44px}
.site-header .nav-submenu{display:none;position:absolute;top:100%;left:0;z-index:70;min-width:205px;padding:8px;background:var(--brand-paper);border:1px solid var(--brand-line);border-radius:14px;box-shadow:0 14px 28px #192e2020}
.site-header .nav-submenu a{display:block;padding:11px 12px;white-space:nowrap;border-radius:8px;font-size:13px}
.site-header .nav-submenu a:hover,.site-header .nav-submenu a:focus-visible{background:var(--brand-soft-green)}
.site-header .nav-group:hover .nav-submenu,.site-header .nav-group:focus-within .nav-submenu{display:block}
.site-header .nav a[aria-current="page"]{color:var(--brand-primary);font-weight:750}
.service-grid-single{grid-template-columns:minmax(0,1fr);max-width:830px}
.standalone-timeline{max-width:1100px;margin:26px auto 90px;display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,.65fr);gap:48px}
.standalone-timeline .agenda-list{padding:0;margin:0}
.standalone-timeline .agenda-status{font-size:13px}
.landing-v3 .overview .section-intro h2{white-space:nowrap}
.landing-v3 .overview-card p+p{margin-top:15px}
.landing-v3 .overview-card strong{color:var(--brand-ink)}
@media(max-width:1050px){.standalone-timeline{grid-template-columns:1fr;gap:16px}}
@media(max-width:900px){
.site-header .nav-group{display:flex;flex-direction:column;align-items:stretch;width:100%}
.site-header .nav-group>.nav-parent{width:100%}
.site-header .nav-submenu{position:static;display:flex;width:100%;min-width:0;flex-direction:column;padding:0 0 5px 13px;background:transparent;box-shadow:none;border:0;border-radius:0}
.site-header .nav-submenu a{min-height:40px;padding:9px 14px;font-size:14px}
}
@media(max-width:600px){.landing-v3 .overview .section-intro h2{white-space:normal}.standalone-timeline{display:block}}

/* Pełna treść regulaminu — czytelna typografia dokumentowa. */
.regulation-text{max-width:900px;padding-bottom:86px}
.regulation-section{padding:28px 0;border-top:1px solid var(--brand-line)}
.regulation-section h2{font-size:clamp(24px,3vw,35px);line-height:1.15;margin:0 0 18px;letter-spacing:-.025em}
.regulation-section ol{padding-left:26px;margin:0;display:grid;gap:12px}
.regulation-section li{padding-left:8px;line-height:1.7;font-size:16px}
.regulation-editorial-note{font-size:13px;color:var(--brand-muted);border-top:1px solid var(--brand-line);padding-top:16px;line-height:1.6}