@import url('/assets/css/general-audience-tools.css');
.compliment-preview{min-height:330px;display:grid;place-items:center;padding:32px;border-radius:18px;background:linear-gradient(145deg,#0f766e,#2563eb 48%,#c026d3);color:#fff;text-align:center}.compliment-preview blockquote{margin:0;font-size:clamp(1.45rem,3.5vw,2.35rem);font-weight:800;line-height:1.35}.compliment-preview p{opacity:.88}
.quiz-list{display:grid;gap:12px}.quiz-row{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.quiz-row label{display:block;font-weight:750}.quiz-row select{width:100%;min-height:42px;margin-top:7px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text)}
.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.skill-row{display:grid;grid-template-columns:1fr 92px 92px;gap:8px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.skill-row select{padding:7px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.gap-card{padding:13px;border:1px solid var(--border);border-left:5px solid var(--orange);border-radius:10px;background:var(--surface)}
@media(max-width:760px){.skill-grid{grid-template-columns:1fr}}@media(max-width:520px){.skill-row{grid-template-columns:1fr 1fr}.skill-row strong{grid-column:1/-1}}