/* Le Mot Chaud */
.qzm { padding: clamp(20px, 4vw, 36px); }
.qzm-loading { padding: 30px 0; font-weight: 700; text-align: center; }
.qzm-head { margin-bottom: 16px; }
.qzm-intro { margin: 10px 0 0; font-size: 1.15rem; }
.qzm-form { margin-top: 6px; }
.qzm-last { margin: 4px 0 10px; }
.qzm-tablewrap { border: var(--qz-b, 2.5px solid #3D1246); border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 4px 4px 0 var(--qz-ink, #3D1246); }
.qzm-table { width: 100%; border-collapse: collapse; font-size: 1.05rem; }
.qzm-table th { padding: 10px 12px; text-align: left; font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; background: var(--qz-base, #FBF9FF); border-bottom: 2px solid var(--qz-ink, #3D1246); }
.qzm-table td { padding: 9px 12px; border-bottom: 1px solid rgba(61,18,70,.1); vertical-align: middle; }
.qzm-table tr:last-child td { border-bottom: 0; }
.qzm-table td:first-child { width: 48px; opacity: .7; font-variant-numeric: tabular-nums; }
.qzm-word { font-weight: 800; }
.qzm-temp { font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }
.qzm-emo { width: 36px; font-size: 1.3rem; text-align: center; }
.qzm-prog { width: 38%; }
.qzm-bar { display: inline-block; vertical-align: middle; width: calc(100% - 64px); height: 12px; border: 2px solid var(--qz-ink, #3D1246); border-radius: 999px; background: #fff; overflow: hidden; }
.qzm-bar span { display: block; height: 100%; background: linear-gradient(90deg, #FFC94A, #FD7C74, #E8254A); }
.qzm-pm { display: inline-block; width: 58px; text-align: right; font-weight: 700; font-size: .9rem; font-variant-numeric: tabular-nums; }
.qzm-table tr.is-last td { background: #FFF4C7; }
.qzm-table--last { border: var(--qz-b, 2.5px solid #3D1246); border-radius: 14px; overflow: hidden; border-collapse: separate; box-shadow: 3px 3px 0 var(--qz-ink, #3D1246); }
.qzm-foot { margin-top: 18px; display: grid; gap: 12px; }
.qzm-foot .qzg-tool { justify-self: start; }
.qzm-how summary { cursor: pointer; font-weight: 800; }
.qzm-how p { margin: 8px 0; }
.qzm-meta { margin: 0; }
.qzm-win { margin-bottom: 18px; }
.qzm-streak, .qzm-next { margin: 8px 0; font-size: 1.1rem; }
.qzm-near { margin: 14px 0; }
.qzm-near summary { cursor: pointer; font-weight: 800; }
.qzm-nearlist { columns: 2; column-gap: 24px; margin: 10px 0 0; padding-left: 28px; }
.qzm-nearlist li { break-inside: avoid; padding: 2px 0; }
.qzm-nearlist li span { font-weight: 700; }
.qzm-nearlist li em { margin-left: 8px; font-style: normal; opacity: .7; font-size: .9em; }
.qzm-more { margin: 14px 0 0; }
@media (max-width: 560px) {
	.qzm-table { font-size: .95rem; }
	.qzm-table th:nth-child(5), .qzm-table td:nth-child(5) { width: 30%; }
	.qzm-bar { display: none; }
	.qzm-pm { width: auto; }
	.qzm-table td { padding: 8px 8px; }
	.qzm-nearlist { columns: 1; }
}