/* Canonical owner: theme/assets/design-system/layout.css. */
.dttt-public-customizer-preview .dttt-account-dot { display: none; }
.dttt-page-shell {
  box-sizing: border-box;
  width: min(var(--dttt-shell-max), calc(100% - 2 * var(--dttt-shell-gutter)));
  max-width: var(--dttt-shell-max);
  margin-inline: auto;
  min-width: 0;
}
.dttt-page-shell--presentation {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  min-width: 0;
}
.dttt-main-workspace,
.dttt-lms-shell,
.dttt-ops-shell,
.dttt-course-workspace,
.dttt-student-dashboard,
.dttt-course-portal {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}
.dttt-page-shell.dttt-main-workspace {
  width: min(var(--dttt-shell-max), calc(100% - 2 * var(--dttt-shell-gutter)));
  max-width: var(--dttt-shell-max);
  margin-inline: auto;
}
.dttt-context-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: var(--dttt-space-6);
  align-items: start;
}
.dttt-context-toolbar { min-width: 0; }
@media (max-width: 1023px) {
.dttt-context-layout { grid-template-columns: 1fr; }
}
select{height:39px;padding-top:7px;padding-bottom:7px;appearance:none;-webkit-appearance:none;min-height:46px;padding:11px 46px 11px 14px;border:1px solid #c8d5e2;border-radius:11px;background-color:#fbfdff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23265d91' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;color:#172438;font:inherit;font-weight:650;line-height:1.35;box-shadow:0 1px 2px rgba(18,52,80,.03);cursor:pointer;transition:border-color .18s,box-shadow .18s,background-color .18s}
select:hover{border-color:#8fb3d4;background-color:#fff}
select:focus{outline:0;border-color:#2870b4;box-shadow:0 0 0 4px rgba(40,112,180,.13);background-color:#fff}
select:disabled{opacity:.62;cursor:not-allowed;background-color:#edf2f6}
select[multiple]{background-image:none;padding-right:14px;min-height:120px}
select option{color:#172438;background:#fff;font-weight:500}
.dttt-guest-layout{align-items:start}
.dttt-guest-layout .dttt-priority{margin-bottom:34px}
.dttt-news-stream{margin-top:10px}
.dttt-widget-title{padding:20px 20px 15px;background:linear-gradient(135deg,#f4f9ff,#fff)}
.dttt-widget-title h3{font-size:22px;margin:5px 0 4px}
.dttt-widget-title p{color:var(--dttt-muted);font-size:13px;margin:0}
.dttt-sheet-note{display:block;padding:0 20px 18px;color:var(--dttt-muted);line-height:1.4}
*{box-sizing:border-box}
.dttt-header-inner{max-width:1240px;height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;gap:22px}
.dttt-logo small{display:block;color:var(--dttt-muted)}
.dttt-search{flex:1;max-width:520px}
.dttt-search input{width:100%;padding:11px 15px;border:1px solid var(--dttt-border);border-radius:12px;background:#f1f5f9}
.dttt-layout{max-width:1240px;margin:auto;padding:24px;display:grid;grid-template-columns:220px minmax(0,650px) 290px;gap:22px}
.dttt-left,.dttt-right{position:sticky;top:92px;height:max-content}
.dttt-userbox,.dttt-widget{padding:16px;margin-bottom:14px}
.dttt-userbox strong{display:block}
.dttt-userbox small{color:var(--dttt-muted)}
.dttt-nav{display:grid;gap:5px}
.dttt-nav a{box-sizing:border-box;display:flex;min-height:44px;align-items:center;padding:10px 14px;border-radius:10px;color:inherit;text-decoration:none;font-weight:650}
.dttt-nav a:hover,.dttt-nav .current-menu-item>a{background:#e4f1ff;color:var(--dttt-blue)}
.dttt-avatar{width:40px;height:40px;border-radius:50%;background:#e34c26;color:white;display:grid;place-items:center;font-weight:800}
.dttt-kind{background:#e7f2ff;color:var(--dttt-blue);padding:5px 8px;border-radius:12px;font-size:11px;font-weight:800}
.dttt-thumb img{width:100%;height:auto;border-radius:11px}
.dttt-widget h3{margin:0 0 12px}
.dttt-widget ul{list-style:none;margin:0;padding:0}
.dttt-widget li{padding:10px 0;border-top:1px solid #edf1f5}
.dttt-widget li:first-child{border-top:0}
.dttt-widget a{color:inherit;text-decoration:none}
@media(max-width:980px) {
.dttt-layout{grid-template-columns:190px minmax(0,1fr)}
.dttt-right{display:none}
}
body{margin:0;color:var(--dttt-text);font-family:Inter,system-ui,-apple-system,sans-serif;background:#f3f6f9}
.dttt-logo-mark{width:42px;height:42px;color:#fff;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--dttt-blue),var(--dttt-cyan));border-radius:10px}
.dttt-account{box-sizing:border-box;min-height:44px;margin-left:auto;padding:0 8px;color:var(--dttt-blue);font-weight:700;text-decoration:none;display:flex;align-items:center;gap:8px}
.dttt-account-dot{width:9px;height:9px;border-radius:50%;background:#21b573;box-shadow:0 0 0 4px #dff7eb}
.dttt-login{min-height:44px;background:var(--dttt-blue);color:#fff;padding:0 15px;border-radius:10px}
.dttt-eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:850;color:var(--dttt-cyan)}
.dttt-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.dttt-section-head h2{font-size:27px;margin:4px 0 0;letter-spacing:-.5px}
.dttt-section-head>a{color:var(--dttt-blue);text-decoration:none;font-weight:700}
.dttt-side-link{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--dttt-border);font-weight:650}
.dttt-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.dttt-tags a{font-size:12px;background:#edf3f8;color:#516579;text-decoration:none;padding:5px 8px;border-radius:12px}
.dttt-dashboard-main{background:#fff;border:1px solid var(--dttt-border);border-radius:14px;padding:20px}
.dttt-dashboard-card{margin-bottom:16px;padding:20px}
.dttt-dashboard-card h3{margin-top:0}
.dttt-dashboard-card>a{display:block;color:inherit;text-decoration:none;padding:11px 0;border-top:1px solid var(--dttt-border)}
.dttt-dashboard-card small{display:block;color:var(--dttt-muted);margin-top:4px}
.dttt-notice-list>a{display:flex;gap:15px;padding:14px 0;border-top:1px solid var(--dttt-border);color:inherit;text-decoration:none}
.dttt-notice-list time{font-weight:850;color:var(--dttt-orange);min-width:42px}
.dttt-notice-list strong,.dttt-notice-list small{display:block}
.dttt-notice-list small{color:var(--dttt-muted);margin-top:4px}
.dttt-page img{max-width:100%;height:auto}
.dttt-page{padding:24px;line-height:1.7}
.dttt-footer{margin:20px auto;padding:25px;border-top:1px solid var(--dttt-border);max-width:none;background:var(--dttt-deep);color:#c2d3e5;text-align:center;margin-top:50px;border:0}
.dttt-subject-picker{max-width:1180px;margin:26px auto 0;padding:14px 24px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--dttt-border);border-radius:14px;box-shadow:0 6px 22px rgba(18,48,78,.06)}
.dttt-subject-picker .dttt-eyebrow{margin-right:auto}
.dttt-subject-picker form{display:flex;align-items:center;gap:10px;margin:0}
.dttt-subject-picker label{font-weight:800;font-size:13px;color:var(--dttt-muted)}
.dttt-subject-picker select{border:1px solid var(--dttt-border);border-radius:10px;padding:9px 12px;font:inherit;background:#fbfdff;color:var(--dttt-text);min-width:280px}
.dttt-subject-picker button{border:0;background:var(--dttt-blue);color:#fff;border-radius:10px;padding:9px 14px;font-weight:750;cursor:pointer}
@media(max-width:700px) {
.dttt-subject-picker{flex-wrap:wrap;padding:14px}
.dttt-subject-picker form{width:100%}
.dttt-subject-picker select{min-width:0;width:100%}
}
html{scroll-behavior:smooth}
.dttt-portal-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 26px;padding:6px;background:#fff;border:1px solid var(--dttt-border);border-radius:14px;box-shadow:0 4px 14px rgba(18,48,78,.04)}
.dttt-filter-btn{box-sizing:border-box;min-height:44px;background:transparent;border:0;padding:0 16px;border-radius:10px;font:inherit;font-size:13px;font-weight:750;color:var(--dttt-muted);cursor:pointer;transition:.18s}
.dttt-filter-btn:hover{color:var(--dttt-blue);background:#f1f7fe}
.dttt-filter-btn.is-active{background:var(--dttt-blue);color:#fff;box-shadow:0 4px 12px rgba(7,85,165,.25)}
.dttt-join-panel{background:linear-gradient(135deg,#f0f7ff,#fff);border:1px solid #c9e0f7;border-radius:16px;padding:20px;margin-bottom:28px}
.dttt-join-input-group{display:flex;gap:12px;align-items:flex-end;margin-top:10px}
.dttt-join-input-group label{flex:1;font-weight:700;font-size:13px}
.dttt-join-input-group input{width:100%;margin-top:4px;padding:10px 14px;border:1px solid #b8d2ec;border-radius:10px;font-size:14px;background:#fff}
.dttt-portal-card{padding:16px}
.dttt-portal-card h3{font-size:15px;margin:0 0 6px;line-height:1.35}
.dttt-portal-card h3 a{color:var(--dttt-text);text-decoration:none}
.dttt-portal-card p{font-size:13px;color:var(--dttt-muted);margin:0;line-height:1.45}
.dttt-portal-section{margin-bottom:28px}
.dttt-portal-section h2{font-size:20px;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.dttt-filter-menu-title{border-bottom:1px solid #e4edf2;color:#6b8290;font-size:10px;font-weight:850;letter-spacing:.08em;margin:0 4px 4px;padding:5px 7px 8px;text-transform:uppercase}
.dttt-quiz fieldset[data-dttt-quiz-question]{scroll-margin-top:7rem}
.dttt-quiz fieldset[data-dttt-quiz-question]:focus-within{border-color:#8bb8d9;box-shadow:0 0 0 3px rgba(40,112,180,.1)}
.dttt-quiz{background:#f5f8fa;border:1px solid #d8e5eb;border-radius:18px;max-width:900px;padding:22px}
@keyframes dtttTimerPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}
@keyframes dtttModalPop {
    from { opacity: 0; transform: scale(0.92) translateY(12px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}
.dttt-stream-kind-bai-tap{border-left:4px solid #e5a62c}
.dttt-stream-kind-kiem-tra{border-left:4px solid #d94a4a}
.dttt-stream-kind-noi-dung-giao-trinh{border-left:4px solid #1683c0}
.dttt-stream-kind-thong-bao{border-left:4px solid #2b9b63}
.dttt-stream-kind-kimtra{border-left:5px solid #d13b3b}
.dttt-stream-kind-baitap{border-left:5px solid #d69a17}
.dttt-stream-kind-noidunggiaotrinh{border-left:5px solid #187fb6}
.dttt-stream-kind-thongbao{border-left:5px solid #2f9b68}
.dttt-stream-kind-bitp{border-left:5px solid #d69a17}
.dttt-stream-kind-nidunggiotrnh{border-left:5px solid #187fb6}
.dttt-stream-kind-thngbo{border-left:5px solid #2f9b68}

.dttt-muted-note{font-size:.82rem;color:#6b8391}
.dttt-vault-panel{display:grid;gap:20px}
.dttt-vault-panel>header{display:grid;gap:6px}
.dttt-vault-import,.dttt-vault-reuse{display:grid;gap:14px;padding:18px;border:1px solid #dceaf1;border-radius:16px;background:#fff}
.dttt-vault-import label{display:grid;gap:6px;font-weight:750}
.dttt-vault-import small,.dttt-vault-reuse small{display:block;color:#647984;font-weight:500}
.dttt-vault-import input[type=file],.dttt-vault-import input[type=datetime-local]{width:100%;box-sizing:border-box;padding:10px;border:1px solid #c7dbe5;border-radius:10px;background:#fbfdfe}
.dttt-vault-reuse h3{margin:0}
.dttt-vault-reuse .dttt-reuse-list{display:grid;gap:8px;max-height:420px;overflow:auto}
.dttt-vault-reuse .dttt-reuse-list label{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e0ebf0;border-radius:10px}
.dttt-vault-reuse .dttt-reuse-list span{display:grid;gap:4px;min-width:0}
.dttt-vault-reuse .dttt-reuse-list b{overflow-wrap:anywhere}
.dttt-mini-quiz-result{font-weight:700}
.dttt-mini-quiz-result.is-pass{color:#16724a}
.dttt-mini-quiz-result.is-fail{color:#b42323}
@media(max-width:782px) {
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{box-sizing:border-box}
}
.dttt-skill-list{border-top:1px solid #e3edf2;margin-top:16px;padding-top:14px}
.dttt-skill-list>strong{font-size:13px}
.dttt-skill-list>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.dttt-skill-list span{background:#eaf6fb;border-radius:999px;color:#0878ae;font-size:12px;padding:6px 9px}
.dttt-practice-offering{background:#fff;border:1px solid #d7e5ec;border-radius:16px;box-shadow:0 8px 22px rgba(21,61,83,.05);overflow:hidden}
.dttt-practice-offering>summary{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none;padding:15px 17px}
.dttt-practice-offering>summary::-webkit-details-marker{display:none}
.dttt-practice-offering>summary strong,.dttt-practice-offering>summary small{display:block}
.dttt-practice-offering>summary strong{color:#1d465f;font-size:15px}
.dttt-practice-offering>summary small{color:#6f8794;font-size:11px;margin-top:3px}
.dttt-practice-offering>summary>b{background:#eaf6fb;border-radius:999px;color:#0876b6;font-size:11px;padding:7px 10px;white-space:nowrap}

.dttt-image-placeholder{height:100%;align-items:center;background:linear-gradient(145deg,#0a3762,#0876b6);color:#fff;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:150px;padding:20px;text-align:center;width:100%}
.dttt-image-placeholder b{font-size:22px;font-weight:900;letter-spacing:.08em}
.dttt-image-placeholder small{margin-top:5px;opacity:.8;color:#dcedfb;font-size:12px;font-weight:700}
.dttt-table-scroll-region th,.dttt-table-scroll-region td{box-sizing:border-box}
.dttt-table-scroll-region code,.dttt-table-scroll-region strong,.dttt-table-scroll-region small{overflow-wrap:anywhere}
html,body{max-width:100%;overflow-x:clip}
@media(max-width:900px) {
.dttt-table-scroll-region{box-sizing:border-box;max-width:100%;overflow-x:auto}
.dttt-table-scroll-region>table{width:max-content;min-width:max-content}
}
.dttt-table-scroll-region{width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;box-sizing:border-box;min-width:0;max-width:100%;overscroll-behavior-x:contain}
.dttt-table-scroll-region>table{width:max-content;min-width:100%;max-width:none;box-sizing:border-box}
.dttt-pagination-prev,.dttt-pagination-next{box-sizing:border-box;min-height:44px;align-items:center;display:inline-flex;gap:5px;justify-content:center;padding:0 8px}
.dttt-pagination-prev .dttt-nav-arrow,.dttt-pagination-next .dttt-nav-arrow{display:block;flex:0 0 16px;height:16px;width:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.dttt-ui-state{box-sizing:border-box;min-width:0;max-width:100%;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.dttt-ui-state.is-loading,.dttt-ui-state.is-empty,.dttt-ui-state.is-error{align-items:center;border:1px solid #cfe1e8;border-radius:10px;display:flex;gap:8px;justify-content:center;line-height:1.35;padding:10px;text-align:center}
.dttt-ui-state.is-loading{background:#f5fbfd;color:#416b7b}
.dttt-ui-state.is-loading::before{animation:dttt-state-spin .85s linear infinite;border:2px solid #b8dbe8;border-radius:50%;border-top-color:#0876b6;content:"";flex:0 0 14px;height:14px;width:14px}
.dttt-ui-state.is-empty{background:#f8fbfc;color:#587583}
.dttt-ui-state.is-error{background:#fff6f6;border-color:#e4b7bb;color:#9b3841}
.dttt-ui-state.is-ready{background:transparent;border:0}
@keyframes dttt-state-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {
.dttt-ui-state,.dttt-ui-state.is-loading::before{animation:none;transition:none}
}
:root {--dttt-blue:#0755a5;--dttt-bg:#f4f7fb;--dttt-surface:#fff;--dttt-text:#14243a;--dttt-muted:#5E7180;--dttt-border:#E2ECF2;--dttt-deep:#062b55;--dttt-cyan:#00a6c7;--dttt-orange:#f05a28;--dttt-ux-max:1180px;--dttt-ux-gutter:22px;--dttt-ux-radius:14px;--dttt-ux-border:#d8e5ec;--dttt-ux-text:#173f59;--dttt-ux-muted:#647d8b;--dttt-ux-blue:#0876b6;--dttt-ux-gap:14px;--dttt-ux-control:44px;
  --dttt-qa-height: 56px;
  --dttt-qa-inset: 8px;
  --dttt-qa-gap: 4px;
  --dttt-control-height: 44px;
  --dttt-font-body: 15px;
  --dttt-font-label: 11px;
}
.dttt-course-workspace .dttt-table-scroll-region,
.dttt-course-workspace .dttt-gradebook-wrap,
.dttt-course-workspace .dttt-student-table-wrap {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
.dttt-course-workspace .dttt-table-scroll-region:not(.dttt-gradebook-wrap) > table,
.dttt-course-workspace .dttt-student-table-wrap:not(.dttt-gradebook-wrap) > table {
  box-sizing: border-box;
  width: max-content;
  min-width: 100%;
  max-width: none;
}
.dttt-workspace-role{--dttt-role:#0876b6;--dttt-role-soft:#eaf6fb}
.dttt-workspace-role.dttt-role-admin{--dttt-role:#b93845;--dttt-role-soft:#fff0f2}
.dttt-workspace-role.dttt-role-editor{--dttt-role:#d97706;--dttt-role-soft:#fff6e7}
.dttt-workspace-role.dttt-role-student{--dttt-role:#0876b6;--dttt-role-soft:#eaf6fb}
@media(max-width:620px) {
.dttt-site-header .dttt-header-inner{min-height:76px;padding:10px 16px}
.dttt-site-header .dttt-logo{min-width:0}
.dttt-site-header .dttt-logo-image{height:42px;width:35px}
.dttt-site-header .dttt-logo-copy{gap:0}
.dttt-site-header .dttt-logo-copy em{font-size:8px}
.dttt-site-header .dttt-logo-copy strong{font-size:13px}
.dttt-site-header .dttt-logo-copy small{font-size:9px}
}
.dttt-pending-approve{background:#198754}
.dttt-pending-reject{background:#9a4b45}
.dttt-logo-image{background:#fff;border-radius:4px;display:block;height:52px;object-fit:contain;width:43px}
.dttt-logo-copy em,.dttt-logo-copy strong,.dttt-logo-copy small{display:block;white-space:nowrap}
.dttt-lms-header .dttt-logo-copy em{color:#c62828;font-weight:900}
.dttt-site-header,
.dttt-site-header > .dttt-header-inner,
.dttt-header-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 340px) {
html,body{overflow-x:clip}
.dttt-site-header,.dttt-site-header>*{min-width:0;max-width:100%}
.dttt-site-header .dttt-logo,.dttt-site-header .dttt-logo-copy,.dttt-site-header .dttt-logo-copy strong,.dttt-site-header .dttt-logo-copy small{min-width:0;max-width:100%;overflow:hidden}
.dttt-site-header .dttt-logo-copy strong,.dttt-site-header .dttt-logo-copy small{overflow-wrap:anywhere}
.dttt-site-header .dttt-header-inner {
    box-sizing: border-box ;
    max-width: 100vw ;
    width: 100% ;
  }
  .dttt-site-header .dttt-account {
    flex: 0 1 auto;
    max-width: 34vw;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
  }
}
.dttt-library-list form{margin:0}
.dttt-library-list form>button{background:#fff;border:1px solid #e0eaf0;border-radius:10px;color:#2d556d;cursor:pointer;display:block;padding:11px;text-align:left;width:100%}
.dttt-library-list form>button:hover{background:#f1f8fc;border-color:#a8cfdf}
.dttt-editor-image-preview{border-top:1px solid #e2ebf0;margin:0 24px;padding:17px 0}
.dttt-editor-image-preview header{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}
.dttt-editor-image-preview strong{color:#244b62;font-size:13px}
.dttt-editor-image-preview small{color:#758c9b;font-size:11px}
.dttt-editor-image-preview>div{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.dttt-editor-image-preview figure{background:#f5f9fb;border:1px solid #d9e7ef;border-radius:11px;margin:0;overflow:hidden}
.dttt-editor-image-preview img{display:block;height:155px;object-fit:cover;width:100%}
.dttt-editor-image-preview figcaption{color:#537084;font-size:11px;overflow:hidden;padding:7px 9px;text-overflow:ellipsis;white-space:nowrap}
.dttt-editor-image-preview .dttt-editor-image-empty{background:#f6fafc;border:1px dashed #bed4e0;border-radius:10px;color:#678293;font-size:12px;grid-column:1/-1;margin:0;padding:12px}
.dttt-post-view-only{background:#f3f7f9;border-color:#d9e5eb;color:#6f8999}
.dttt-template-tray{background:#f5f9fb;border:1px solid #d7e5ed;display:flex;flex-wrap:wrap;gap:7px;padding:9px}
.dttt-template-tray button{background:#fff;border:1px solid #d3e1e8;border-radius:7px;color:#24516d;cursor:pointer;font-size:12px;padding:7px 9px}
.dttt-import-card input[type="file"]{font-size:12px;margin:8px 0;width:100%}
.dttt-library-trigger{align-items:center;color:#254c63;cursor:pointer;display:flex;font:inherit;justify-content:space-between;padding:15px;text-align:left;width:100%}
.dttt-library-trigger b,.dttt-library-trigger strong,.dttt-library-trigger small{display:block}
.dttt-library-trigger b{color:#0876b6;font-size:10px;letter-spacing:.08em}
.dttt-library-trigger strong{font-size:14px;margin:4px 0}
.dttt-library-trigger small{color:#748b9b;font-size:11px}
.dttt-library-trigger i{color:#0876b6;font-size:20px;font-style:normal}
.dttt-collage-box{background:#f1f8fc;border:1px solid #d2e7f2;border-radius:11px;margin:12px 0;padding:11px}
.dttt-collage-box strong{color:#244d65;font-size:13px}
.dttt-collage-box p{margin:5px 0 9px}
.dttt-collage-box button:disabled{cursor:not-allowed;opacity:.55}
.dttt-library-list{display:grid;gap:7px;max-height:60vh;overflow:auto}
.dttt-library-list>a{border:1px solid #e0eaf0;border-radius:10px;color:#2d556d;display:block;padding:11px;text-decoration:none}
.dttt-library-list>a:hover{background:#f1f8fc;border-color:#a8cfdf}
.dttt-library-list span,.dttt-library-list strong,.dttt-library-list small{display:block}
.dttt-library-list span{color:#0876b6;font-size:10px;font-weight:800}
.dttt-library-list strong{font-size:13px;margin:3px 0}
.dttt-library-list small{color:#71899b;font-size:10px}
.dttt-image-picker-control{background:#fff;border:1px solid #d2dde5;border-radius:7px;color:#254b61;cursor:pointer;font:inherit;font-size:11px;font-weight:720;padding:7px 9px}
.dttt-image-picker-control:hover{background:#e8f5fb;border-color:#77b7d8;color:#076b9f}
.dttt-visually-hidden-file{height:1px;left:-9999px;opacity:0;position:absolute;width:1px}
.dttt-analytics{margin:18px 0 24px}
.dttt-analytics h2{margin:0 0 6px}
.dttt-standalone-meta,.dttt-standalone-note{color:#6f818a;font-size:.86rem}
.dttt-standalone-form{display:grid;gap:16px}
.dttt-standalone-form label{display:grid;gap:6px;color:#38566a;font-weight:700}
.dttt-standalone-form input[type=text],.dttt-standalone-form input[type=email]{width:100%;padding:11px 12px;border:1px solid #cbdde5;border-radius:10px}
.dttt-standalone-question{border:1px solid #e1ebef;border-radius:14px;padding:14px}
.dttt-standalone-question legend{font-weight:800;color:#143f58}
.dttt-standalone-option{display:flex;align-items:flex-start;gap:8px;font-weight:500;margin:9px 0}
.dttt-standalone-option input{margin-top:4px}
.dttt-standalone-timer{position:sticky;top:10px;z-index:3;display:flex;justify-content:space-between;gap:10px;background:#fff7df;border:1px solid #efd38b;border-radius:12px;padding:10px 12px;color:#785b0b}
.dttt-standalone-result{border-color:#a9d9c0;background:#f5fff8}
.dttt-standalone-export{display:inline-flex;margin-top:10px}
.dttt-progress-track { background: #e8f1f5; border-radius: 999px; height: 8px; overflow: hidden; }
.dttt-progress-bar-fill { appearance: none; background: transparent; border: 0; display: block; height: 8px; margin: 0; width: 100%; }
.dttt-progress-bar-fill::-webkit-progress-bar { background: #e8f1f5; border-radius: 999px; }
.dttt-progress-bar-fill::-webkit-progress-value { background: #0876b6; border-radius: 999px; }
.dttt-progress-bar-fill::-moz-progress-bar { background: #0876b6; border-radius: 999px; }
.dttt-progress-bar-fill.is-attendance::-webkit-progress-value,
.dttt-progress-bar-fill.is-attendance::-moz-progress-bar { background: #198754; }
.dttt-muted{color:var(--dttt-ink-soft,#536579);font-size:13px}
.dttt-input-compact{box-sizing:border-box;max-width:100%;width:80px}
.dttt-form-spaced{margin-top:8px}
@media(max-width:360px) {
.dttt-header-inner{gap:8px;padding-left:10px;padding-right:10px}
.dttt-logo{gap:6px}
.dttt-logo-image{height:34px;width:34px}
.dttt-logo-copy strong{font-size:12px;line-height:1.15}
.dttt-logo-copy em,.dttt-logo-copy small{font-size:8px;line-height:1.1}
.dttt-login{font-size:10px;padding:8px;white-space:nowrap}
}

.dttt-home-layout .dttt-section-head { margin: 0 0 16px; }
.dttt-home-layout .dttt-section-head h2 { margin: 5px 0 0; font-size: 28px; line-height: 1.2; letter-spacing: -.025em; }
.dttt-home-layout .dttt-section-head .dttt-eyebrow { color: #1683a9; }
@media (max-width: 767px) {
.dttt-lms-shell,
  .dttt-student-dashboard,
  .dttt-course-portal,
  .dttt-course-workspace {
    padding-bottom: calc(var(--dttt-dock-height) + 2 * var(--dttt-dock-inset) + env(safe-area-inset-bottom));
  }
.dttt-table-scroll-region{max-width:100%;overflow-x:auto}
.dttt-table-scroll-region>table{min-width:max-content}

.dttt-home-layout .dttt-section-head h2 { font-size: 23px; }
}
.dttt-site-header:has(.dttt-public-nav) .dttt-public-nav{display:flex}
.dttt-site-header:has(.dttt-public-nav) .dttt-public-nav a{color:#29445f;font-size:13px;font-weight:750;text-decoration:none}
.dttt-site-header:has(.dttt-public-nav) .dttt-public-nav a:hover{color:var(--dttt-blue);text-decoration:underline;text-underline-offset:4px}
.dttt-logo{display:flex;align-items:center;color:inherit;text-decoration:none;gap:11px;flex-shrink:0;min-width:322px}
.dttt-logo-copy{gap:1px;white-space:nowrap;display:block;line-height:1.1;min-width:0}
.dttt-logo-copy em{text-transform:uppercase;color:#0b76a8;display:block;font-size:9px;font-style:normal;font-weight:850;letter-spacing:1.25px;line-height:1.1;margin-bottom:2px}
.dttt-logo-copy strong{display:block;font-size:14px;letter-spacing:-.15px}
.dttt-logo-copy small{font-size:11px;line-height:1.15;margin-top:2px}
@media(min-width:741px) {
.dttt-site-header{position:sticky;top:0;transition:box-shadow .2s cubic-bezier(.23,1,.32,1);z-index:10100}
}
.dttt-site-header{
  min-height: var(--dttt-header-height);background:#fff;border-bottom:1px solid var(--dttt-border);box-shadow:0 4px 22px rgba(15,43,73,.06);height:70px;position:sticky;top:0;z-index:10100}
.dttt-site-header:has(.dttt-public-nav) .dttt-logo{min-width:250px}
.dttt-site-header:has(.dttt-public-nav) .dttt-search{max-width:250px}
.dttt-news-stream>.dttt-section-head{grid-column:1/-1;align-items:end;display:flex;justify-content:space-between;margin:4px 0 16px}
.dttt-news-stream>.dttt-section-head h2{margin:3px 0 0}
html body .dttt-site-header { position: sticky; top: 0; z-index: 10100; }
.dttt-login-brand-copy{color:#fff;text-align:center;display:grid;gap:3px;margin:0 0 20px;text-shadow:0 2px 18px rgba(0,0,0,.24)}
.dttt-login-brand-copy strong{font-size:20px;letter-spacing:.11em;font-weight:850}
.dttt-login-brand-copy span{font-size:16px;font-weight:750}
.dttt-login-brand-copy small{font-size:12px;opacity:.8}
.dttt-login-status{border-radius:12px;padding:11px 13px;margin:0 0 16px;font-size:13px;line-height:1.45;background:#e7f3fb;color:#174c70}
.dttt-login-status--ok{background:#e4f7ec;color:#17663a}
.dttt-login-status--rate,.dttt-login-status--error,.dttt-login-status--weak{background:#fff0ed;color:#8b3026}
.dttt-login-password-panel{margin-top:14px;background:rgba(255,255,255,.93);border-radius:18px;border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 38px rgba(0,0,0,.18);overflow:hidden}
.dttt-login-password-panel details{padding:0}
.dttt-login-password-panel summary{list-style:none;display:flex;align-items:center;gap:11px;padding:15px 16px;cursor:pointer;color:var(--dttt-login-ink)}
.dttt-login-password-panel summary::-webkit-details-marker{display:none}
.dttt-login-password-panel summary>span:nth-child(2){display:grid;gap:2px;flex:1}
.dttt-login-password-panel summary strong{font-size:14px}
.dttt-login-password-panel summary small{font-size:11px;color:var(--dttt-login-muted)}
.dttt-login-summary-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e8f5fb;color:var(--dttt-login-blue);flex:0 0 auto}
.dttt-login-summary-icon svg,.dttt-login-chevron,.dttt-password-input button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dttt-login-chevron{color:#688096;transition:transform .2s ease}
.dttt-login-password-panel details[open] .dttt-login-chevron{transform:rotate(180deg)}
@media (max-width:480px) {
.dttt-login-brand-copy strong{font-size:18px}
.dttt-login-brand-copy span{font-size:14px}
.dttt-login-password-panel summary{padding:13px}
.dttt-login-brand-copy{margin-bottom:16px;margin-bottom:14px}
}
.dttt-lms-shell,.dttt-ops-shell{padding:0}
.dttt-ops-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:var(--dttt-shell-gap)}
.dttt-ops-shell--module{display:block}
.dttt-ops-shell--module>.dttt-ops-nav{display:none}
.dttt-ops-shell--module>.dttt-ops-main{display:block;padding:0}
@media(max-width:680px) {
.dttt-site-header{height:60px}
.dttt-logo span:last-child,.dttt-search{display:none}
.dttt-layout{display:block;padding:12px 10px 72px}
.dttt-left{display:none}
.dttt-section-head h2{font-size:23px}
.dttt-account-dot{display:none}
:root{--dttt-ux-gutter:12px}
.dttt-quiz{border-radius:13px;margin:10px 0 70px;padding:11px}
.dttt-page-shell{padding-bottom:calc(var(--dttt-dock-height) + 2 * var(--dttt-dock-inset) + env(safe-area-inset-bottom));margin-bottom:var(--dttt-space-12)}
.dttt-staff-board .dttt-section-head{margin-bottom:12px}
.dttt-staff-board .dttt-section-head h2{font-size:24px;line-height:1.12}
.dttt-header-inner{padding:0 12px;gap:10px;padding:0 12px}
.dttt-logo{min-width:0;min-width:0;gap:7px;min-width:0}
.dttt-logo-image{height:46px;width:38px}
.dttt-search{min-width:0}
.dttt-search input{padding:9px 10px}
.dttt-login{padding:8px 10px;font-size:12px;white-space:nowrap}
.dttt-logo-copy{gap:0;min-width:max-content;flex:0 1 auto}
.dttt-logo-copy em{font-size:8px;font-size:8px;letter-spacing:.08em}
.dttt-logo-copy strong{font-size:12px;font-size:12px;letter-spacing:-.03em}
.dttt-logo-copy small{display:none;display:block;font-size:7px;letter-spacing:.02em}
}
.dttt-public-nav{display:flex;align-items:center;gap:14px;white-space:nowrap}
.dttt-public-nav a{color:#29445f;font-size:13px;font-weight:750;text-decoration:none}
.dttt-public-nav a:hover,.dttt-public-nav a:focus-visible{color:var(--dttt-blue);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px) {
.dttt-site-header:has(.dttt-public-nav) .dttt-public-nav{gap:11px}
.dttt-site-header:has(.dttt-public-nav) .dttt-search{display:none;display:none}
.dttt-site-header:has(.dttt-public-nav) .dttt-logo{min-width:230px;min-width:230px}
.dttt-public-nav{gap:11px}
}
@media(max-width:740px) {
.dttt-editor-image-preview{margin-inline:15px}
.dttt-editor-image-preview header{align-items:flex-start;flex-direction:column;gap:3px}
.dttt-editor-image-preview img{height:115px}
.dttt-site-header:has(.dttt-public-nav) .dttt-public-nav{display:none}
.dttt-header-inner{gap:10px}
.dttt-logo{gap:8px;min-width:0}
.dttt-logo-image,.dttt-logo-mark{height:38px;width:38px}
.dttt-site-header .dttt-logo .dttt-logo-copy{display:block}
.dttt-logo-copy{max-width:145px}
.dttt-logo-copy em{font-size:8px}
.dttt-logo-copy strong{font-size:12px;line-height:1.1}
.dttt-logo-copy small{font-size:9px}
.dttt-login{font-size:11px;padding:9px 10px;white-space:nowrap}
.dttt-site-header{height:66px;position:relative;top:auto;position:sticky;top:0;z-index:10100}
.dttt-site-header:has(.dttt-public-nav) .dttt-logo{min-width:0;min-width:0}
.dttt-site-header:has(.dttt-public-nav) .dttt-logo span:last-child{display:block;display:block}
.dttt-site-header:has(.dttt-public-nav) .dttt-logo strong{display:block;font-size:12px;line-height:1.15;max-width:132px;display:block;font-size:12px;line-height:1.15;max-width:132px}
.dttt-site-header:has(.dttt-public-nav) .dttt-logo small{display:none;display:none}
.dttt-news-stream>.dttt-section-head{margin-bottom:13px}
.dttt-public-nav{display:none}
}