*{box-sizing:border-box}body{margin:0;font-family:'Sarabun','Noto Sans Thai',Arial,sans-serif;background:#eef4ff;color:#12223d}.topbar{background:linear-gradient(135deg,#0f2b64,#0b7bdc);color:white;padding:18px 24px;box-shadow:0 6px 20px rgba(9,38,90,.2)}.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;opacity:.9}.wrap{max-width:1180px;margin:24px auto;padding:0 16px}.card{background:white;border-radius:20px;padding:22px;box-shadow:0 12px 35px rgba(27,65,122,.12);margin-bottom:18px;border:1px solid rgba(20,70,140,.08)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:14px;background:#1167d8;color:white;padding:12px 18px;text-decoration:none;cursor:pointer;font-weight:700}.btn:hover{filter:brightness(.96)}.btn.secondary{background:#1f2937}.btn.green{background:#13a66b}.btn.orange{background:#f59e0b;color:#2b1700}.btn.red{background:#dc2626}.input,textarea,select{width:100%;padding:12px 14px;border:1px solid #d6e2f5;border-radius:14px;background:#fff;font-size:15px}textarea{min-height:160px;font-family:Consolas,monospace}.label{display:block;font-weight:700;margin:12px 0 6px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #e7eefb;text-align:left;vertical-align:top}.table th{background:#eaf2ff;color:#0f3f86}.badge{display:inline-block;border-radius:999px;background:#e8f2ff;color:#0b63ce;padding:5px 10px;font-size:13px;font-weight:700}.badge.green{background:#e8fff4;color:#0a7d4b}.badge.orange{background:#fff3df;color:#9a5a00}.nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hero{background:linear-gradient(135deg,#103d87,#10a4ff);color:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 40px rgba(9,74,150,.28)}.hero h2{margin:0 0 8px;font-size:30px}.muted{color:#64748b}.progress{height:14px;background:#e5eefb;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#10b981,#22c55e)}.question-choice{display:block;margin:10px 0;padding:14px;border:1px solid #d6e2f5;border-radius:14px;background:#f8fbff;cursor:pointer}.question-choice:hover{background:#ecf5ff}.notice{background:#fff7e6;border:1px solid #ffd38a;border-radius:16px;padding:14px}.footer{padding:20px;text-align:center;color:#64748b}@media print{.topbar,.nav,.btn,.no-print{display:none!important}.card{box-shadow:none;border:1px solid #ddd}.wrap{max-width:none;margin:0}}

.locked-card{filter:grayscale(1);opacity:.58;background:#f1f5f9}.badge.gray{background:#e5e7eb;color:#475569}.btn[disabled]{opacity:.75;cursor:not-allowed}
.two-base-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.learning-card{border:2px solid #b7f7d4}.diff-title{margin:20px 0 8px;color:#0f3f86}.quiz-node .question-choice{width:100%;text-align:left;font-weight:700}.learning-node p{line-height:1.75;font-size:16px}
.notice.success{background:#e8fff4;border-color:#93e6bd;color:#075f3c}.notice.danger{background:#fff1f2;border-color:#fda4af;color:#9f1239}.unit-actions{min-width:420px}.unit-actions .btn{margin:3px 2px;padding:9px 12px;border-radius:12px;font-size:13px}.mini-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:16px}.mini-card h4{margin:10px 0 8px}.preview-head h2{margin-top:0}.flow-list{display:grid;gap:10px}.flow-item{padding:14px 16px;border-radius:16px;border:1px solid #dbeafe;background:#f8fbff}.flow-item.quiz{border-color:#fed7aa;background:#fff7ed}.question-preview{border:1px solid #e2e8f0;border-radius:18px;padding:16px;margin:14px 0;background:#fff}.question-choice.correct{background:#ecfdf5;border-color:#86efac;color:#166534;font-weight:700}@media(max-width:760px){.unit-actions{min-width:0}.unit-actions .btn,.unit-actions form{display:block!important;margin:6px 0}.unit-actions form .btn{width:100%;justify-content:center}}