/* ==========================================================================
   Ankieta „AI w budowie oprogramowania” 2026 (ankieta.html): opis badania i osadzony formularz Riddle.
   Do 1099 px: opis nad formularzem. Od 1100 px: dwie kolumny, opis przypięty przy przewijaniu formularza.
   ========================================================================== */
.an-page { padding:calc(var(--head-h) + 36px) 0 56px; background:var(--paper); border-bottom:1px solid var(--border-light); }
.an-grid { display:grid; gap:32px; }
.an-intro h1 { font-size:clamp(2.1rem,8.4vw,3.4rem); font-weight:800; line-height:1.04; letter-spacing:-.04em; color:var(--text); }
.an-intro .lead { max-width:46ch; margin-top:18px; font-size:1.06rem; }
.an-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:14px; font-weight:700; color:var(--brand); text-decoration:underline; text-underline-offset:3px; }
.an-link i { font-size:.8em; transition:transform .2s; }
.an-link:hover i { transform:translateX(3px); }

/* Formularz: biała karta; ramkę i jej wysokość obsługuje skrypt Riddle */
.an-form { overflow:hidden; border:1px solid var(--border); border-radius:var(--r-xl); background:var(--white); }
.an-embed { width:100%; max-width:640px; margin:0 auto; }
.an-embed iframe { display:block; width:100%; height:600px; border:0; }   /* wysokość wyjściowa; właściwą ustawia skrypt Riddle */

@media (max-width:519px) {
  /* wąski ekran: karta formularza od krawędzi do krawędzi, więcej miejsca na pytania */
  .an-form { margin:0 calc(-1 * var(--gutter)); border-width:1px 0; border-radius:0; }
}
@media (min-width:700px) {
  .an-page { padding:calc(var(--head-h) + 56px) 0 80px; }
  .an-intro .lead { font-size:1.15rem; }
  .an-form { padding:8px; }
}
@media (min-width:700px) and (max-width:1099px) {
  .an-form { max-width:720px; }
}
@media (min-width:1100px) {
  .an-page { min-height:100vh; padding-bottom:104px; }
  .an-grid { grid-template-columns:minmax(340px,1fr) minmax(0,640px); gap:clamp(48px,5vw,72px); align-items:start; }
  .an-intro { position:sticky; top:calc(var(--head-h) + 48px); padding-top:24px; }
  .an-intro h1 { font-size:clamp(2.4rem,3.6vw,3.4rem); }   /* tytuł mieści się w kolumnie opisu */
  .an-form { padding:0; }
}