/* Interactive educational demonstrations, integrated with the live theme. */
.learning-section{background:#181a17;border-top:1px solid var(--line)}
.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-top:38px}
.learning-panel{border:1px solid var(--line);padding:32px;background:#111610;min-width:0}
.learning-panel h3{font-family:var(--serif);font-size:29px;line-height:1.25;margin:18px 0}
.learning-panel p{font-size:13px}.learning-panel .button,.learning-panel .btn{margin-top:18px;gap:16px;font-size:12px;padding:13px 18px;min-height:46px}
.learning-panel .quiz-top{margin:20px 0;font-size:11px}.learning-panel .options{list-style:none;padding:0;display:grid;gap:9px;margin-top:22px}
.learning-panel .option{width:100%;padding:13px 15px;background:transparent;border:1px solid #666b59;color:var(--text);font-size:13px;line-height:1.5;text-align:left}
.learning-panel .option:hover{border-color:var(--gold)}.learning-panel .option:disabled{opacity:1}.learning-panel .is-correct{background:#24452c;border-color:#a9cba1}.learning-panel .is-wrong{background:#512e26;border-color:#dba798}
.learning-panel .feedback{padding:15px;border-left:2px solid var(--gold);margin-top:20px}.learning-panel .table-row{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.group-label,.practice-label{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}
.mini-cards,.practice-cards{display:flex;gap:7px;flex-wrap:wrap}.mini-card,.practice-card{width:46px;height:64px;display:inline-flex;flex-direction:column;justify-content:space-between;padding:7px;background:#f3eedf;color:#161b14;border-radius:5px;line-height:1;font:20px/1 Georgia,serif;box-shadow:0 3px 8px #0004}.mini-card .s{font-size:21px}.red{color:#a52e26}.down,.face-down{background:repeating-linear-gradient(45deg,#273627 0 5px,#475c37 5px 7px);border:1px solid #a88d54;color:#e5d29f}
.practice-score{display:flex;justify-content:space-between;gap:15px;color:var(--gold);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:15px;margin:20px 0}.practice-seat{margin:20px 0}.practice-actions{display:flex;flex-wrap:wrap;gap:9px}.practice-actions .practice-secondary{background:transparent;color:var(--gold)}#practice-status{min-height:75px;padding-top:10px}.learning-panel .hero-actions{flex-wrap:wrap}.learning-panel .btn{display:inline-flex;background:var(--gold);color:#111;font-weight:700;border:1px solid var(--gold)}
@media(max-width:900px){.learning-grid{grid-template-columns:1fr}.learning-panel{padding:25px}}
@media(max-width:420px){.practice-card{width:43px;height:61px}.practice-cards{gap:5px}.learning-panel{padding:20px}.learning-panel h3{font-size:26px}}

/* Quiz remains available while computer practice is paused. */
.learning-grid-quiz-only{grid-template-columns:minmax(0,1fr);max-width:820px}