/* Compact study controls and a unified navigation drawer. */
.question-personal .bookmark-toggle,.question-personal .question-note>summary,.question-personal .question-flag>summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:600 13px 'DM Sans',sans-serif;line-height:1.4;cursor:pointer;box-sizing:border-box;white-space:normal}.question-personal .question-note,.question-personal .question-flag{flex:0 1 auto;min-width:0;font-size:13px}.question-personal summary{list-style:none}.question-personal summary::-webkit-details-marker{display:none}.question-personal .question-note[open]{flex:1 0 100%;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--canvas)}.question-note[open]>summary{margin-bottom:6px}.question-personal .question-note textarea{font:400 14px/1.7 'DM Sans',sans-serif;min-height:120px;max-height:45vh;padding:14px;border-radius:11px}.question-personal .question-note textarea::placeholder{color:var(--muted);opacity:.85}.question-personal .question-note .button{font-size:13px;min-height:42px}.question-personal .question-flag[open]{padding:12px;border:1px solid var(--line);border-radius:12px}.question-personal .question-flag[open]>summary{margin-bottom:10px}.question-personal .bookmark-toggle.active{background:#bd973520;border-color:#bda04d66;color:#c8a64d}
body.app-active .sidebar{padding:22px 16px 24px;background:var(--paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:18px 0 60px #0003}.sidebar-identity{display:flex;align-items:center;gap:10px;padding:0 4px 24px;flex:none}.sidebar-identity img{width:38px;height:36px;object-fit:contain}.sidebar-identity>div{flex:1;min-width:0}.sidebar-identity b{display:block;font:800 17px Manrope,sans-serif;letter-spacing:-.5px;color:var(--ink)}.sidebar-identity small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:4px}.sidebar-identity button{border:1px solid var(--line);border-radius:10px;min-width:36px;min-height:36px;background:var(--canvas);color:var(--muted);font-size:24px;line-height:1}.sidebar .side-label,.sidebar-nav-label,.sidebar-footer-label{font:700 9px 'DM Sans',sans-serif;letter-spacing:1.6px;color:var(--muted);padding:9px 12px 8px;min-height:0!important;height:auto!important;line-height:1.5}.sidebar-nav-label{margin-top:12px}.sidebar .admin-sidebar-label{display:none}body.admin-user .sidebar .admin-sidebar-label{display:block}body.app-active .sidebar nav{gap:5px;grid-auto-rows:auto!important}body.app-active .sidebar .nav-item{border:1px solid transparent;border-radius:12px;min-height:46px;height:auto;padding:11px 12px;font-size:13px;line-height:1.5;color:var(--muted);background:transparent}body.app-active .sidebar .nav-item.active{background:#3977d514;color:var(--ink);border-color:#699be52b;box-shadow:inset 3px 0 #6b9fe5}body.app-active .sidebar .nav-item:hover{background:var(--canvas);color:var(--ink)}body.app-active .sidebar .nav-icon{display:grid;place-items:center;width:27px;height:27px;flex:none;background:#7898bd10;border-radius:8px;font-size:17px}body.app-active .sidebar .side-bottom{margin-top:auto;padding-top:22px;flex-shrink:0}.sidebar .sidebar-contact-link{min-height:46px;margin:6px 0 0;padding:10px 12px;border-radius:12px;border:1px solid var(--line);font-size:13px;font-weight:600;gap:11px}.sidebar #openCommunity{color:var(--ink);background:#3977d50b}.sidebar .offline-card{display:none}.sidebar .side-bottom>.nav-item{width:100%;margin-bottom:6px}.sidebar .sidebar-footer-label{padding-bottom:8px;border-top:1px solid var(--line);padding-top:18px}.sidebar .sidebar-contact-link>span:first-child{width:25px;text-align:center}@media(max-width:1400px){body.app-active .sidebar{padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-top:max(22px,env(safe-area-inset-top))}body.app-active .sidebar .side-bottom{margin-top:22px}.question-personal .bookmark-toggle,.question-personal .question-note>summary,.question-personal .question-flag>summary{min-height:44px}.question-personal .question-note textarea{font-size:16px}}

/* Q logo branding */
.brand-logo{width:54px;height:48px;object-fit:contain}.auth-brand-logo{width:130px;height:110px}.auth-mobile-mark img{width:64px;height:56px;object-fit:contain}.sidebar-identity img{width:48px;height:44px}body::before,#appView::before{opacity:.09;mix-blend-mode:normal;filter:none;background-position:center 18%;background-size:min(65vw,440px) auto}.auth-brand::after{opacity:.15;background-size:contain;width:210px;height:180px}@media(max-width:600px){.brand-logo{width:44px;height:40px}.auth-brand-logo{width:90px;height:78px}}

/* Quiet, compact overview; existing activity and actions retained. */
.overview-simple{max-width:1120px;margin:0 auto}.overview-simple .greeting-row{align-items:center;gap:20px;margin-bottom:26px}.overview-simple .greeting-row h1{font-size:calc(27px * var(--text-scale,1));letter-spacing:-.8px;line-height:1.3}.overview-simple .eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.8px}.overview-simple .greeting-row p{font-size:13px;line-height:1.6}.overview-simple .date-label{font-size:11px;white-space:nowrap}.overview-simple .metric-grid{gap:12px;margin-bottom:20px}.overview-simple .metric-card,.overview-simple .card{background:var(--paper)!important;border:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:13px;transform:none!important}.overview-simple .metric-card{padding:20px}.overview-simple .metric-top{font-size:12px;color:var(--muted)}.overview-simple .metric-icon{display:none}.overview-simple .metric-value{font-size:calc(29px * var(--text-scale,1));margin:15px 0 7px;color:var(--ink)}.overview-simple .metric-note{font-size:10px;line-height:1.6;color:var(--muted)}.overview-simple .daily-progress-card{padding:20px 22px 16px;margin-bottom:20px}.overview-simple .card-head{padding:0 0 18px;gap:12px}.overview-simple .card-title{font-size:14px}.overview-simple .daily-subtitle{font-size:11px;line-height:1.5}.overview-simple .daily-period{background:none;border:0;padding:4px 0;color:var(--muted);font-size:9px}.overview-simple .daily-chart-svg{height:175px}.overview-simple .content-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.overview-simple .content-grid>.card{padding:20px 22px}.overview-simple .recent-list{padding:0}.overview-simple .recent-row{padding:16px 0;border-color:var(--line);grid-template-columns:30px minmax(0,1fr) 54px 70px;gap:12px}.overview-simple .recent-symbol{width:28px;height:28px;border-radius:8px;background:var(--canvas);color:var(--muted)}.overview-simple .recent-name{font-size:12px}.overview-simple .recent-meta{font-size:10px;line-height:1.7;white-space:normal;color:var(--muted)}.overview-simple .text-button{font-size:11px;min-height:36px}.overview-simple .quick-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.overview-simple .quick-icon{display:none}.overview-simple .quick-card h3{font-size:16px;margin-bottom:10px}.overview-simple .quick-card p{font-size:12px;line-height:1.8;color:var(--muted)}.overview-simple .quick-card .button{height:auto;min-height:42px;font-size:11px;white-space:normal;text-align:left;padding:12px}.overview-simple .percent{font-size:13px}.overview-simple .percent-caption{color:var(--muted)}
@media(max-width:1000px){.overview-simple .content-grid{grid-template-columns:1fr}.overview-simple .quick-card{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.overview-simple .quick-card p{margin-bottom:0}.overview-simple .quick-card .button{flex:none}}
@media(max-width:600px){.overview-simple .greeting-row{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}.overview-simple .greeting-row h1{font-size:calc(23px * var(--text-scale,1))}.overview-simple .date-label{font-size:10px}.overview-simple .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.overview-simple .metric-card{padding:15px}.overview-simple .metric-top{font-size:11px}.overview-simple .metric-value{font-size:calc(26px * var(--text-scale,1));margin-top:10px}.overview-simple .metric-note{font-size:9px}.overview-simple .daily-progress-card,.overview-simple .content-grid>.card{padding:17px 15px}.overview-simple .content-grid{gap:16px}.overview-simple .daily-chart-svg{height:155px}.overview-simple .recent-row{grid-template-columns:26px minmax(0,1fr) 56px;gap:9px}.overview-simple .recent-row>div:nth-child(3){display:none}.overview-simple .recent-name{white-space:normal;line-height:1.5}.overview-simple .quick-card{flex-direction:column;align-items:stretch;gap:14px}.overview-simple .quick-card .button{text-align:center}.overview-simple .daily-period{font-size:8px}}

/* Keep bookmark, note and flag controls aligned on tablet Safari. */
@media(min-width:601px) and (max-width:1400px){
.question-personal{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}
.question-personal>.bookmark-toggle,.question-personal>.question-note,.question-personal>.question-flag{margin:0;align-self:flex-start;flex:0 0 auto;max-width:100%}
.question-personal .bookmark-toggle,.question-personal .question-note>summary,.question-personal .question-flag>summary{height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px;line-height:1.25;font-size:13px;vertical-align:middle;margin:0;list-style:none}
.question-personal summary::marker{content:''}.question-personal summary::-webkit-details-marker{display:none}
.question-personal>.question-note[open],.question-personal>.question-flag[open]{flex:1 0 100%;width:100%}
.question-personal .personal-save-status{align-self:center;margin:0;line-height:1.4}
}

/* Installed iPad apps include the status-bar inset inside the header. */
@media(max-width:1400px){
body.app-active .topbar{height:auto!important;min-height:calc(60px + env(safe-area-inset-top,0px))!important;padding-top:calc(8px + env(safe-area-inset-top,0px))!important;padding-bottom:8px!important;grid-template-rows:44px;align-items:center!important;align-content:center;box-sizing:border-box;flex-shrink:0}
body.app-active .topbar>.quiz-menu-toggle,body.app-active .topbar>.topbar-brand,body.app-active .topbar>.topbar-right{align-self:center!important;margin-top:0!important;margin-bottom:0!important}
body.app-active .topbar-right{height:44px;align-items:center!important}
body.app-active .topbar #notificationToggle{height:44px!important;min-height:44px!important;width:44px!important;display:grid;place-items:center;padding:0!important;line-height:1}
}

/* Minimal navigation */
body.app-active .topbar{background:var(--paper)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid var(--line)!important;align-items:center}.topbar-brand{display:flex!important;align-items:center;gap:10px;min-width:0;text-decoration:none}.topbar-brand .header-logo{display:block;width:44px;height:38px;object-fit:contain;flex:none}.topbar-brand>span{font:800 17px/1.2 Manrope,sans-serif;letter-spacing:-.5px;color:var(--ink)}.topbar-brand small{display:none!important}.topbar-right,.appearance-controls{align-items:center!important}.topbar #notificationToggle{position:relative;width:44px!important;min-width:44px;min-height:44px;height:44px!important;border:1px solid var(--line);border-radius:11px;background:var(--canvas)!important;box-shadow:none;display:grid;place-items:center;padding:0!important;font-size:20px;line-height:1}.sidebar-identity{padding-bottom:20px}.sidebar-identity small{display:none}.sidebar-identity b{font-size:17px}.sidebar .side-label{display:none}.sidebar-nav-label{font-size:0!important;letter-spacing:0!important;padding:0!important;height:1px!important;min-height:1px!important;background:var(--line);margin:15px 10px 10px!important}.sidebar .admin-sidebar-label{font-size:9px!important;background:none;height:auto!important;padding-top:10px!important}.sidebar-footer-label{font-size:0!important;letter-spacing:0!important;min-height:0!important;padding:0!important;margin:0 10px 12px!important;border-top:1px solid var(--line)}body.app-active .sidebar .nav-item{font-size:13px;min-height:46px;border-radius:10px;gap:10px}body.app-active .sidebar .nav-item.active{background:#467ecb16;border-color:transparent;box-shadow:none;color:var(--ink)}body.app-active .sidebar .nav-icon{background:none;border-radius:0;font-size:18px;width:26px;color:var(--muted)}body.app-active .sidebar .nav-item.active .nav-icon{color:#76a5e7}.sidebar .sidebar-contact-link{border:0;background:transparent!important;margin:0;min-height:46px;padding:10px 12px;gap:10px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}.sidebar .sidebar-contact-link>span:first-child{width:26px;font-size:18px}.sidebar .side-bottom{display:flex;flex-direction:column}.sidebar .sidebar-footer-label{order:0}.sidebar #openCommunity{order:1;color:var(--muted)}.sidebar .side-bottom>[data-page=help]{order:2;margin:0}.sidebar .side-bottom>a{order:3}.sidebar .sidebar-signout{order:4;width:100%;margin-top:8px!important}.sidebar .offline-card{order:5}
@media(max-width:1400px){body.app-active .topbar-brand{gap:8px}.topbar-brand .header-logo{width:36px;height:34px}.topbar-brand>span{font-size:16px}body.app-active .topbar .theme-toggle::after{inset:0!important;border:1px solid var(--line);background:var(--canvas)!important;border-radius:11px}body.app-active .topbar-right{gap:8px}.sidebar .side-bottom{padding-top:20px}}
@media(max-width:380px){.topbar-brand .header-logo{width:28px;height:30px}.topbar-brand>span{font-size:14px}body.app-active .topbar{column-gap:6px}.topbar-brand{gap:5px!important}}

/* Subtle background watermark. */
body::before,#appView::before{opacity:.035!important}

/* My progress: quiet sections and readable history on every screen. */
.progress-simple .section-header{margin-bottom:26px}.progress-simple .section-header h1{font:700 calc(27px * var(--text-scale,1))/1.3 Manrope,sans-serif;letter-spacing:-.8px;margin:8px 0}.progress-simple .section-header p{font-size:13px;color:var(--muted);line-height:1.6}.progress-simple>.card{margin-bottom:20px;padding:22px}.progress-simple .progress-hierarchy-card .card-head{padding:0 0 18px}.progress-simple .progress-bank{border:1px solid var(--line);border-radius:10px;background:transparent;margin:0 0 10px;overflow:hidden}.progress-simple .progress-bank:last-child{margin-bottom:0}.progress-simple .progress-bank>summary{padding:16px;min-height:54px;gap:12px;background:transparent}.progress-simple .progress-topic-title{font-size:13px;line-height:1.5}.progress-simple .progress-topic-meta{font-size:11px;color:var(--muted);line-height:1.6}.progress-simple .progress-bank-body{padding:0 16px 16px}.progress-simple .progress-topic{background:transparent;border-color:var(--line);border-radius:9px}.progress-simple .progress-test-row{padding:14px 0;border-color:var(--line)}.progress-simple .progress-test-name{font-size:12px;line-height:1.6}.progress-simple .progress-track{height:4px;border-radius:4px;box-shadow:none}.progress-simple .history-table{width:100%;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.progress-simple .history-table th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:600;background:transparent;padding:12px 10px;border-bottom:1px solid var(--line)}.progress-simple .history-table td{font-size:12px;line-height:1.6;padding:16px 10px;border-bottom:1px solid var(--line);color:var(--ink)}.progress-simple .history-table tbody tr:last-child td{border-bottom:0}.progress-simple .history-table td:first-child{font-weight:600}.progress-simple .history-table .recent-meta{font-size:10px;font-weight:400}.progress-simple .history-table .bar-wrap{width:45px}.progress-simple .history-table .accuracy{font-size:11px}.progress-simple .table-scroll{border:0}
@media(max-width:700px){.progress-simple>.card{padding:17px 15px;margin-bottom:16px}.progress-simple .section-header h1{font-size:calc(23px * var(--text-scale,1))}.progress-simple .progress-bank>summary{flex-wrap:wrap;padding:14px}.progress-simple .progress-topic-meta{white-space:normal}.progress-simple .table-scroll{overflow:visible}.progress-simple .history-table,.progress-simple .history-table tbody{display:block;min-width:0;width:100%}.progress-simple .history-table thead{display:none}.progress-simple .history-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:16px 0;border-top:1px solid var(--line)}.progress-simple .history-table td{display:block;min-width:0;padding:0;border:0;font-size:12px}.progress-simple .history-table td:first-child,.progress-simple .history-table td[colspan]{grid-column:1/-1}.progress-simple .history-table td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.progress-simple .history-table td .bar-wrap{display:none}.progress-simple .history-table .accuracy{margin:0}.progress-simple .progress-history-card .card-head{align-items:flex-start;flex-wrap:wrap}.progress-simple .progress-bank-body{padding:0 12px 14px}}

/* References remain readable and tappable in every QBank/review view. */
a.qbank-reference-link{color:#246dcc!important;text-decoration:underline!important;text-underline-offset:3px;overflow-wrap:anywhere;word-break:normal}body.dark a.qbank-reference-link,body[data-theme="dark"] a.qbank-reference-link,html[data-theme="dark"] a.qbank-reference-link{color:#86baff!important}a.qbank-reference-link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}

.handbook-beta{display:inline-flex;align-items:center;vertical-align:middle;padding:3px 7px;border-radius:5px;background:#f2c96b26;border:1px solid #c995394f;color:#986316;font:700 10px/1.3 system-ui;letter-spacing:.3px;white-space:nowrap}.handbook-beta-backdrop{z-index:1600!important;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto}.handbook-beta-dialog{width:min(500px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px;border-radius:18px;background:var(--paper);color:var(--ink)}.handbook-beta-dialog h2{font-size:23px;line-height:1.3;margin:14px 0}.handbook-beta-dialog p{font-size:14px;line-height:1.8;color:var(--muted);margin:12px 0}.handbook-beta-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.handbook-beta-actions button{min-height:44px;white-space:normal}@media(max-width:520px){.handbook-beta-dialog{padding:23px}.handbook-beta-actions{display:grid;grid-template-columns:1fr}.handbook-beta-actions [data-handbook-accept]{grid-row:1}}