#main-copy .tbsc-safety-page { max-width:1120px; margin:0 auto; padding:18px 15px 32px; color:#183044; }
#main-copy .tbsc-safety-intro { margin-bottom:16px; padding:20px 22px; border-left:6px solid #f4df00; border-radius:8px; background:#002060; color:#fff; }
#main-copy .tbsc-safety-kicker { margin:0 0 5px; color:#f4df00; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
#main-copy .tbsc-safety-intro h1 { margin:0 0 8px; color:#fff; font-size:1.65rem; }
#main-copy .tbsc-safety-intro > p:not(.tbsc-safety-kicker) { max-width:820px; margin:0; color:#e6edf7; line-height:1.5; }
#main-copy .tbsc-safety-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:15px; }
#main-copy .tbsc-safety-actions a, #main-copy .tbsc-safety-actions button { display:inline-block; padding:9px 13px; border:1px solid #f4df00; border-radius:7px; background:#f4df00; color:#002060; font:700 .78rem Arial,sans-serif; text-decoration:none; cursor:pointer; }
#main-copy .tbsc-safety-actions button { background:transparent; color:#fff; }
#main-copy .tbsc-safety-actions a:hover, #main-copy .tbsc-safety-actions a:focus { background:#fff36b; }
#main-copy .tbsc-safety-actions button:hover, #main-copy .tbsc-safety-actions button:focus { background:rgba(255,255,255,.12); }
#main-copy .tbsc-slide-viewer { overflow:hidden; padding:12px; border:1px solid #bfcdd3; border-radius:10px; background:#edf2f4; box-shadow:0 5px 18px rgba(15,48,69,.12); }
#main-copy .tbsc-slide-status { display:flex; justify-content:space-between; gap:12px; padding:3px 4px 10px; color:#294b5b; font-size:.78rem; }
#main-copy .tbsc-slide-status strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#main-copy .tbsc-slide-status span { flex:none; }
#main-copy .tbsc-slide-stage { position:relative; overflow:hidden; aspect-ratio:16/9; border-radius:6px; background:#001744; }
#main-copy .tbsc-slide-stage img { display:block; width:100%; height:100%; object-fit:contain; }
#main-copy .tbsc-slide-arrow { position:absolute; z-index:2; top:50%; width:48px; height:70px; margin-top:-35px; padding:0; border:0; border-radius:7px; background:rgba(0,20,60,.72); color:#fff; font:normal 48px/64px Arial,sans-serif; cursor:pointer; }
#main-copy .tbsc-slide-arrow:hover, #main-copy .tbsc-slide-arrow:focus { background:rgba(0,32,96,.95); outline:2px solid #f4df00; }
#main-copy .tbsc-slide-arrow.previous { left:10px; }
#main-copy .tbsc-slide-arrow.next { right:10px; }
#main-copy .tbsc-slide-progress { height:5px; margin:10px 0; overflow:hidden; border-radius:4px; background:#cdd8dd; }
#main-copy .tbsc-slide-progress i { display:block; width:3.333%; height:100%; background:#17688c; transition:width .2s ease; }
#main-copy .tbsc-slide-thumbnails { display:flex; gap:8px; overflow-x:auto; padding:2px 1px 7px; scroll-behavior:smooth; }
#main-copy .tbsc-slide-thumbnails button { position:relative; flex:0 0 126px; padding:0; overflow:hidden; border:3px solid transparent; border-radius:5px; background:#002060; cursor:pointer; }
#main-copy .tbsc-slide-thumbnails button.active { border-color:#e5c900; }
#main-copy .tbsc-slide-thumbnails img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
#main-copy .tbsc-slide-thumbnails span { position:absolute; right:3px; bottom:3px; min-width:18px; padding:2px 4px; border-radius:3px; background:rgba(0,20,60,.82); color:#fff; font:700 .62rem Arial,sans-serif; }
#main-copy .tbsc-safety-warning { margin-top:16px; padding:13px 15px; border-left:5px solid #c83c2c; background:#fff2ef; color:#653028; font-size:.78rem; line-height:1.45; }
#main-copy .tbsc-safety-quiz { margin-top:18px; overflow:hidden; border:1px solid #bfcdd3; border-radius:10px; background:#fff; box-shadow:0 5px 18px rgba(15,48,69,.1); }
#main-copy .tbsc-safety-quiz > header { padding:17px 19px; background:#002060; color:#fff; }
#main-copy .tbsc-safety-quiz > header h2 { margin:0 0 6px; color:#fff; font-size:1.25rem; }
#main-copy .tbsc-safety-quiz > header > p:not(.tbsc-safety-kicker) { margin:0; color:#dce6f4; font-size:.76rem; }
#main-copy .tbsc-safety-quiz.locked > header { background:#40536f; }
#main-copy .tbsc-quiz-slide-progress { height:5px; margin-top:11px; overflow:hidden; border-radius:4px; background:rgba(255,255,255,.25); }
#main-copy .tbsc-quiz-slide-progress i { display:block; width:0; height:100%; background:#f4df00; transition:width .2s ease; }
#main-copy .tbsc-quiz-start, #main-copy .tbsc-safety-quiz form, #main-copy .tbsc-quiz-result { padding:17px 19px; }
#main-copy .tbsc-quiz-start p { margin:0 0 12px; color:#4d6671; }
#main-copy .tbsc-quiz-start button, #main-copy .tbsc-quiz-submit, #main-copy .tbsc-quiz-result button { padding:9px 13px; border:0; border-radius:6px; background:#17688c; color:#fff; font-weight:700; cursor:pointer; }
#main-copy .tbsc-quiz-step { margin:0 0 9px; color:#607984; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
#main-copy .tbsc-quiz-question { margin:0 0 14px; padding:14px; border:1px solid #d7e1e5; border-radius:8px; background:#f8fafb; }
#main-copy .tbsc-quiz-question legend { width:100%; padding:0 0 9px; color:#183044; font-size:.82rem; font-weight:700; line-height:1.4; }
#main-copy .tbsc-quiz-question label { display:block; margin-top:6px; padding:9px 10px; border:1px solid #d6e0e4; border-radius:6px; background:#fff; color:#405a65; font-size:.76rem; cursor:pointer; }
#main-copy .tbsc-quiz-question label:hover { border-color:#8eb7c8; }
#main-copy .tbsc-quiz-question input { margin-right:7px; }
#main-copy .tbsc-quiz-question.review-correct { border-left:6px solid #278447; }
#main-copy .tbsc-quiz-question.review-incorrect { border-left:6px solid #c43d32; }
#main-copy .tbsc-quiz-question label.answer-correct { border-color:#278447; background:#e8f7ed; color:#185d31; font-weight:700; }
#main-copy .tbsc-quiz-question label.answer-wrong { border-color:#c43d32; background:#fff0ee; color:#8c2a23; text-decoration:line-through; }
#main-copy .tbsc-quiz-feedback { display:block; margin-top:9px; padding-top:8px; border-top:1px solid #d9e3e6; color:#506a75; font-size:.7rem; line-height:1.4; }
#main-copy .tbsc-quiz-result { border-top:1px solid #d5e0e4; background:#eef5f7; }
#main-copy .tbsc-quiz-result strong, #main-copy .tbsc-quiz-result span { display:block; }
#main-copy .tbsc-quiz-result strong { color:#173f54; font-size:1.35rem; }
#main-copy .tbsc-quiz-result span { margin:4px 0 12px; color:#4d6772; font-size:.76rem; }
#main-copy .tbsc-quiz-review { display:grid; gap:8px; margin:14px 0; }
#main-copy .tbsc-quiz-review article { padding:10px 12px; border:1px solid #d3dfe3; border-left:5px solid #278447; border-radius:7px; background:#fff; }
#main-copy .tbsc-quiz-review article.incorrect { border-left-color:#c43d32; }
#main-copy .tbsc-quiz-review b, #main-copy .tbsc-quiz-review small { display:block; }
#main-copy .tbsc-quiz-review b { margin-bottom:4px; color:#294c5b; font-size:.74rem; }
#main-copy .tbsc-quiz-review small { color:#60747d; font-size:.68rem; line-height:1.4; }
#main-copy .tbsc-slide-viewer:fullscreen { display:flex; padding:12px; border:0; border-radius:0; background:#07162d; flex-direction:column; justify-content:center; }
#main-copy .tbsc-slide-viewer:fullscreen .tbsc-slide-status { color:#fff; }
#main-copy .tbsc-slide-viewer:fullscreen .tbsc-slide-stage { max-height:calc(100vh - 145px); margin:auto; }
#main-copy .tbsc-slide-viewer:fullscreen .tbsc-slide-thumbnails { display:none; }
@media(max-width:650px) {
  #main-copy .tbsc-safety-page { padding:10px 7px 24px; }
  #main-copy .tbsc-safety-intro { padding:16px; }
  #main-copy .tbsc-safety-intro h1 { font-size:1.35rem; }
  #main-copy .tbsc-slide-viewer { padding:7px; }
  #main-copy .tbsc-slide-arrow { width:38px; height:58px; margin-top:-29px; font-size:40px; line-height:52px; }
  #main-copy .tbsc-slide-arrow.previous { left:5px; }
  #main-copy .tbsc-slide-arrow.next { right:5px; }
  #main-copy .tbsc-slide-thumbnails button { flex-basis:100px; }
}
@media print { #main-copy .tbsc-safety-intro, #main-copy .tbsc-slide-status, #main-copy .tbsc-slide-arrow, #main-copy .tbsc-slide-progress, #main-copy .tbsc-slide-thumbnails, #main-copy .tbsc-safety-quiz, #main-copy .tbsc-safety-warning { display:none !important; } #main-copy .tbsc-slide-viewer { padding:0; border:0; box-shadow:none; } }