/* 지난 퀴즈 해설(q.php)·지난 문제 목록(archive.php) 추가 모양 (2026-11-03) */

/* 해설 화면 */
.tp-page--qpub .tp-page__hd h1 { word-break: keep-all; }
.qz-pub__q { margin: 0; font-size: 13px; font-weight: 700; color: var(--muted); }
.qz-pub__answer span { font-size: 12px; font-weight: 700; letter-spacing: .08em; opacity: .8; }
.qz-pub__answer b { font-size: 17px; }
.qz-result--pub .qz-result__head { background: var(--felt-bg); color: var(--felt-ink); border: 1px solid rgba(42, 157, 111, .4); }
.qz-explain h2 { margin: 0 0 8px; font-size: 14px; font-weight: 700; color: var(--gold-ink); }
.qz-pub__cta { margin-top: 20px; }
.qz-pub__note { margin: 10px 0 0; font-size: 13px; color: var(--muted); }
.qz-pub__note b { color: var(--gold-ink); }
.qz-pub__sec { margin-top: 32px; }
.tp-page--qpub .tp-tools.qz-pub__tools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) {
    .tp-page--qpub .tp-tools.qz-pub__tools { grid-template-columns: minmax(0, 1fr); }
    .qz-pub__cta .tp-btn { flex: 1 1 100%; }
}
@media (min-width: 1400px) {
    .tp-page--quiz .qz > .qz-pub__note { grid-column: 2; }
}

/* 지난 문제 목록: 제목은 해설로, 옆에 "다시 풀기" */
.qz-list--arc li { display: flex; align-items: stretch; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); overflow: hidden; }
.qz-list--arc li:hover { border-color: var(--felt2); }
.qz-list--arc .qz-list__main { flex: 1 1 auto; min-width: 0; border: 0; border-radius: 0; background: transparent; }
.qz-list--arc .qz-list__retry { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 0; padding: 0 14px; border: 0; border-left: 1px solid var(--line); border-radius: 0; background: transparent; font-size: 12px; font-weight: 600; color: var(--muted) !important; white-space: nowrap; }
.qz-list--arc .qz-list__retry:hover { background: var(--felt-bg); color: var(--felt-ink) !important; }
@media (max-width: 480px) {
    .qz-list--arc .qz-list__main { gap: 10px; padding: 12px; }
    .qz-list--arc .qz-list__retry { padding: 0 10px; }
    .qz-list--arc .qz-list__my { display: none; }
    .qz-list--arc .qz-list__txt em .qz-list__my-m { display: inline; }
}
.qz-list__my-m { display: none; }
.qz-list__my-m.is-ok { color: var(--felt-ink); font-weight: 700; }
.qz-list__my-m.is-no { color: #f0a0a3; font-weight: 700; }