/* Khu học viên. Màu và font lấy đúng từ bản thiết kế đã duyệt (hoc-vien/*.html). */
[hidden]{display:none!important}
body{margin:0;background:#FFF8F3}
a{color:#C9501C}a:hover{color:#A8410F}
.m *{box-sizing:border-box}
.m{width:100%;max-width:480px;margin:0 auto;min-height:100vh;font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#3A3330;font-size:16px;line-height:1.55;background:#FFF8F3;display:flex;flex-direction:column}
.serif{font-family:'Source Serif 4',Georgia,serif;color:#1C1714;letter-spacing:-0.01em}
.card{background:#FFFFFF;border:1px solid #F0DFD3;border-radius:18px}
.h3{margin:0;font-size:13px;font-weight:800;letter-spacing:.1em;color:#A8410F}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;border-radius:12px;background:#C9501C;color:#FFFFFF;font:inherit;font-weight:700;font-size:17px;border:0;cursor:pointer;text-decoration:none}
.btn:hover{background:#A8410F;color:#FFFFFF}
.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.btn-sm{width:auto;display:inline-flex;min-height:46px;padding:0 16px;font-size:15px}
.btn-line{background:#FFFFFF;color:#C9501C;border:1.5px solid #C9501C}
.btn-line:hover{background:#FFF1E8;color:#A8410F}
.btn-ghost{background:#FFFFFF;color:#1C1714;border:1.5px solid #E2CFC2}
.btn-ghost:hover{background:#FFF1E8;color:#1C1714}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:15px;font-weight:600;color:#1C1714}
.field input{height:54px;border:1px solid #E2CFC2;border-radius:12px;padding:0 16px;font:inherit;font-size:17px;color:#1C1714;background:#FFFFFF}
.field input[readonly]{background:#FFF8F3;color:#6E625B}
.field input:focus{outline:2px solid #C9501C;outline-offset:1px}
.st{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:56px;justify-content:center;font-size:11.5px;font-weight:600;color:#8A7D75;text-decoration:none}
.tab.on{color:#C9501C}
.tab:hover{color:#C9501C}
.alert{padding:14px 16px;border-radius:14px;font-size:15px;color:#1C1714}
.alert-err{background:#FDE4DE}
.alert-ok{background:#E3F4EA}
.link-btn{background:none;border:0;padding:0;font:inherit;color:#C9501C;font-weight:700;cursor:pointer;text-decoration:underline;min-height:44px}
.row{display:flex;gap:10px;align-items:center}
.sess{padding:12px 0;border-bottom:1px solid #F5E9E0;display:flex;justify-content:space-between;gap:10px;align-items:center}
.sess:last-child{border-bottom:0}