.qna-panel {
    width: min(900px, calc(100% - 48px));
    margin: 32px auto;
    padding: 28px;
    border: 1px solid var(--color-honey-border);
    border-radius: 16px;
    background: rgb(5 17 23 / 92%);
    box-shadow: 0 12px 36px rgb(0 0 0 / 38%);
}

.qna-panel h1 {
    margin-top: 0;
    color: var(--color-honey-brown);
}

.qna-entry {
    padding: 18px 0;
    border-top: 1px solid var(--color-honey-border);
}

.qna-entry h2 {
    margin: 0 0 8px;
    color: #63dcff;
    font-size: 1.2rem;
}

.qna-entry p {
    margin: 0;
    white-space: pre-wrap;
}

.qna-empty {
    padding-top: 18px;
    border-top: 1px solid var(--color-honey-border);
}

@media (max-width: 800px) {
    .qna-panel {
        box-sizing: border-box;
        width: calc(100% - 24px);
        margin: 16px auto;
        padding: 18px;
    }
}