/* Modern presentation is screen-only; classic styles remain untouched. */
html[data-tbqn-theme="modern"] { --ink:#182e3b; --muted:#627582; --line:#dce5e8; --teal:#116d67; --teal-dark:#0a514c; --wash:#eef7f5; }html[data-tbqn-theme="modern"] * { box-sizing:border-box; }html[data-tbqn-theme="modern"] body { margin:0; background:#f4f6f8; color:var(--ink); font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }html[data-tbqn-theme="modern"] header { background:#152e3c; padding:24px 32px 0; }html[data-tbqn-theme="modern"] .tbqn-brand { display:flex; gap:12px; align-items:center; max-width:1376px; margin:0 auto 22px; color:#fff; }html[data-tbqn-theme="modern"] .tbqn-brand-mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid #6d9b9c; border-radius:12px; font:700 18px Georgia,serif; color:#bfe6df; }html[data-tbqn-theme="modern"] .tbqn-brand strong { font-size:18px; letter-spacing:-.3px; }html[data-tbqn-theme="modern"] .tbqn-brand small { display:block; color:#b8c9d1; font-size:12px; letter-spacing:.6px; }html[data-tbqn-theme="modern"] nav { width:auto; max-width:1376px; display:flex; flex-wrap:wrap; gap:5px; background:none; border:0; overflow:visible; padding:0; }html[data-tbqn-theme="modern"] nav a { width:auto; padding:12px 17px; color:#c3d3db; font-size:13px; border-radius:8px 8px 0 0; font-weight:600; text-transform:none; }html[data-tbqn-theme="modern"] nav a:hover { background:#244555; color:white; text-decoration:none; }html[data-tbqn-theme="modern"] nav a.tbqn-current { background:#f4f6f8; color:#173c44; }html[data-tbqn-theme="modern"] section { width:auto; max-width:1440px; margin:0 auto; padding:38px 32px 56px; background:transparent; }html[data-tbqn-theme="modern"] h1, html[data-tbqn-theme="modern"] .large_h1 { margin:0 0 8px; font-size:30px; line-height:1.25; letter-spacing:-.8px; text-align:left; font-weight:700; }html[data-tbqn-theme="modern"] h2 { font-size:25px; letter-spacing:-.5px; margin:0 0 18px; }html[data-tbqn-theme="modern"] .tbqn-intro { display:block; color:var(--muted); margin:0 0 26px; font-size:15px; }html[data-tbqn-theme="modern"] hr, html[data-tbqn-theme="modern"] .full_hr, html[data-tbqn-theme="modern"] .half_hr { border:0; background:var(--line); height:1px; width:100%; margin:24px 0; }html[data-tbqn-theme="modern"] section > .full_hr { display:none; }html[data-tbqn-theme="modern"] a { color:var(--teal); }html[data-tbqn-theme="modern"] input, html[data-tbqn-theme="modern"] select, html[data-tbqn-theme="modern"] textarea, html[data-tbqn-theme="modern"] button { font:inherit; }html[data-tbqn-theme="modern"] input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]), html[data-tbqn-theme="modern"] select, html[data-tbqn-theme="modern"] textarea { width:100%; border:1px solid #c5d2d8; border-radius:8px; background:white; padding:11px 13px; color:var(--ink); min-height:44px; }html[data-tbqn-theme="modern"] input:focus-visible, html[data-tbqn-theme="modern"] select:focus-visible, html[data-tbqn-theme="modern"] textarea:focus-visible, html[data-tbqn-theme="modern"] button:focus-visible, html[data-tbqn-theme="modern"] a:focus-visible, html[data-tbqn-theme="modern"] [tabindex]:focus-visible { outline:3px solid #81c7bb; outline-offset:2px; }html[data-tbqn-theme="modern"] textarea, html[data-tbqn-theme="modern"] .question_textarea { min-height:116px; resize:vertical; }html[data-tbqn-theme="modern"] input[type=checkbox], html[data-tbqn-theme="modern"] input[type=radio] { accent-color:var(--teal); width:17px; height:17px; vertical-align:middle; margin:0 9px 0 0; flex-shrink:0; }html[data-tbqn-theme="modern"] input[type=button], html[data-tbqn-theme="modern"] input[type=submit], html[data-tbqn-theme="modern"] button, html[data-tbqn-theme="modern"] .myButton, html[data-tbqn-theme="modern"] .myButton2, html[data-tbqn-theme="modern"] .myButton3, html[data-tbqn-theme="modern"] .my_buttons { border:1px solid var(--teal); background:var(--teal); color:white; padding:10px 17px; border-radius:8px; width:auto; height:auto; min-height:42px; font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; box-shadow:none; text-shadow:none; cursor:pointer; margin:0; filter:none; }html[data-tbqn-theme="modern"] input[type=button]:hover, html[data-tbqn-theme="modern"] input[type=submit]:hover, html[data-tbqn-theme="modern"] button:hover { background:var(--teal-dark); color:white; }html[data-tbqn-theme="modern"] .myButton2, html[data-tbqn-theme="modern"] .tbqn-secondary { background:white; color:var(--teal); border-color:var(--line); }html[data-tbqn-theme="modern"] input[value=Delete] { color:#ad3e3e; background:#fff; border-color:#eed3d3; }html[data-tbqn-theme="modern"] .tbqn-style-switch { background:white; color:#183442; border-color:#dce5e8; padding:9px 13px; min-height:0; font-size:12px; }html[data-tbqn-theme="modern"] .input_form, html[data-tbqn-theme="modern"] .input_form_long, html[data-tbqn-theme="modern"] #log_in_form { width:100%; max-width:660px; padding:28px; margin:24px 0; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 3px 12px #193b4b05; }html[data-tbqn-theme="modern"] .input_form > div, html[data-tbqn-theme="modern"] .input_form_long > div, html[data-tbqn-theme="modern"] #log_in_form > div { margin-bottom:19px; }html[data-tbqn-theme="modern"] .label, html[data-tbqn-theme="modern"] .label_long, html[data-tbqn-theme="modern"] .input_label { display:block; width:auto; padding:0; margin:0 0 7px; font-size:13px; font-weight:600; text-align:left; }html[data-tbqn-theme="modern"] .input_form .myButton, html[data-tbqn-theme="modern"] #log_in_form input[type=submit] { margin-top:6px; min-width:150px; }html[data-tbqn-theme="modern"] .input_form_long3 { padding:26px; background:#fff; border:1px solid var(--line); border-radius:14px; }html[data-tbqn-theme="modern"] .input_form_long3 h1 { font-size:17px; letter-spacing:-.2px; margin:0 0 12px; }html[data-tbqn-theme="modern"] .question_input2_div { text-align:left; margin:0; }html[data-tbqn-theme="modern"] .question_input2 { max-width:260px; font-size:15px; }html[data-tbqn-theme="modern"] .book_table_head, html[data-tbqn-theme="modern"] .question_verse_table_head, html[data-tbqn-theme="modern"] .question_verse_table_head2 { display:block; width:100%; margin:0; border:0; }html[data-tbqn-theme="modern"] .book_table_head tbody, html[data-tbqn-theme="modern"] .question_verse_table_head tbody, html[data-tbqn-theme="modern"] .question_verse_table_head2 tbody { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; max-height:300px; overflow:auto; padding:3px; }html[data-tbqn-theme="modern"] .book_table_head tr, html[data-tbqn-theme="modern"] .question_verse_table_head tr, html[data-tbqn-theme="modern"] .question_verse_table_head2 tr { display:contents; }html[data-tbqn-theme="modern"] .book_table, html[data-tbqn-theme="modern"] .question_verse_table { display:flex; align-items:center; width:auto; padding:12px; border:1px solid var(--line); border-radius:8px; text-align:left; font-size:13px; cursor:pointer; background:#fff; }html[data-tbqn-theme="modern"] .book_table:has(input:checked), html[data-tbqn-theme="modern"] .question_verse_table:has(input:checked) { background:var(--wash); border-color:#6ea99e; color:#104e48; }html[data-tbqn-theme="modern"] .book_table:hover, html[data-tbqn-theme="modern"] .question_verse_table:hover { border-color:#6ea99e; }html[data-tbqn-theme="modern"] .tbqn-material-tools { display:flex; gap:8px; align-items:center; margin:0 0 10px; flex-wrap:wrap; }html[data-tbqn-theme="modern"] .tbqn-material-tools input { max-width:300px; }html[data-tbqn-theme="modern"] .tbqn-material-tools button { font-size:12px; min-height:36px; padding:7px 12px; }html[data-tbqn-theme="modern"] .tbqn-count { margin-left:auto; font-size:12px; color:var(--muted); }html[data-tbqn-theme="modern"] .tbqn-filtered { display:none !important; }html[data-tbqn-theme="modern"] .tbqn-form-error { display:block; color:#9b2929; background:#fff1ee; padding:12px 16px; border-radius:8px; margin-bottom:16px; }html[data-tbqn-theme="modern"] .buttonsdiv { width:auto; display:flex; gap:9px; justify-content:flex-end; margin:0 0 22px; flex-wrap:wrap; }html[data-tbqn-theme="modern"] .searchdiv { width:100%; max-width:420px; margin:0 0 16px; }html[data-tbqn-theme="modern"] .searchbox { width:100%; font-size:15px; }html[data-tbqn-theme="modern"] .center_div, html[data-tbqn-theme="modern"] .center_div_large { width:auto; text-align:left; margin:0; }html[data-tbqn-theme="modern"] .tbqn-data-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:white; margin:20px 0; }html[data-tbqn-theme="modern"] .tbqn-grid-row { display:grid; align-items:stretch; min-width:850px; }html[data-tbqn-theme="modern"] .tbqn-grid-row > div { display:flex; align-items:center; width:auto; padding:14px 12px; margin:0; background:transparent; font-size:13px; overflow-wrap:anywhere; }html[data-tbqn-theme="modern"] .tbqn-grid-head { background:#eaf0f3; color:#405b6b; font-weight:700; text-transform:uppercase; letter-spacing:.7px; }html[data-tbqn-theme="modern"] .tbqn-grid-head > div { color:inherit; font-size:11px; padding-top:13px; padding-bottom:13px; }html[data-tbqn-theme="modern"] .table_body1 { background:white; }html[data-tbqn-theme="modern"] .table_body2 { background:#f7f9fa; }html[data-tbqn-theme="modern"] .tbqn-grid-row:not(.tbqn-grid-head) { border-top:1px solid #e7edef; }html[data-tbqn-theme="modern"] .tbqn-grid-row:not(.tbqn-grid-head):hover { background:#f0f7f6; }html[data-tbqn-theme="modern"] .tbqn-grid-row input { min-height:32px; font-size:12px; padding:6px 10px; }html[data-tbqn-theme="modern"] .paging { display:flex; gap:20px; justify-content:center; align-items:center; color:var(--muted); font-size:13px; }html[data-tbqn-theme="modern"] .previous_next, html[data-tbqn-theme="modern"] .previous_next_no_link { margin:0; font-size:13px; }html[data-tbqn-theme="modern"] .previous_next { color:var(--teal); }html[data-tbqn-theme="modern"] .tbqn-print-toolbar { display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; padding:16px 20px; background:white; border:1px solid var(--line); border-radius:12px; margin:0 0 24px; }html[data-tbqn-theme="modern"] .tbqn-print-toolbar > div { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }html[data-tbqn-theme="modern"] .tbqn-print-toolbar small { display:block; color:var(--muted); font-size:12px; }html[data-tbqn-theme="modern"] .tbqn-print-toolbar output { min-width:45px; text-align:center; font-size:13px; font-variant-numeric:tabular-nums; }html[data-tbqn-theme="modern"] .tbqn-legacy-controls { display:none; }html[data-tbqn-theme="modern"] .question_table { width:100%; border-collapse:collapse; background:white; }html[data-tbqn-theme="modern"] .question_table td { padding:12px; border:1px solid #dce5e8; line-height:1.5; }html[data-tbqn-theme="modern"] .question_table td[class$=_head] { background:#e6eef1 !important; color:#244758; font-size:13px; }html[data-tbqn-theme="modern"] .question_table td:not([class$=_head]):not([colspan]) { background:white !important; font-size:18px; }html[data-tbqn-theme="modern"] .question_number_cellspan5_dark { background:#eef3f5 !important; height:9px; padding:0 !important; font-size:0; }html[data-tbqn-theme="modern"] .question_number_cellspan5 { color:var(--teal); background:var(--wash); }html[data-tbqn-theme="modern"] .tbqn-quiz-scroll { display:block; overflow:auto; border-radius:10px; border:1px solid var(--line); }html[data-tbqn-theme="modern"] .tbqn-quiz-scroll .question_table { min-width:850px; }html[data-tbqn-theme="modern"] #log_in_form { margin:80px auto; max-width:440px; }html[data-tbqn-theme="modern"] #log_in_form h1 { font-size:26px; }html[data-tbqn-theme="modern"] .login_input_error { border-color:#ac3a3a !important; }html[data-tbqn-theme="modern"] .tbqn-new { display:block; }html[data-tbqn-theme="modern"] .tbqn-material-tools, html[data-tbqn-theme="modern"] .tbqn-print-toolbar { display:flex; }

@media (max-width: 800px) {
html[data-tbqn-theme="modern"] header {padding:22px 16px 0;}
html[data-tbqn-theme="modern"] section {padding:28px 16px;}
html[data-tbqn-theme="modern"] .tbqn-brand {padding-right:100px;}
html[data-tbqn-theme="modern"] .tbqn-brand strong {font-size:15px;}
html[data-tbqn-theme="modern"] nav a {padding:10px 12px;font-size:12px;}
html[data-tbqn-theme="modern"] .input_form_long3 {padding:18px;}
html[data-tbqn-theme="modern"] .book_table_head tbody {grid-template-columns:repeat(2,minmax(0,1fr));}
html[data-tbqn-theme="modern"] .question_verse_table_head tbody,
html[data-tbqn-theme="modern"] .question_verse_table_head2 tbody {grid-template-columns:repeat(2,minmax(0,1fr));}
html[data-tbqn-theme="modern"] .tbqn-style-switch {font-size:11px;right:8px;}
html[data-tbqn-theme="modern"] .tbqn-count {margin-left:0;}
}
html[data-tbqn-theme="modern"] .tbqn-new[hidden] {display:none;}
html[data-tbqn-theme="modern"] .tbqn-brand {display:flex;}
/* The archive contains no beta route; retain it in Classic, omit it in Modern. */
html[data-tbqn-theme="modern"] nav a[href="create_quiz_beta.php"] {display:none;}
html[data-tbqn-theme="modern"] .tbqn-data-scroll {display:block;}
html[data-tbqn-theme="modern"] .book_table {margin:0;}
html[data-tbqn-theme="modern"] form[enctype="multipart/form-data"] {max-width:660px;background:white;padding:28px;border:1px solid var(--line);border-radius:14px;}
html[data-tbqn-theme="modern"] form[enctype="multipart/form-data"] > div {margin-bottom:18px;}
@media (max-width:800px) {
html[data-tbqn-theme="modern"] header {padding-top:58px;}
html[data-tbqn-theme="modern"] .tbqn-brand {padding-right:0;}
html[data-tbqn-theme="modern"] .tbqn-brand > div {min-width:0;}
}