#pcq-wrap {
    max-width: 850px;
    margin: 0 auto;
    font-family: inherit;
}

#pcq-form .pcq-field {
    margin-bottom: 20px;
}

#pcq-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

#pcq-form .pcq-req {
    color: #c00;
}

#pcq-form .pcq-optional {
    font-weight: 400;
    font-size: 0.9em;
    color: #666;
}

#pcq-form .pcq-field-note {
    margin: 0 0 8px;
    font-size: 0.88em;
    color: #666;
}

#pcq-form input[type="text"],
#pcq-form input[type="email"],
#pcq-form input[type="tel"],
#pcq-form input[type="url"],
#pcq-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    box-sizing: border-box;
}

#pcq-form textarea {
    resize: vertical;
}

.pcq-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media ( max-width: 600px ) {
    .pcq-two-col {
        grid-template-columns: 1fr;
    }
}

.pcq-radio-group label {
    display: block;
    font-weight: 400;
    margin-bottom: 6px;
    cursor: pointer;
}

.pcq-radio-group input[type="radio"] {
    margin-right: 6px;
}

#pcq-form button[type="submit"] {
    display: inline-block;
    padding: 12px 32px;
    background: #222;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 1em;
    cursor: pointer;
    transition: background 0.2s;
}

#pcq-form button[type="submit"]:hover {
    background: #444;
}

.pcq-error {
    background: #fdd;
    border: 1px solid #c00;
    color: #900;
    padding: 10px 14px;
    border-radius: 4px;
    margin-bottom: 16px;
}

#pcq-success {
    background: #dfd;
    border: 1px solid #090;
    color: #060;
    padding: 16px;
    border-radius: 4px;
}
