/* A bounded screen with page controls for longer collections. */
html,body{height:100%;height:100dvh;overflow:hidden}
.shell{height:100dvh;min-height:0;overflow:hidden}
.sidebar{width:200px;padding:22px 16px}
.brand{font-size:15px;gap:9px;padding:0 4px}.brandmark{font-size:36px}
nav{margin-top:26px;gap:3px}nav a{padding:9px 10px;font-size:13px}
.side-bottom{padding:14px 3px 0;gap:8px;flex-wrap:wrap}
.side-bottom .text-button{font-size:10px}.revtag{font-size:8px}
.main-wrap{margin-left:200px;width:calc(100% - 200px);height:100dvh;display:grid;grid-template-rows:36px minmax(0,1fr) 28px;min-width:0}
.topbar{height:36px;padding:0 18px;font-size:9px}
.topright{gap:10px}.local-note{font-size:9px}
main{width:100%;height:100%;min-height:0;max-width:1100px;padding:14px 22px;margin:0 auto;overflow:hidden}
footer{height:28px;padding:4px 18px;align-items:center;gap:10px;font-size:9px;letter-spacing:0;overflow:hidden}
footer span{display:block;max-width:none;font-size:9px;line-height:1.2}
footer .text-button{margin:0;font-size:10px;white-space:nowrap}
.screen-page{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:10px}
.screen-head{flex:none;margin:0}.screen-head h1{font-size:28px;line-height:1.18;letter-spacing:-.035em}
.screen-head p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.4}
.screen-intro{font-size:13px;line-height:1.5;max-width:580px;margin:0}
.screen-primary{align-self:flex-start}
.button{min-height:34px;padding:8px 14px;font-size:12px;gap:8px}
.text-button{font-size:11px}
.button-row{gap:8px}.tools{margin:0;gap:8px;align-items:center;flex:none}
.search,select{min-width:0;padding:7px 10px;border-radius:5px;font-size:12px;min-height:32px}
.search{max-width:none}.tools .search{flex:1}.tools .text-button{white-space:nowrap}
.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}
.screen-list{display:grid;gap:7px;align-content:start}
.screen-topic,.screen-order-row,.screen-question-row{min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;text-align:left}
.screen-topic{min-height:56px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.screen-topic strong,.screen-order-row strong{font-size:13px;font-weight:600;line-height:1.35}
.screen-topic small,.screen-order-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.25}
.screen-topic:hover,.screen-question-row:hover{border-color:#78b6ad;background:#213a42}
.screen-order-row{min-height:61px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.screen-order-row .button{flex:none;min-height:30px;padding:6px 11px;font-size:11px}
.screen-question-row{min-height:59px;width:100%;padding:8px 11px;display:flex;flex-direction:column;gap:3px}
.screen-question-row strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4;font-weight:500}
.screen-question-row small{font-size:10px;color:var(--muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen-pager-slot{margin-top:auto}.screen-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;flex:none}
.screen-pager .button{min-height:30px;padding:6px 11px;font-size:11px}.screen-pager>span{font-size:11px;color:var(--muted);white-space:nowrap}
.screen-bank-tools select{max-width:38%}#screenBankCount{margin:0;line-height:1.3}
.screen-home{max-width:760px;margin:auto;gap:12px;justify-content:center}
.screen-home .screen-head h1{font-size:32px}.screen-home .screen-head p{font-size:12px}
.screen-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:450px}
.screen-home .resume{padding:9px 12px;margin:0;max-width:none;font-size:11px;gap:10px}
.screen-home .resume strong{font-size:12px}.screen-home .resume span{display:block;font-size:10px;line-height:1.4;margin-top:3px}
.screen-home .resume .button{min-height:30px;padding:6px 11px}
.home-meta{font-size:10px;line-height:1.4;margin:0;padding:0;border:0;color:var(--muted)}
.screen-home-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.screen-home-links a{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:11px 13px;min-height:66px;background:var(--surface);border:1px solid var(--line);border-radius:7px}
.screen-home-links a:hover{border-color:var(--accent)}
.screen-home-links strong{font-size:13px;font-weight:600}.screen-home-links span{font-size:10px;color:var(--muted)}
.screen-home-extras{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--accent)}
.screen-home-extras:empty{display:none}
.change-summary{padding:14px 0;margin:6px 0;gap:6px;font-size:12px;max-width:640px}
.change-summary span{font-size:12px;line-height:1.6}
.location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.location-card{padding:13px 14px}.location-card h2{font-size:18px;line-height:1.2}
.location-card>p{font-size:10px;margin:6px 0 9px;line-height:1.3}
.screen-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.location-card .button{margin:0;min-height:31px;padding:6px 9px}
.map-open{align-self:flex-start;color:var(--accent);line-height:1.3;padding:4px 0;max-width:100%;text-align:left}
.quiz-wrap{max-width:830px;margin:auto}.quiz-header{flex:none;gap:12px;margin:0;align-items:center}
.quiz-header h2{font-size:19px;line-height:1.2}.quiz-topics{font-size:10px;margin-top:3px;line-height:1.2}
.quiz-header .button-row{flex-wrap:nowrap;gap:12px;flex:none}
.quiz-meta{flex:none;font-size:10px;margin:0;min-height:26px}
.quiz-meta label{display:flex;align-items:center;gap:6px}.quiz-meta select{font-size:11px;padding:3px 5px;min-height:25px;max-width:140px}
.screen-quiz{gap:8px}.screen-quiz>.track{flex:none;height:3px}
.question-card{padding:14px 17px;border-radius:9px;margin:0!important;flex:none}
.bank-head{margin:0 0 7px;min-height:20px}.bank-head span{font-size:9px}.question-label{margin:0}
.bank-head .save-btn{font-size:10px;padding:4px 8px}
.question-card h2{font-size:19px;line-height:1.3;letter-spacing:-.025em}
.question-card .map-open{font-size:10px;margin-top:6px}
.answer-options{gap:7px;margin-top:12px}
.answer{padding:9px 11px;gap:10px;font-size:13px;line-height:1.35;min-height:38px}
.letter{width:24px;height:24px;border-radius:4px;font-size:10px}
.screen-answer-status{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:24px;font-size:12px}
.screen-answer-status .text-button{color:var(--accent);font-size:11px}
.quiz-actions{flex:none;margin:auto 0 0;gap:8px;align-items:center}
.quiz-actions .button{min-height:32px;padding:7px 12px}
.screen-order-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none}
.screen-order-head h1{font-size:23px;line-height:1.15;letter-spacing:-.025em}
.screen-order-head .text-button{font-size:10px;color:var(--accent);flex:none}
.screen-order{gap:7px;max-width:900px;margin:auto}
.order-prompt{font-size:12px;line-height:1.35;margin:0;flex:none}
.order-instruction{font-size:10px;line-height:1.2;margin:0;flex:none}
.order-list{gap:6px;flex:none}
.order-step{min-height:0;padding:7px 10px;gap:8px;align-items:center}
.step-text{font-size:13px;line-height:1.35}.drag-grip{font-size:16px;flex:none}
.step-moves{flex-direction:row;gap:4px;flex:none}
.step-moves button{width:27px;height:27px;font-size:16px}
.order-actions{margin:auto 0 0;flex:none;gap:8px}.order-actions .text-button{padding:6px}
.screen-results{max-width:820px;margin:auto}.review-card{margin:0;padding:16px;display:flex;flex-direction:column;gap:9px}
.review-card h3{font-size:15px;line-height:1.4}.review-card p{font-size:13px;line-height:1.5;margin:0}
.review-card .pill{align-self:flex-start;font-size:9px;padding:4px 7px}
.review-card .text-button{align-self:flex-start;color:var(--accent);text-align:left}
.screen-stat-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:7px;font-size:11px;flex:none}
.screen-stat-line strong{font-size:19px;margin-right:3px}.screen-stat-line>span:last-child{color:var(--muted)}
.screen-progress-list{display:grid;gap:0}.progress-row{padding:9px 0;gap:14px;font-size:12px;grid-template-columns:1fr 52px 45px}
.progress-row .track{margin-top:5px;height:3px}
.screen-utility-actions{display:flex;gap:18px;align-items:center;flex:none}.screen-utility-actions .delete{margin:0}
dialog{padding:22px;width:min(600px,calc(100% - 20px));max-height:calc(100dvh - 20px);overflow:hidden}
dialog[open]{display:flex;flex-direction:column}
#modalContent{display:flex;flex-direction:column;gap:12px;min-height:0;width:100%}
dialog h2{font-size:21px;line-height:1.25;margin:0;padding-right:18px}
dialog p,dialog li{font-size:13px;line-height:1.5;margin:0}
dialog .eyebrow{margin:0;font-size:9px}dialog .source{font-size:10px}
dialog .close{right:10px;top:7px;font-size:24px}
dialog .button{min-height:33px}.screen-setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.screen-setup-fields select{width:100%;font-size:12px}
.screen-tabs{display:flex;gap:6px;flex-wrap:wrap;flex:none}
.screen-tabs .button{padding:6px 9px;font-size:11px;min-height:30px}
.screen-about-copy{display:grid;gap:10px}.screen-about-copy p{font-size:13px;line-height:1.5}
dialog[data-kind="map"]{width:min(1000px,calc(100% - 20px));height:calc(100dvh - 20px);max-height:none;padding:16px}
dialog[data-kind="map"] #modalContent{height:100%;gap:8px}
.screen-map-image{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;background:#fff;border-radius:5px}
.screen-map-image img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.screen-map-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;flex:none}
.screen-map-footer .text-button,.screen-map-footer a{font-size:10px;color:var(--accent)}
.history-row{padding:9px 0;font-size:12px;gap:15px}.history-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.screen-tight .screen-page{gap:6px}.screen-tight .question-card{padding:10px 12px}
.screen-tight .question-card h2{font-size:17px;line-height:1.25}.screen-tight .answer-options{gap:5px;margin-top:8px}
.screen-tight .answer{padding:6px 8px;font-size:12px}.screen-tight .quiz-topics{display:none}
.screen-tight .order-step{padding:5px 7px}.screen-tight .step-text{font-size:12px}
.screen-tight .order-list{gap:4px}.screen-tight .order-prompt{font-size:12px}
.screen-extra-tight .question-card h2{font-size:16px}.screen-extra-tight .quiz-header h2{font-size:16px}
.screen-extra-tight .bank-head{margin-bottom:3px}.screen-extra-tight .bank-head .save-btn{padding:2px 6px}
.screen-extra-tight .order-step{padding:4px 6px}.screen-extra-tight .screen-order-head h1{font-size:19px}
.screen-extra-tight .order-instruction{display:none}.screen-extra-tight .screen-page{gap:4px}
@media(max-width:760px){
  .sidebar{width:230px;padding:22px 16px}.main-wrap{margin-left:0;width:100%;grid-template-rows:36px minmax(0,1fr) 30px}
  .topbar{height:36px;padding:0 12px;position:static}#mobileMenu{font-size:18px}
  main{padding:9px 12px}.screen-page{gap:9px}.screen-head h1{font-size:24px}.screen-head p{font-size:11px}
  footer{height:30px;padding:3px 12px;flex-wrap:nowrap}footer span{display:block;font-size:8px;max-width:none}footer .text-button{font-size:9px}
  .screen-grid{grid-template-columns:1fr;gap:7px}.screen-topic{min-height:53px;padding:8px 11px}
  .screen-home{gap:11px;justify-content:center}.screen-home .screen-head h1{font-size:27px}
  .screen-home .resume{padding:8px 10px}.screen-home .resume span{max-width:250px}
  .screen-home-links a{padding:10px 11px;min-height:61px}.screen-home-links strong{font-size:12px}.screen-home-links span{font-size:10px}
  .location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.location-card{padding:11px 10px}
  .location-card h2{font-size:16px}.location-card .button{font-size:11px;min-height:29px;padding:5px 7px}
  .quiz-header h2{font-size:17px}.quiz-header .button-row{gap:10px}.quiz-header .text-button{font-size:10px}
  .screen-quiz{gap:7px}.quiz-meta{font-size:10px;min-height:25px}
  .question-card{padding:12px}.question-card h2{font-size:18px;line-height:1.25}
  .answer{font-size:12px;padding:8px 9px;gap:8px}.answer-options{margin-top:10px;gap:6px}
  .letter{width:22px;height:22px;font-size:9px}.quiz-actions .button{padding:6px 10px;min-height:31px;font-size:11px}
  .screen-answer-status{font-size:11px}.screen-answer-status .text-button{font-size:10px}
  .screen-order-head h1{font-size:21px}.screen-order-head .text-button{font-size:9px;max-width:85px;text-align:right}
  .screen-order{gap:6px}.order-prompt{font-size:12px}.order-list{gap:5px}
  .order-step{padding:6px 7px;gap:7px}.step-text{font-size:12px;line-height:1.3}.drag-grip{font-size:14px}
  .step-moves{flex-direction:row;gap:3px}.step-moves button{width:25px;height:27px;font-size:15px}
  .order-actions .button{font-size:11px;min-height:30px;padding:6px 10px}
  .review-card{padding:12px;gap:8px}.review-card h3{font-size:14px}.review-card p{font-size:12px;line-height:1.4}
  .screen-stat-line{font-size:10px;padding:9px}.screen-stat-line strong{font-size:17px}
  .progress-row{font-size:11px;padding:8px 0;gap:10px;grid-template-columns:1fr 40px 38px}
  .screen-utility-actions{gap:15px}.screen-utility-actions .text-button{font-size:10px}
  dialog{padding:19px 17px}#modalContent{gap:10px}dialog h2{font-size:19px}dialog p{font-size:12px;line-height:1.5}
  .screen-about-copy p{font-size:12px}.screen-tabs{gap:5px}.screen-tabs .button{font-size:10px;padding:5px 8px}
}
@media(max-height:600px){
  main{padding-top:6px;padding-bottom:6px}.screen-page{gap:6px}.screen-head h1{font-size:23px}.screen-head p{margin-top:3px}
  .screen-home{gap:8px}.screen-home-links a{min-height:52px;padding:8px 10px}.screen-home .screen-head h1{font-size:25px}
  .screen-home .resume{padding:6px 9px}.home-meta{font-size:9px}
  .question-card{padding:9px 11px}.question-card h2{font-size:17px}.answer{padding:6px 8px}.answer-options{gap:5px;margin-top:8px}
  .quiz-header h2{font-size:16px}.quiz-topics{display:none}.screen-order-head h1{font-size:19px}
  .order-step{padding:4px 7px}.step-text{font-size:12px}.order-list{gap:4px}.order-instruction{font-size:9px}
}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:760px){
  button,a,select{touch-action:manipulation}
  input,select,.search,.quiz-meta select,.screen-setup-fields select{font-size:16px}
  #mobileMenu{width:36px;height:36px;display:grid;place-items:center;flex:none}
  #closeMenu{width:36px;height:36px;top:3px;right:6px}
}
@media(max-width:760px) and (max-height:500px) and (orientation:landscape){
  .screen-quiz .answer-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .screen-quiz .answer{min-height:36px}
  .screen-quiz .quiz-header h2{font-size:16px}
  .screen-order .order-list{grid-template-columns:repeat(2,minmax(0,1fr));counter-reset:landscape-step}
  .screen-order .order-step{counter-increment:landscape-step}
  .screen-order .order-step::before{content:counter(landscape-step);color:var(--muted);font-size:10px;min-width:10px}
  .screen-order .drag-grip{display:none}
}

/* A quiet home: six equal choices, with one action per box. */
body[data-view="home"] .sidebar,body[data-view="home"] .topbar{display:none}
body[data-view="home"] .main-wrap{margin-left:0;width:100%;grid-template-rows:minmax(0,1fr) 32px}
body[data-view="home"] main{max-width:860px;padding:28px 32px}
.box-home{justify-content:center;gap:26px;max-width:740px;margin:auto}
.box-home-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
.box-home-head h1{font-size:30px;letter-spacing:-.035em;line-height:1.2}
.box-home-head p{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.3}
.box-home-head .button{font-size:11px;min-height:36px;padding:8px 12px}
.study-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.study-box{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:122px;padding:24px 20px;border:1px solid #2b3647;border-radius:12px;background:#101722;color:var(--ink);text-align:left;box-shadow:none;transition:border-color .15s,background .15s}
.study-box strong{font-size:15px;font-weight:500;line-height:1.4;letter-spacing:0}
.study-box>span{color:#a9b8c9;font-size:18px;flex:none}
.study-box:hover{background:#162131;border-color:#8edac4}
.study-box:focus-visible{outline-offset:4px}
.screen-topic,.screen-order-row,.screen-question-row,.location-card,.question-card,.review-card{border-radius:10px;background:#101722;box-shadow:none}
.screen-head{padding-bottom:10px;border-bottom:1px solid var(--line)}
@media(max-width:760px){
 body[data-view="home"] main{padding:20px}
 .box-home{gap:22px;max-width:480px}
 .box-home-head h1{font-size:25px}.box-home-head p{font-size:11px;margin-top:6px}
 .study-boxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .study-box{min-height:96px;padding:18px 15px;border-radius:10px}
 .study-box strong{font-size:14px}.study-box>span{font-size:16px}
}
@media(max-height:520px){
 body[data-view="home"] main{padding:12px 24px}
 .box-home{gap:14px;max-width:740px}.box-home-head h1{font-size:23px}
 .study-boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .study-box{min-height:65px;padding:14px}.study-box strong{font-size:13px}
}

.registration-page{max-width:620px;margin:auto;justify-content:center;gap:16px}.registration-box,.guest-box{background:#101722;border:1px solid #2b3647;border-radius:12px;padding:20px}.registration-box h2{font-size:19px;letter-spacing:-.02em}.registration-box p,.guest-box p{font-size:12px;line-height:1.55;color:var(--muted);margin:10px 0}.registration-box form{display:grid;gap:9px;margin-top:16px}.registration-box label{font-size:12px}.registration-box input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #425268;border-radius:7px;background:#0b111c;color:#f3f6fa;font-size:16px}.registration-box .button{justify-self:start;min-height:40px}.registration-box #registrationStatus{font-size:11px;margin-bottom:0}.guest-box strong{font-size:13px}.guest-box p{margin:7px 0}.guest-box .text-button{color:var(--accent);font-size:11px}.screen-utility-actions{flex-wrap:wrap;gap:12px}@media(max-height:600px){.registration-page{gap:9px}.registration-box,.guest-box{padding:13px}.registration-box form{margin-top:10px;gap:6px}.registration-box p,.guest-box p{font-size:11px;margin:7px 0}.registration-box h2{font-size:17px}}

.competition-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:#122128;border:1px solid #3c625b;border-radius:10px}.competition-link strong{font-size:14px;font-weight:500}.competition-link span{font-size:11px;color:var(--muted)}.competition-box{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.competition-box h2{font-size:19px}.competition-box p{font-size:12px;line-height:1.45;color:var(--muted);max-width:440px;margin:7px 0 0}.competition-box .button{flex:none}.league-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-top:5px}.league-heading .text-button{color:var(--accent);font-size:11px}.league-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.league-table th{color:var(--muted);font-size:10px;font-weight:400;padding:8px 10px}.league-table td{padding:12px 10px;border-top:1px solid var(--line)}.league-table td:first-child span{color:var(--muted);display:inline-block;width:23px}.league-table th:not(:first-child),.league-table td:not(:first-child){text-align:right}.competition-empty{border:1px dashed var(--line);border-radius:10px;padding:25px 15px;text-align:center;color:var(--muted);font-size:12px}.league-note{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.league-clock{font-size:12px;color:var(--accent)}.league-clock.expired{color:var(--red)}.challenge-results{max-width:620px;justify-content:center;margin:auto}.challenge-score{display:grid;grid-template-columns:1fr 1fr}.challenge-score strong{font-size:32px;grid-row:1}.challenge-score span{font-size:12px;color:var(--muted);grid-row:2}#leagueJoin{display:grid;gap:14px}#leagueJoin label{font-size:12px;display:grid;gap:8px}#leagueJoin input:not([type=checkbox]){border:1px solid #425268;padding:10px;background:#0b111c;color:var(--ink);border-radius:6px;font-size:16px;min-height:40px}#leagueJoin .league-consent{display:flex;align-items:flex-start;line-height:1.5;gap:8px}#leagueJoin .button{justify-self:start}@media(max-width:760px){.competition-link{padding:12px}.competition-link span{font-size:10px}.competition-box{padding:12px}.competition-box h2{font-size:17px}.competition-box p{font-size:11px}.competition-page{gap:12px}.league-table td{padding:10px 7px;font-size:12px}.competition-box .button{font-size:11px;padding:8px 10px}}@media(max-height:650px){.box-home{gap:14px}.study-box{min-height:78px;padding:15px}.competition-link{padding:10px 14px}.competition-box{padding:10px}.competition-page{gap:8px}}

.account-tabs{display:flex;gap:16px;margin-top:14px}.account-tabs button[aria-pressed="true"]{color:var(--accent);border-bottom:2px solid var(--accent)}.registration-box .account-recovery-note{font-size:11px}.account-tabs .text-button{min-height:36px}

.hard-question-card .drag-grip{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.hard-question-card .order-step.is-dragging{position:relative;z-index:3;opacity:.72;border-color:#ffdd16;box-shadow:0 8px 20px #00133088;cursor:grabbing}

.registration-box .account-forgot{display:inline-block;margin-top:12px;min-height:36px;color:var(--accent)}#backToSignin{margin-top:12px;min-height:36px}

/* Collections are complete scrollable lists, rather than hidden pages. */
body:is([data-view="topics"],[data-view="orders"],[data-view="bank"],[data-view="progress"],[data-view="mistakes"],[data-view="saved"]) main{overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
body:is([data-view="topics"],[data-view="orders"],[data-view="bank"],[data-view="progress"],[data-view="mistakes"],[data-view="saved"]) main>.screen-page{height:auto;min-height:100%;padding-bottom:18px}
body:is([data-view="topics"],[data-view="orders"],[data-view="bank"],[data-view="progress"],[data-view="mistakes"],[data-view="saved"]) main>.screen-page>*{flex-shrink:0}
.screen-pager-slot:empty{display:none}