/* TOPPLACHTY — /poptavka/: step form + M5 "Střih" cut drawing.
   Base rules live in site.css (forms, strap tag, layout, materials, OKNO). This file adds
   only what those sections don't already cover. Authority: _spec/DESIGN.md §3 (M5), §5, §7.4. */

.poptavka-form { display: grid; gap: 2.4rem; }
.poptavka-form fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: 1.4rem; }
.poptavka-form legend { padding: 0; }

.step-lede { max-width: var(--measure); }

.consent-block { display: grid; gap: .6rem; padding: 1.1rem 1.2rem; background: var(--cream-3); border: 1px solid var(--line); }
.consent-block h3 { font-size: 1.02rem; }
.consent-block p { font-size: .92rem; }

.radio-group { display: grid; gap: .5rem; }
.radio-group > legend, .field > span:first-child { display: block; font-weight: 500; font-size: .95rem; margin-bottom: .1rem; }

.dims-wrap { display: grid; gap: 1.3rem; padding-top: 1.2rem; border-top: 1px solid var(--line); }
.dims-wrap h3 { font-size: 1.1rem; }

.field input[readonly] { background: var(--cream-2); color: var(--ink); }

.step-nav { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.step-nav .tag:last-child { margin-left: auto; }

.cut-col { display: grid; gap: 1rem; padding: 1.3rem; background: var(--cream-3); border: 1px solid var(--line); align-content: start; }
@media (min-width: 900px) { .cut-col { position: sticky; top: 96px; } }
.strih { width: 100%; height: auto; display: block; aspect-ratio: 640 / 480; }
.cut-caption { font-size: .8rem; }

.done-panel h3 { margin-bottom: .6rem; }