/* Audit pass 102: shared rhythm, without replacing the approved compositions. */
:root{--section-title:clamp(28px,3.2vw,46px)}
.sheet-head,#ai-projekty,#weby,#znacka,#socialne-siete,#sluzby,#faq,#kontakt,footer{
  padding-inline:max(var(--pad),calc((100% - var(--wrap)) / 2));
}
#ai-projekty .projects-heading,#ai-projekty .project-panels,
#weby .head,#weby .web-portals,#znacka .brand-index,
#socialne-siete .social-wrap{max-width:var(--wrap)}
#vizualy .sheet-head h2,#stories-title,#weby-title,#brand-title,#social-title,#services-title,#faq-title{
  font-size:var(--section-title);line-height:1.05;letter-spacing:-.035em;
  font-variation-settings:'wdth' 118,'wght' 800;
}
#faq-title{margin:0 0 28px}
#faq .faq{max-width:var(--wrap);margin-inline:auto}
#faq summary{min-height:48px}
/* A light inner ring and dark outer ring stay visible on either surface. */
body :focus-visible{outline:2px solid #f4f2ed;outline-offset:3px;box-shadow:0 0 0 5px #252422}
.light :focus-visible{outline-color:#554b40;box-shadow:none}
#vizualy .badge{font-size:12px;background:#f4f2ed;color:#0b0b0c}
#vizualy .badge.hyb{background:#b99f84;color:#0e0e0d}
#vizualy .badge.foto{background:#0b0b0c;color:#f4f2ed}
/* Enlarge hit areas without moving the header logo or changing its artwork. */
header .mark::after{content:'';position:absolute;inset:-10px 0;min-width:44px;min-height:44px}
#kontakt .strip a,footer a{display:inline-flex;align-items:center;min-height:44px}
@media(prefers-reduced-motion:reduce){#hero .hero-video{display:none}}

/* The whole FAQ opens on demand; each answer remains independently accessible. */
#faq .faq-section-trigger{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding-block:16px}
#faq .faq-section-trigger::-webkit-details-marker{display:none}
#faq .faq-section-trigger #faq-title{margin:0}
#faq .faq-section-icon{position:relative;flex:0 0 44px;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;opacity:.75}
#faq .faq-section-icon::before,#faq .faq-section-icon::after{content:'';position:absolute;width:14px;height:2px;background:currentColor;left:14px;top:20px}
#faq .faq-section-icon::after{transform:rotate(90deg)}
#faq .faq-section-toggle[open]>.faq-section-trigger .faq-section-icon::after{display:none}
#faq .faq-section-toggle>.faq{margin-top:22px}

@media(min-width:861px){#faq{padding-top:26px}}