.detstvo-quiz{box-sizing:border-box;max-width:760px;margin:24px auto;padding:28px;border-radius:22px;background:#fff9f5;border:1px solid #f0e4db;color:#3b3531;font-family:inherit}.detstvo-quiz [hidden]{display:none!important}.detstvo-quiz h2,.detstvo-quiz h3{margin:12px 0;color:#42352f}.dq-kicker,.dq-step-label{font-size:13px;color:#966c62;font-weight:700}.dq-button{background:#c97d74;color:white;border:0;border-radius:12px;padding:13px 20px;cursor:pointer;font-weight:700;margin:14px 0}.dq-button:hover{background:#ad625b}.dq-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0}.dq-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #ebdcd4;border-radius:12px;background:white;cursor:pointer}.dq-option:has(input:checked){border-color:#c97d74;background:#fff0eb}.dq-option-icon{font-size:22px}.dq-hint{font-size:14px}.dq-actions{display:flex;align-items:center;gap:16px}.dq-back{border:0;background:transparent;cursor:pointer;color:#765e55}.dq-card{background:white;border:1px solid #ebdcd4;border-radius:12px;padding:15px;margin:12px 0}.dq-card a{color:#9b544f;font-weight:700;text-decoration:none}.dq-card p{margin:8px 0 0}.dq-intro small{display:block;color:#796c64}

/* 1.3.2: Compact mobile introduction; scoped to quiz to avoid theme interference. */
.detstvo-quiz, .detstvo-quiz * {box-sizing:border-box;}
.detstvo-quiz .dq-intro h2 {font-size:clamp(27px, 5.5vw, 40px);line-height:1.14;letter-spacing:-.025em;margin:14px 0 16px;font-weight:700;}
.detstvo-quiz .dq-intro p {font-size:clamp(16px, 3.5vw, 19px);line-height:1.48;margin:0 0 20px;}
.detstvo-quiz .dq-intro .dq-kicker {line-height:1.35;}
.detstvo-quiz .dq-button {font-family:inherit;font-size:16px;line-height:1.25;text-transform:none;letter-spacing:0;white-space:normal;}
.detstvo-quiz .dq-intro .dq-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:48px;margin:0 0 13px;padding:12px 18px;text-align:center;}
.detstvo-quiz .dq-intro .dq-button span {display:inline-block;flex-shrink:0;line-height:1;}
.detstvo-quiz .dq-intro small {font-size:13px;line-height:1.4;}
@media(max-width:480px){
 .detstvo-quiz {padding:22px 20px;margin:14px auto;border-radius:20px;}
 .detstvo-quiz .dq-intro h2 {font-size:clamp(27px, 8.3vw, 36px);line-height:1.12;margin:12px 0 15px;}
 .detstvo-quiz .dq-intro p {font-size:16px;line-height:1.45;margin-bottom:19px;}
 .detstvo-quiz .dq-intro .dq-button {width:100%;font-size:15px;padding:13px 10px;}
}

/* 1.3.3: Align desktop introduction heading with site typography; mobile unchanged. */
@media (min-width: 481px) {
  .detstvo-quiz .dq-intro h2 { font-size: 37px; }
}