:root{
  --black:#050506;--panel:#0d0e10;--panel-2:#141519;--line:rgba(255,255,255,.14);--muted:#a8adb5;--white:#fff;--red:#e30613;--silver:#c0c0c0;--success:#38b778;--warning:#d6a746;--danger:#e04c58;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{font-family:var(--font);background:#030304;color:#fff}body.training-center{margin:0;min-height:100vh;background:linear-gradient(180deg,#030304,#08090b 48%,#030304);color:#fff;-webkit-font-smoothing:antialiased}body.training-center::before{content:"";position:fixed;inset:0;pointer-events:none;background:url("../img/terrain-lines-v2.svg") center top/1500px auto repeat-y;opacity:.13;z-index:0}body.training-center::after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.28));z-index:0}.site-header,.page-shell,.site-footer{position:relative;z-index:1}a{color:#fff;text-decoration:none}a:hover{color:#fff}.site-header{min-height:78px;background:rgba(3,3,4,.94);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(227,6,19,.85);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px clamp(18px,3.5vw,54px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:16px}.brand-logo-link img{width:150px;height:auto;display:block}.brand-division{border-left:1px solid var(--line);padding-left:16px}.brand-division small{font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#d8dade}.main-nav{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:flex-end}.main-nav a{padding:10px 11px;color:#b8bcc4;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;border-bottom:2px solid transparent}.main-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}.main-nav a.active{color:#fff;border-bottom-color:var(--red);background:rgba(227,6,19,.08)}.nav-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff;padding:9px 12px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.page-shell{width:min(1220px,calc(100% - 44px));margin:0 auto;padding:48px 0 86px}.page-heading,.exam-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:28px}.page-heading h1,.exam-heading h1,.login-message h1{margin:0;color:#fff;font-size:clamp(34px,4.3vw,58px);line-height:1.03;letter-spacing:-.035em;font-weight:760}.page-heading p,.exam-heading p,.login-message>p:not(.eyebrow){color:var(--muted);line-height:1.7}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}.eyebrow::before{content:"";width:30px;height:2px;background:currentColor}.card,.question-card,.course-card,.resource-card,.assessment-card,.form-card,.login-card,.admin-card{background:rgba(13,14,16,.96);border:1px solid var(--line);border-radius:0;box-shadow:none;color:#fff;padding:25px}.card h1,.card h2,.card h3,.question-card h1,.question-card h2,.question-card h3,.course-card h3,.resource-card h2,.assessment-card h2,.form-card h2,.login-card h2{color:#fff}.muted,.small,.card p,.resource-card p,.assessment-card>p,.form-card small,.login-card small{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border-radius:0;border:1px solid transparent;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.button-primary{background:var(--red);border-color:#ff2635;color:#fff}.button-primary:hover{background:#f0091b}.button-secondary{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.31);color:#fff}.button-secondary:hover{background:rgba(255,255,255,.08);border-color:#fff}.button-disabled{background:#24262b;color:#777b83}.login-layout{min-height:620px;display:grid;grid-template-columns:1.1fr .75fr;gap:70px;align-items:center}.login-card{max-width:470px;width:100%;justify-self:end;border-top:4px solid var(--red)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}.feature-list span{padding:12px 14px;background:rgba(255,255,255,.035);border:1px solid var(--line);color:#fff;font-weight:700}.form-card label,.login-card label{display:flex;flex-direction:column;gap:7px;font-weight:700;margin:18px 0;color:#fff}input,select,textarea{width:100%;background:#08090a;border:1px solid rgba(255,255,255,.24);border-radius:0;color:#fff;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(227,6,19,.13)}option{background:#08090a;color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-grid.three{grid-template-columns:repeat(3,1fr)}.stat-card{background:linear-gradient(145deg,#141519,#090a0c);border:1px solid var(--line);border-left:3px solid var(--red);padding:24px;color:#fff}.stat-card strong{font-size:2.15rem;display:block}.stat-card span{display:block;color:var(--muted);margin-top:5px}.progress{height:9px;background:#292b30;overflow:hidden}.progress span{display:block;height:100%;background:var(--red)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.section-title h2{margin:0;color:#fff}.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:rgba(13,14,16,.96)}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#090a0c;color:#b6bac2;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}td{color:#d5d7db}tbody tr:hover{background:rgba(255,255,255,.025)}.course-grid,.assessment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course-card{border-left:4px solid var(--red)}.course-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course-card dt,.source-grid dt{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8f939b;font-weight:900}.course-card dd,.source-grid dd{margin:4px 0 0;color:#fff}.resource-grid,.assessment-grid{display:grid;gap:18px}.resource-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.file-icon{width:64px;height:64px;background:#08090a;border:1px solid var(--line);display:grid;place-items:center;color:var(--red);font-weight:900}.assessment-meta{display:flex;gap:7px;flex-wrap:wrap}.assessment-meta span,.score-pill{padding:5px 9px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;font-size:10px;font-weight:850}.timer{background:#08090a;border:1px solid var(--line);padding:15px 20px;text-align:center;min-width:155px;position:sticky;top:96px}.timer span{display:block;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.timer strong{display:block;font-size:1.5rem}.exam-form{display:grid;gap:18px}.question-card legend{width:100%;color:#fff;font-size:1.03rem;font-weight:780;line-height:1.5;padding:0 0 15px}.question-card legend span{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--red);color:#fff;margin-right:10px}.answers{display:grid;gap:10px}.answers label{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);cursor:pointer;color:#fff}.answers label:hover{border-color:#e30613;background:rgba(227,6,19,.06)}.answers input{width:auto}.answer-letter{display:grid;place-items:center;width:28px;height:28px;background:#22242a;color:#fff;font-weight:850}.exam-submit{position:sticky;bottom:12px;background:#08090a;border:1px solid var(--line);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 14px 35px rgba(0,0,0,.35)}.alert{padding:14px 17px;margin:0 0 20px;border:1px solid}.alert-success{background:rgba(56,183,120,.12);border-color:rgba(56,183,120,.5);color:#bcf0d5}.alert-danger{background:rgba(224,76,88,.12);border-color:rgba(224,76,88,.5);color:#ffc3c8}.alert-warning{background:rgba(214,167,70,.12);border-color:rgba(214,167,70,.5);color:#ffe3a8}.site-footer{background:#020203;border-top:2px solid var(--red);display:flex;justify-content:space-between;gap:24px;padding:30px clamp(18px,4vw,64px);color:#989ca4;font-size:.85rem}.site-footer strong{color:#fff}.site-footer a{color:#c5c7cc}.empty-state{padding:38px;text-align:center;color:var(--muted)}
@media(max-width:1040px){.main-nav{display:none;position:absolute;top:78px;left:16px;right:16px;background:#090a0c;border:1px solid var(--line);padding:12px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-toggle{display:block}.login-layout{grid-template-columns:1fr}.login-card{justify-self:stretch;max-width:none}.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,1fr)}.course-grid,.assessment-grid{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{padding:8px 14px}.brand-logo-link img{width:120px}.brand-division{display:none}.page-shell{width:min(100% - 22px,1220px);padding-top:30px}.page-heading,.exam-heading{flex-direction:column}.stat-grid,.stat-grid.three{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.course-card dl{grid-template-columns:1fr}.resource-card{grid-template-columns:1fr}.site-footer{flex-direction:column}.exam-submit{position:static;flex-direction:column;align-items:stretch}}


/* ==========================================================================
   Training Center correction R5
   Shared terrain, approved logo, and breathing room for admin workflows.
   ========================================================================== */
body.training-center::before{
  content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDEyMDAiIGZpbGw9Im5vbmUiPgogIDxnIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLW9wYWNpdHk9IjAuNTgiIHN0cm9rZS13aWR0aD0iMS4yNSI+CiAgICA8cGF0aCBkPSJNLTkwIDE5MEMxMTggNjAgMjY5IDg4IDQyNCAxNzZjMTUwIDg1IDI4OSA5NCA0NTggMTMgMjAxLTk2IDM4Ni03NyA4MDggOTkiLz4KICAgIDxwYXRoIGQ9Ik0tMTIwIDI0N0M5MCAxMjAgMjYxIDEzMCA0MzAgMjE5YzE2MiA4NSAzMDYgOTQgNDg1IDUgMjA2LTEwMyA0MDctNzQgNzc2IDExOSIvPgogICAgPHBhdGggZD0iTS0xMTQgMzA0Qzc3IDE5NSAyNTEgMTg0IDQ0NCAyNjVjMTc2IDc0IDMxOSA4MCA0OTYtMTIgMjAwLTEwNCA0MDctNzIgNzY0IDEyMSIvPgogICAgPHBhdGggZD0iTS05MSAzNjNDODMgMjY2IDI1MSAyNDUgNDU2IDMxNGMxOTEgNjQgMzQyIDYyIDUxNi0zOSAxOTQtMTEzIDQwMS03NiA3MjIgMTEwIi8+CiAgICA8cGF0aCBkPSJNLTQ4IDQyNUMxMTIgMzM3IDI3MyAzMDkgNDc0IDM2NGMyMDQgNTYgMzYwIDQwIDUyNy02NCAxODItMTE0IDM3NC04NyA2NDUgNzMiLz4KICAgIDxwYXRoIGQ9Ik0xMSA0OTBDMTU4IDQwOSAzMDkgMzc1IDQ5NSA0MTdjMjEwIDQ4IDM2OCAyMSA1MjctODIgMTY5LTExMCAzNDgtMTAzIDU3NSAyOCIvPgogICAgPHBhdGggZD0iTTg0IDU2MGMxMzUtNzYgMjcxLTExMiA0MzMtODIgMjA4IDM5IDM2NSA1IDUxNi05NCAxNTgtMTAzIDMyMS0xMTEgNTE3LTEyIi8+CiAgICA8cGF0aCBkPSJNMTYzIDYzM2MxMjUtNzAgMjQ4LTEwNSAzOTAtODQgMjAyIDMwIDM1NS0xMCA0OTktMTA0IDE0Ny05NiAyOTQtMTExIDQ2Ni0zOSIvPgogICAgPHBhdGggZD0iTTI0MiA3MDhjMTE3LTY0IDIyOC05NCAzNTAtODAgMTkxIDIxIDMzNy0yMSA0NzYtMTA3IDEzNy04NCAyNjctOTkgNDE4LTU0Ii8+CiAgICA8cGF0aCBkPSJNMzE2IDc4NWMxMDktNTYgMjA5LTc5IDMxNC03MCAxNzcgMTUgMzE0LTI3IDQ0OS0xMDMgMTI4LTczIDI0NC04NCAzNzMtNjMiLz4KICAgIDxwYXRoIGQ9Ik0zODAgODYxYzk5LTQ3IDE5MC02MyAyODEtNTYgMTYxIDEzIDI4OC0yNiA0MTctOTAgMTIxLTYwIDIyNS02NyAzMzYtNTkiLz4KICAgIDxwYXRoIGQ9Ik00MzEgOTM1Yzg4LTM3IDE3Mi00NyAyNTItNDEgMTQ3IDEyIDI2Ny0yMiAzODgtNzQgMTEzLTQ5IDIwNy01NCAzMDQtNTEiLz4KICAgIDxwYXRoIGQ9Ik00NjggMTAwNGM3OC0yOSAxNTUtMzUgMjI5LTI4IDEzNSAxMyAyNDktMTYgMzYzLTU4IDEwNi0zOSAxOTMtNDMgMjc5LTQwIi8+CiAgPC9nPgogIDxnIHN0cm9rZT0iI2UzMDYxMyIgc3Ryb2tlLW9wYWNpdHk9IjAuMTgiIHN0cm9rZS13aWR0aD0iMS4yIj4KICAgIDxwYXRoIGQ9Ik0xMDU0IDk1Yzk0IDg0IDE1OCAxNzkgMTkxIDI4NiAzNSAxMTIgMjkgMjI3LTE4IDM0NSIvPgogICAgPHBhdGggZD0iTTExMDIgODBjMTA1IDkxIDE3NCAxOTUgMjA3IDMxMyAzNCAxMjEgMjQgMjQ2LTM0IDM3NCIvPgogIDwvZz4KPC9zdmc+Cg==")!important;
  background-position:center top!important;background-size:1380px 1035px!important;
  background-repeat:repeat!important;opacity:.17!important;z-index:0!important;
}
body.training-center::after{background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.22))!important}
.site-header{min-height:96px!important;padding-top:8px!important;padding-bottom:8px!important;overflow:visible!important}
.brand,.brand-logo-link{overflow:visible!important}
.brand-logo-link{display:flex!important;align-items:center!important;padding:4px 0!important}
.brand-logo-link img{width:auto!important;height:78px!important;max-height:78px!important;object-fit:contain!important;object-position:center!important;overflow:visible!important}
.brand-division{padding-left:18px!important}
.main-nav a{font-size:10.5px!important;padding:11px 12px!important}
.page-shell{width:min(1280px,calc(100% - 52px))!important}
.admin-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(540px,1.28fr);gap:24px;align-items:start;margin-bottom:24px}
.admin-grid>.card,.admin-grid>.form-card{min-width:0;height:auto!important}
.form-card label{line-height:1.45}
.form-card h2{font-size:24px;line-height:1.18;margin:0 0 20px}
.tc-page-instructors .admin-grid>.form-card:nth-child(2){padding:30px!important}
.tc-page-instructors .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:22px 0!important}
.tc-page-instructors .permission-grid .checkbox{display:flex!important;align-items:flex-start!important;gap:10px!important;min-height:54px!important;margin:0!important;padding:13px 14px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--line)!important;color:#e4e5e8!important;font-size:13px!important;line-height:1.35!important}
.tc-page-instructors .permission-grid .checkbox input{flex:0 0 auto!important;width:17px!important;height:17px!important;margin:1px 0 0!important;accent-color:var(--red)!important}
.tc-page-instructors .form-card .button-primary{margin-top:2px}
.tc-page-resources .course-library-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:20px!important}
.tc-page-resources .course-library-tile{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:178px!important;padding:22px!important;border:1px solid var(--line)!important;border-left:3px solid var(--red)!important;border-radius:0!important;background:rgba(8,9,11,.72)!important}
.tc-page-resources .course-library-tile strong{font-size:17px!important;line-height:1.35!important;margin-bottom:13px!important}
.tc-page-resources .course-library-tile .small{font-size:12px!important;line-height:1.45!important;margin:3px 0!important}
.tc-page-resources .course-library-tile .button{margin-top:auto!important;min-width:112px!important}
.tc-page-resources .content-note{padding:17px 18px!important;border:1px solid var(--line)!important;border-left:3px solid var(--red)!important;border-radius:0!important;background:rgba(255,255,255,.035)!important;line-height:1.65!important}
.tc-page-resources #course-library>.form-card{margin-top:28px!important;padding:28px!important;background:rgba(8,9,11,.62)!important;border:1px solid var(--line)!important}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:980px){
  .admin-grid{grid-template-columns:1fr!important}
  .tc-page-instructors .permission-grid{grid-template-columns:1fr!important}
  .tc-page-resources .course-library-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .site-header{min-height:84px!important}
  .brand-logo-link img{height:66px!important;max-height:66px!important}
  .page-shell{width:min(100% - 24px,1280px)!important}
  .form-row{grid-template-columns:1fr!important}
}


/* ==========================================================================
   Platform 2.0 Mobile R7 - Training Center
   ========================================================================== */
html,body.training-center{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.training-center.nav-open{overflow:hidden}
body.training-center button,body.training-center a,body.training-center input,body.training-center select,body.training-center textarea{-webkit-tap-highlight-color:transparent}

@media(max-width:1040px){
  .site-header{
    min-height:78px!important;
    padding:7px 14px!important;
    gap:10px!important;
  }
  .brand{min-width:0!important;gap:10px!important}
  .brand-logo-link{min-width:0!important;padding:2px 0!important}
  .brand-logo-link img{
    width:auto!important;
    height:62px!important;
    max-width:142px!important;
    max-height:62px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .brand-division{
    display:block!important;
    max-width:84px!important;
    padding-left:10px!important;
    line-height:1.15!important;
  }
  .brand-division small{font-size:8.5px!important;letter-spacing:.11em!important}
  .nav-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:50px!important;
    min-height:48px!important;
    padding:0 12px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    background:rgba(255,255,255,.03)!important;
    font-size:10px!important;
  }
  .main-nav{
    display:none!important;
    position:fixed!important;
    top:78px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:100!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:12px 16px calc(30px + env(safe-area-inset-bottom))!important;
    background:rgba(3,3,4,.99)!important;
    border:0!important;
    border-top:1px solid var(--line)!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  .main-nav.open{display:flex!important}
  .main-nav a{
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    padding:12px 4px!important;
    border-bottom:1px solid var(--line)!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.25!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
  }
  .main-nav a.active{border-left:3px solid var(--red)!important;border-bottom-color:var(--line)!important;padding-left:12px!important}

  .page-shell{width:calc(100% - 26px)!important;padding:30px 0 68px!important}
  .page-heading,.exam-heading{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:16px!important;
    margin-bottom:22px!important;
  }
  .page-heading h1,.exam-heading h1,.login-message h1{
    font-size:clamp(33px,8vw,46px)!important;
    line-height:1.04!important;
    letter-spacing:-.03em!important;
    overflow-wrap:anywhere!important;
  }
  .page-heading p,.exam-heading p,.login-message>p:not(.eyebrow){font-size:15px!important;line-height:1.62!important}
  .section-title{align-items:stretch!important;flex-direction:column!important;gap:12px!important}

  .card,.question-card,.course-card,.resource-card,.assessment-card,.form-card,.login-card,.admin-card{
    padding:20px!important;
  }
  .form-card h2{font-size:22px!important;margin-bottom:16px!important}
  .admin-grid,.course-grid,.assessment-grid,.resource-grid,.form-row,
  .tc-page-instructors .permission-grid,
  .tc-page-resources .course-library-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .admin-grid{margin-bottom:18px!important}
  .tc-page-instructors .admin-grid>.form-card:nth-child(2){padding:20px!important}
  .tc-page-instructors .permission-grid{margin:16px 0!important}
  .tc-page-instructors .permission-grid .checkbox{
    min-height:0!important;
    padding:14px!important;
    font-size:14px!important;
  }
  .tc-page-instructors .permission-grid .checkbox input{width:20px!important;height:20px!important}

  .tc-page-resources #course-library>.form-card{padding:20px!important;margin-top:20px!important}
  .tc-page-resources .course-library-tile{
    min-height:0!important;
    padding:18px!important;
  }
  .tc-page-resources .course-library-tile strong{font-size:16px!important;margin-bottom:10px!important}
  .tc-page-resources .course-library-tile .small{font-size:13px!important}

  input,select,textarea{
    min-height:48px!important;
    padding:12px!important;
    font-size:16px!important;
  }
  textarea{min-height:125px!important}
  .form-card label,.login-card label{margin:15px 0!important;gap:8px!important}
  .button{min-height:48px!important;font-size:11px!important;padding:10px 16px!important}
  .form-card>.button,
  .form-card form>.button,
  .login-card .button,
  .page-heading>.button,
  .section-title>.button,
  .tc-page-resources .course-library-tile .button,
  .exam-submit .button{width:100%!important}

  .login-layout{min-height:auto!important;grid-template-columns:1fr!important;gap:28px!important;padding:16px 0!important}
  .login-card{max-width:none!important;justify-self:stretch!important}
  .feature-list{grid-template-columns:1fr!important}
  .stat-grid,.stat-grid.three{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .stat-card{padding:18px!important}
  .stat-card strong{font-size:1.75rem!important}

  .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  table{min-width:720px!important}
  th,td{padding:12px 10px!important;font-size:13px!important}

  .course-card dl{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .resource-card{grid-template-columns:1fr!important;gap:14px!important}
  .file-icon{width:54px!important;height:54px!important}
  .timer{position:static!important;width:100%!important;min-width:0!important}
  .question-card legend{font-size:1rem!important;line-height:1.45!important}
  .answers label{grid-template-columns:auto auto minmax(0,1fr)!important;gap:10px!important;padding:12px!important}
  .exam-submit{position:static!important;flex-direction:column!important;align-items:stretch!important;padding:16px!important}

  .site-footer{
    flex-direction:column!important;
    align-items:flex-start!important;
    padding:26px 16px calc(28px + env(safe-area-inset-bottom))!important;
    gap:14px!important;
  }
  .site-footer>div:last-child{text-align:left!important}
  body.training-center p,body.training-center li,body.training-center a,body.training-center td,body.training-center th{overflow-wrap:anywhere}
}

@media(max-width:520px){
  .site-header{padding-left:10px!important;padding-right:10px!important}
  .brand-logo-link img{height:58px!important;max-height:58px!important;max-width:132px!important}
  .brand-division{max-width:72px!important;padding-left:8px!important}
  .brand-division small{font-size:8px!important}
  .page-shell{width:calc(100% - 20px)!important;padding-top:24px!important}
  .stat-grid,.stat-grid.three{grid-template-columns:1fr!important}
  .course-card dl{grid-template-columns:1fr!important}
  .card,.question-card,.course-card,.resource-card,.assessment-card,.form-card,.login-card,.admin-card{padding:17px!important}
  .page-heading h1,.exam-heading h1,.login-message h1{font-size:32px!important}
}

@media(max-width:380px){
  .brand-division{display:none!important}
  .brand-logo-link img{max-width:138px!important}
}

/* ==========================================================================
   Platform 2.0 Mobile R9 - full Training Center audit corrections
   ========================================================================== */
:root{--red-readable:#ff4b57}
html{scroll-padding-top:112px}
body.training-center::before{
  background-image:url("../img/terrain-lines-v2.svg")!important;
  background-position:center top!important;
  background-size:1380px 1035px!important;
  background-repeat:repeat!important;
  opacity:.15!important;
}
body.training-center::after{
  background:linear-gradient(90deg,rgba(0,0,0,.60) 0%,rgba(0,0,0,.32) 58%,rgba(0,0,0,.22) 100%)!important;
}
.skip-link{position:fixed;left:-9999px;top:0;z-index:1000;background:var(--red);color:#fff;padding:12px 18px;font-weight:800}
.skip-link:focus{left:12px;top:10px}
:focus-visible{outline:3px solid var(--red-readable)!important;outline-offset:4px!important}
.button:focus-visible,.nav-toggle:focus-visible{outline-offset:3px!important}
.eyebrow{color:var(--red-readable)!important}
[id]{scroll-margin-top:112px}

/* Approved padded logo, with room for the wings and shield point. */
.brand,.brand-logo-link{overflow:visible!important;min-width:0}
.brand-logo-link img{
  display:block!important;
  width:auto!important;
  height:78px!important;
  max-height:78px!important;
  max-width:178px!important;
  object-fit:contain!important;
  object-position:left center!important;
  padding:3px 0!important;
  overflow:visible!important;
}

/* Shared interaction and content safeguards. */
body.training-center h1,body.training-center h2,body.training-center h3,
body.training-center p,body.training-center li,body.training-center td,body.training-center th,
body.training-center label,body.training-center .button{overflow-wrap:anywhere}
.card:focus-within,.course-card:focus-within,.resource-card:focus-within,.assessment-card:focus-within{
  border-color:rgba(255,255,255,.45)
}
.checkbox{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important}
.checkbox input[type="checkbox"]{width:18px!important;height:18px!important;min-height:0!important;flex:0 0 auto!important;margin:1px 0 0!important;accent-color:var(--red)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.actions form{margin:0}
.link-button{appearance:none;border:0;background:transparent;color:#fff;padding:4px 0;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(227,6,19,.8);text-underline-offset:3px}
.link-button:hover{color:var(--red-readable)}

/* Admin screens: keep controls separated and readable. */
.assessment-admin-list{display:grid;gap:18px}
.assessment-admin{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:28px;align-items:start}
.assessment-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:rgba(8,9,11,.72);border:1px solid var(--line)}
.assessment-controls label{margin:0!important}
.assessment-controls .checkbox{align-self:end;min-height:48px;padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.assessment-controls .button{grid-column:1/-1;width:100%}
.content-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.content-upload-grid>.card{min-width:0;height:100%}
.tc-page-resources .course-library-tile{gap:2px!important}
.tc-page-resources .course-library-tile .button{width:auto!important;margin-top:18px!important}
.admin-table-card{margin-top:22px}
.admin-table-card .section-title>span{color:var(--muted);white-space:nowrap}

/* Admin navigation changes to a clean overlay before it can wrap or crowd. */
@media(max-width:1440px){
  body.role-admin.nav-open{overflow:hidden!important}
  body.role-admin .nav-toggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:58px!important;min-height:48px!important;padding:0 14px!important;
    border:1px solid rgba(255,255,255,.30)!important;background:rgba(255,255,255,.03)!important;
  }
  body.role-admin .main-nav{
    display:none!important;position:fixed!important;top:96px!important;left:0!important;right:0!important;bottom:0!important;
    z-index:100!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    padding:14px max(20px,calc((100vw - 780px)/2)) calc(34px + env(safe-area-inset-bottom))!important;
    background:rgba(3,3,4,.992)!important;border:0!important;border-top:1px solid var(--line)!important;
    flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
  }
  body.role-admin .main-nav.open{display:flex!important}
  body.role-admin .main-nav a{min-height:52px!important;display:flex!important;align-items:center!important;padding:13px 5px!important;border-bottom:1px solid var(--line)!important;color:#fff!important;font-size:14px!important;line-height:1.3!important;letter-spacing:.01em!important;text-transform:none!important}
  body.role-admin .main-nav a.active{border-left:3px solid var(--red)!important;border-bottom-color:var(--line)!important;padding-left:13px!important}
}

@media(max-width:1180px){
  body.training-center.nav-open{overflow:hidden!important;touch-action:none!important}
  .site-header{min-height:88px!important;padding:7px 16px!important;gap:12px!important}
  .nav-toggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:58px!important;min-height:48px!important;padding:0 14px!important;
    border:1px solid rgba(255,255,255,.30)!important;background:rgba(255,255,255,.03)!important;
  }
  .main-nav{
    display:none!important;position:fixed!important;top:88px!important;left:0!important;right:0!important;bottom:0!important;
    z-index:100!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    padding:14px max(20px,calc((100vw - 720px)/2)) calc(34px + env(safe-area-inset-bottom))!important;
    background:rgba(3,3,4,.992)!important;border:0!important;border-top:1px solid var(--line)!important;
    flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
  }
  .main-nav.open{display:flex!important}
  .main-nav a{min-height:52px!important;display:flex!important;align-items:center!important;padding:13px 5px!important;border-bottom:1px solid var(--line)!important;color:#fff!important;font-size:14px!important;line-height:1.3!important;letter-spacing:.01em!important;text-transform:none!important}
  .main-nav a.active{border-left:3px solid var(--red)!important;border-bottom-color:var(--line)!important;padding-left:13px!important}
  .brand-logo-link img{height:72px!important;max-height:72px!important;max-width:166px!important}
  .assessment-admin{grid-template-columns:1fr!important}
  .content-upload-grid{grid-template-columns:1fr!important}
}

@media(max-width:900px){
  html{scroll-padding-top:90px}
  [id]{scroll-margin-top:90px}
  body.training-center::before{background-size:1120px 840px!important;opacity:.14!important}
  .site-header{min-height:78px!important;padding:6px 13px!important}
  .main-nav,body.role-admin .main-nav{top:78px!important;padding-left:18px!important;padding-right:18px!important}
  .brand-logo-link img{height:62px!important;max-height:62px!important;max-width:145px!important}
  .page-shell{width:calc(100% - 26px)!important;padding:30px 0 68px!important}
  .admin-grid,.course-grid,.assessment-grid,.resource-grid,.form-row,
  .tc-page-instructors .permission-grid,.tc-page-resources .course-library-grid{
    grid-template-columns:1fr!important;gap:14px!important
  }
  .assessment-controls{grid-template-columns:1fr!important;padding:16px!important}
  .assessment-controls .button{grid-column:auto}
  .tc-page-instructors .admin-grid>.form-card:nth-child(2),
  .tc-page-resources #course-library>.form-card{padding:20px!important}
  .tc-page-resources .course-library-tile{min-height:0!important;padding:19px!important}
  .tc-page-resources .course-library-tile .button{width:100%!important}
  .admin-table-card{padding:18px!important}
  input,select,textarea{font-size:16px!important;min-height:48px!important}
  select{padding-right:34px!important}
}

@media(max-width:520px){
  .site-header{padding-left:10px!important;padding-right:10px!important}
  .brand{gap:8px!important}
  .brand-logo-link img{height:59px!important;max-height:59px!important;max-width:136px!important}
  .brand-division{max-width:72px!important;padding-left:8px!important}
  .brand-division small{font-size:8px!important;letter-spacing:.08em!important}
  .nav-toggle{min-width:52px!important;padding:0 10px!important}
  .page-shell{width:calc(100% - 20px)!important;padding-top:24px!important}
  .page-heading h1,.exam-heading h1,.login-message h1{font-size:32px!important}
  .card,.question-card,.course-card,.resource-card,.assessment-card,.form-card,.login-card,.admin-card{padding:17px!important}
  .table-wrap{margin-left:-2px;margin-right:-2px}
}

@media(max-width:390px){
  .brand-division{display:none!important}
  .brand-logo-link img{max-width:145px!important}
}

/* ==========================================================================
   Platform 2.0 R10 - desktop readability refinements
   Recommended Review percentage visibility and Exam Center card spacing.
   ========================================================================== */
@media(min-width:901px){
  /* Readiness: make the recommendation status and percentage unmistakable. */
  .tc-page-readiness .recommendation-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
  }
  .tc-page-readiness .recommendation-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:100%!important;
    padding:27px!important;
    border-left:4px solid var(--red)!important;
  }
  .tc-page-readiness .recommendation-score{
    display:inline-flex!important;
    align-items:center!important;
    align-self:flex-start!important;
    min-height:36px!important;
    margin:0 0 16px!important;
    padding:8px 12px!important;
    color:#fff!important;
    background:#9f0711!important;
    border:1px solid #ff5260!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
  }
  .tc-page-readiness .recommendation-card h3{
    margin:0 0 10px!important;
    font-size:21px!important;
    line-height:1.25!important;
  }
  .tc-page-readiness .recommendation-card p{
    margin:0 0 18px!important;
    line-height:1.65!important;
  }
  .tc-page-readiness .recommendation-card dl{
    margin-top:auto!important;
    padding-top:15px!important;
    border-top:1px solid var(--line)!important;
  }
  .tc-page-readiness .recommendation-card dt{
    margin-bottom:6px!important;
    color:#b9bdc5!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  .tc-page-readiness .recommendation-card dd{
    margin:0!important;
    color:#fff!important;
    font-weight:750!important;
  }

  /* Exam Center: separate metadata, status, and action into clear zones. */
  .tc-page-assessments .assessment-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .tc-page-assessments .assessment-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:100%!important;
    padding:28px!important;
    border-top:3px solid var(--red)!important;
  }
  .tc-page-assessments .assessment-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0 0 18px!important;
  }
  .tc-page-assessments .assessment-meta span{
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:6px 10px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }
  .tc-page-assessments .assessment-card h2{
    margin:0 0 12px!important;
    font-size:23px!important;
    line-height:1.2!important;
  }
  .tc-page-assessments .assessment-card>p{
    margin:0 0 20px!important;
    color:#b9bdc5!important;
    line-height:1.65!important;
    flex:1 1 auto!important;
  }
  .tc-page-assessments .assessment-status{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    margin:0 0 22px!important;
    padding:14px!important;
    background:rgba(8,9,10,.78)!important;
    border:1px solid var(--line)!important;
  }
  .tc-page-assessments .assessment-status span{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    min-height:44px!important;
    padding:9px 10px!important;
    color:#f2f3f5!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.11)!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1.35!important;
  }
  .tc-page-assessments .assessment-card>.button,
  .tc-page-assessments .assessment-card>.availability-note+.button{
    align-self:flex-start!important;
    min-width:190px!important;
    margin-top:auto!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .tc-page-assessments .availability-note{
    margin:0 0 14px!important;
  }
}

@media(min-width:901px) and (max-width:1120px){
  .tc-page-assessments .assessment-status{
    grid-template-columns:1fr!important;
  }
  .tc-page-readiness .recommendation-grid{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================================
   Platform 2.0 R12 - complete Training Center theme holdover audit
   Central overrides intentionally use !important because several legacy page-
   specific style blocks load after this shared stylesheet.
   ========================================================================== */
:root{
  --navy:#ffffff;
  --navy-2:#141519;
  --gold:#c0c0c0;
  --ink:#ffffff;
  --bg:#030304;
  --shadow:0 18px 44px rgba(0,0,0,.34);
}

/* Shared utility/layout classes that remained dependent on the retired theme. */
.button-full{width:100%!important}
.button-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.form-card.narrow{max-width:620px!important}
.form-card.wide{max-width:1000px!important}
.admin-grid.two-forms{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.inline-assign{display:grid!important;grid-template-columns:minmax(170px,1fr) 88px auto!important;gap:8px!important;align-items:center!important;min-width:390px!important}
.inline-assign .button{min-height:40px!important;padding:8px 12px!important}
.filter-bar{display:grid!important;grid-template-columns:2fr 1fr .7fr auto!important;gap:10px!important;margin-bottom:18px!important}
.option-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.question-cell{min-width:430px!important}
.report-section{margin-top:24px!important}
.password-alert code{background:#08090a!important;border:1px solid var(--line)!important;color:#fff!important;border-radius:0!important;padding:5px 8px!important}

/* My Account: replaces every remaining light/pastel account panel centrally. */
.account-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:20px!important;align-items:start!important}
.account-stack{display:grid!important;gap:20px!important}
.account-card{background:rgba(13,14,16,.96)!important;border:1px solid var(--line)!important;color:#fff!important}
.account-card h2,.account-enrollment h3{color:#fff!important}
.account-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.account-detail{background:linear-gradient(135deg,rgba(227,6,19,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.15)!important;border-left:3px solid var(--red)!important;border-radius:0!important;color:#fff!important}
.account-detail span,.account-enrollment dt{color:#aeb2ba!important}
.account-detail strong,.account-enrollment dd{color:#fff!important}
.account-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}
.account-enrollments{display:grid!important;gap:14px!important}
.account-enrollment{background:rgba(8,9,10,.84)!important;border:1px solid var(--line)!important;border-left:4px solid var(--red)!important;border-radius:0!important;color:#fff!important}
.account-enrollment dl>div{background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.09)!important;padding:12px!important}
.account-status{border:1px solid!important;color:#fff!important}
.account-status-active{background:rgba(227,6,19,.14)!important;border-color:rgba(227,6,19,.58)!important}
.account-status-upcoming{background:rgba(192,192,192,.09)!important;border-color:rgba(192,192,192,.36)!important;color:#f1f1f2!important}
.account-status-expired{background:rgba(227,6,19,.08)!important;border-color:rgba(227,6,19,.34)!important;color:#ffabb1!important}
.account-status-muted{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.15)!important;color:#b8bbc2!important}
.account-note{background:rgba(227,6,19,.075)!important;border-left:4px solid var(--red)!important;border-radius:0!important;color:#c9ccd2!important}
.account-note strong{color:#fff!important}
.account-security-list li::marker{color:var(--red)!important}

/* Instructor permissions and administration. */
.permission-section{background:rgba(8,9,10,.72)!important;border:1px solid var(--line)!important;border-radius:0!important}
.permission-section h3{color:#fff!important}
.permission-chip{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:999px!important;color:#e6e7e9!important}
.permission-chip.off{background:rgba(255,255,255,.02)!important;color:#777b83!important;opacity:1!important}
.danger-zone{background:rgba(227,6,19,.055)!important;border-color:rgba(227,6,19,.42)!important}
.danger-zone h2{color:#ff7b84!important}
.elevated-note{color:#b8bbc2!important}

/* Readiness views: eliminate pastel green/gold/gray cards and badges. */
.readiness-status{border:1px solid!important;letter-spacing:.02em!important}
.readiness-status.ready{background:rgba(227,6,19,.14)!important;border-color:rgba(227,6,19,.55)!important;color:#fff!important}
.readiness-status.nearly{background:rgba(192,192,192,.09)!important;border-color:rgba(192,192,192,.35)!important;color:#f1f1f2!important}
.readiness-status.building{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.16)!important;color:#c4c7cd!important}
.student-name,.recommendation-card h3{color:#fff!important}
.readiness-badge{background:linear-gradient(145deg,#141519,#08090a)!important;border:1px solid var(--line)!important;border-left:4px solid var(--red)!important;border-radius:0!important;box-shadow:none!important;color:#fff!important}
.readiness-badge.ready{border-left-color:var(--red)!important}
.readiness-badge.nearly{border-left-color:var(--silver)!important}
.readiness-badge.building{border-left-color:#757980!important;box-shadow:none!important}
.criterion{background:rgba(8,9,10,.72)!important;border:1px solid var(--line)!important;border-radius:0!important}
.criterion-mark{border-radius:0!important}
.criterion.met .criterion-mark{background:var(--red)!important;color:#fff!important}
.criterion.not-met .criterion-mark{background:#2b2d32!important;color:#d0d2d6!important}
.recommendation-score{background:#9f0711!important;border:1px solid #ff5260!important;color:#fff!important;border-radius:0!important}

/* Resource publication, assessment availability, and score pills. */
.briefing-published{background:rgba(227,6,19,.14)!important;border:1px solid rgba(227,6,19,.48)!important;color:#fff!important}
.briefing-hidden{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.15)!important;color:#b8bbc2!important}
.assessment-card.locked{background:rgba(8,9,10,.88)!important;border-style:dashed!important;border-color:rgba(255,255,255,.22)!important;opacity:1!important}
.assessment-card.locked .assessment-meta span:first-child{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.16)!important;color:#d7d9dd!important}
.score-excellent,.score-good{background:rgba(227,6,19,.14)!important;border:1px solid rgba(227,6,19,.48)!important;color:#fff!important}
.score-borderline{background:rgba(192,192,192,.09)!important;border:1px solid rgba(192,192,192,.34)!important;color:#f1f1f2!important}
.score-low{background:rgba(227,6,19,.08)!important;border:1px solid rgba(227,6,19,.34)!important;color:#ffabb1!important}

/* Dashboard question-bank progress. */
.bank-progress{display:grid!important;grid-template-columns:1fr 2fr auto!important;align-items:center!important;gap:24px!important;margin-bottom:24px!important;background:rgba(13,14,16,.96)!important;border:1px solid var(--line)!important;padding:22px!important}
.bank-progress h2{color:#fff!important}
.bank-progress p{color:var(--muted)!important}

/* Exam results and remediation, previously dependent on the retired light CSS. */
.result-hero{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:28px!important;padding:30px!important;margin-bottom:24px!important;background:linear-gradient(145deg,#141519,#08090a)!important;border:1px solid var(--line)!important;border-left:5px solid var(--red)!important;border-radius:0!important;color:#fff!important;box-shadow:none!important}
.result-hero.review-needed{background:linear-gradient(135deg,rgba(227,6,19,.18),#08090a)!important}
.result-hero .eyebrow,.result-hero h1,.result-hero p{color:#fff!important}
.result-score{text-align:right!important}.result-score strong{display:block!important;font-size:3.4rem!important;line-height:1!important}
.result-grid{display:grid!important;grid-template-columns:1.4fr .6fr!important;gap:20px!important;margin-bottom:34px!important}
.area-row{display:grid!important;grid-template-columns:220px 1fr 50px!important;align-items:center!important;gap:14px!important;margin:16px 0!important}
.result-summary h2,.remediation-card h3,.teaching-note h4{color:#fff!important}
.result-summary p{color:var(--muted)!important}
.review-section{display:grid!important;gap:18px!important}
.remediation-card{border-left:5px solid var(--red)!important}
.question-number{color:var(--red-readable)!important}
.answer-review{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin:18px 0!important}
.answer-review>div{padding:15px!important;border-radius:0!important}
.student-answer{background:rgba(227,6,19,.075)!important;border:1px solid rgba(227,6,19,.35)!important;color:#f0f0f1!important}
.correct-answer{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.teaching-note{background:rgba(255,255,255,.035)!important;border:1px solid var(--line)!important;border-left:3px solid var(--red)!important;border-radius:0!important;color:#d5d7db!important}
.source-grid{display:grid!important;grid-template-columns:.7fr 1.5fr 1fr!important;gap:14px!important}
.source-grid>div{border-top:1px solid var(--line)!important;padding-top:12px!important}

/* Installer and any utility screen that may still be reachable. */
.install-shell{width:min(760px,calc(100% - 30px))!important;margin:50px auto 90px!important}
.install-brand{text-align:center!important;margin-bottom:24px!important}
.install-brand img{width:150px!important;height:auto!important}
.install-brand h1{color:#fff!important}
.install-card{background:rgba(13,14,16,.96)!important;border:1px solid var(--line)!important;color:#fff!important}
.install-card hr{border:0!important;border-top:1px solid var(--line)!important}

@media(max-width:900px){
  .admin-grid.two-forms,.result-grid,.answer-review,.source-grid{grid-template-columns:1fr!important}
  .bank-progress{grid-template-columns:1fr!important}
  .area-row{grid-template-columns:1fr!important}
  .result-score{text-align:left!important}
  .inline-assign{min-width:0!important;grid-template-columns:1fr!important}
  .filter-bar,.option-grid{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .account-grid,.account-details,.account-enrollment dl{grid-template-columns:1fr!important}
  .account-actions .button,.button-row .button{width:100%!important}
  .result-hero{flex-direction:column!important;align-items:flex-start!important}
}


/* ===========================================================================
   Platform 2.0 R13 - student information layout correction
   Prevents student data, forms, and account details from collapsing into or
   visually stacking over adjacent information at desktop and tablet widths.
   =========================================================================== */
.tc-page-students .admin-grid{
  grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:24px!important;
}
.tc-page-students .admin-table-card{
  min-width:0!important;
  overflow:hidden!important;
}
.tc-page-students .table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
}
.tc-page-students table{
  table-layout:auto!important;
  width:100%!important;
}
body.role-admin.tc-page-students table{min-width:1180px!important}
body.role-instructor.tc-page-students table{min-width:900px!important}
.tc-page-students th,.tc-page-students td{
  position:static!important;
  vertical-align:top!important;
  white-space:normal!important;
  overflow:visible!important;
  line-height:1.45!important;
}
.tc-page-students td:first-child{min-width:165px!important}
.tc-page-students td:first-child strong,
.tc-page-students td:first-child .small{
  display:block!important;
  max-width:240px!important;
  overflow-wrap:anywhere!important;
}
body.role-admin.tc-page-students td:nth-child(2){min-width:220px!important;overflow-wrap:anywhere!important}
body.role-admin.tc-page-students td:nth-child(3){min-width:250px!important}
.tc-page-students .inline-assign{
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) 88px auto!important;
  gap:8px!important;
  align-items:center!important;
  min-width:420px!important;
  margin:0!important;
}
body.role-instructor.tc-page-students .inline-assign{
  grid-template-columns:88px auto!important;
  min-width:205px!important;
}
.tc-page-students .inline-assign input,
.tc-page-students .inline-assign select,
.tc-page-students .inline-assign .button{
  min-width:0!important;
  margin:0!important;
}
.tc-page-students .actions{
  min-width:140px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  gap:8px!important;
}
.tc-page-students .actions form{width:100%!important;margin:0!important}
.tc-page-students .link-button{
  display:block!important;
  width:100%!important;
  min-height:34px!important;
  padding:6px 0!important;
  text-align:left!important;
  white-space:nowrap!important;
}

/* Student account details should always occupy their own cells. */
.role-student.tc-page-account .account-details{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:14px!important;
}
.role-student.tc-page-account .account-detail{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.role-student.tc-page-account .account-detail span,
.role-student.tc-page-account .account-detail strong{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin-left:0!important;
  transform:none!important;
}
.role-student.tc-page-account .account-enrollment dl{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.role-student.tc-page-account .account-enrollment dl>div{
  min-width:0!important;
  overflow:hidden!important;
}

@media(max-width:980px){
  .tc-page-students .admin-grid{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .tc-page-students .inline-assign,
  body.role-instructor.tc-page-students .inline-assign{
    min-width:0!important;
    grid-template-columns:1fr!important;
  }
  .tc-page-students .actions{min-width:120px!important}
}
@media(max-width:650px){
  .role-student.tc-page-account .account-details,
  .role-student.tc-page-account .account-enrollment dl{
    grid-template-columns:1fr!important;
  }
}


/* R20 final theme consistency hardening */
.account-details,.account-detail,.profile-details,.student-details,.student-info,.enrollment-details,.review-card,.recommended-review,.knowledge-check,.knowledge-check-card,.permission-panel,.documentation-card,.result-panel,.answer-review,.teaching-note,.remediation-panel{background:rgba(13,14,16,.96)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;}
.account-details *, .account-detail *, .profile-details *, .student-details *, .student-info *, .enrollment-details *{max-width:100%;}
.account-details label,.account-detail label,.profile-details label,.student-details label,.student-info label,.enrollment-details label{color:#d9dbe0!important;}
.account-details small,.account-detail small,.profile-details small,.student-details small,.student-info small,.enrollment-details small{color:#9da1a9!important;}
.recommended-review .progress-percent,.recommended-review .percentage,.review-card .progress-percent,.review-card .percentage{display:inline-flex!important;align-items:center;justify-content:center;min-width:58px;padding:6px 10px;background:#e30613!important;color:#fff!important;border:1px solid #ff3341!important;font-weight:900!important;}
.knowledge-check-card,.assessment-card{display:flex;flex-direction:column;min-width:0;}
.knowledge-check-card .button,.assessment-card .button,.knowledge-check-card .button-row,.assessment-card .button-row{margin-top:auto;}
@media(max-width:760px){.account-details,.account-detail,.profile-details,.student-details,.student-info,.enrollment-details{grid-template-columns:1fr!important}.knowledge-check-card,.assessment-card{padding:20px!important}}

/* ==========================================================================
   1105 RESPONSIVE WORD INTEGRITY 2026-08-21
   Keep natural language intact. Wide tables scroll inside their own wrapper
   instead of splitting headings, statuses, names, or controls mid-word.
   ========================================================================== */
body.training-center h1,
body.training-center h2,
body.training-center h3,
body.training-center p,
body.training-center li,
body.training-center label{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
body.training-center .table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
}
body.training-center .table-wrap table{
  width:100%!important;
  table-layout:auto!important;
}
/* Repeating the body class intentionally outranks older !important table rules. */
body.training-center.training-center .table-wrap th,
body.training-center.training-center .table-wrap td,
body.training-center.training-center .table-wrap th *,
body.training-center.training-center .table-wrap td *{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
body.training-center.training-center .table-wrap th{
  white-space:nowrap!important;
}
body.training-center .button,
body.training-center .link-button,
body.training-center .score-pill,
body.training-center .readiness-status,
body.training-center .briefing-published,
body.training-center .briefing-hidden,
body.training-center .assessment-meta span{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
