/* The "back" button of a sub-screen, the same everywhere in the teacher and
   administrator pages: the first thing on the page, top left, above the title, in the
   accent colour and named for where it goes. (A set editor's step-back also stays in
   the bar at the foot; a copy of it leads the page.) Loaded after the other stylesheets. */
.back-row{display:flex;margin:0 0 14px;}
.back-row .btn,.btn.submit-back,#backToSetsBtn,.settings-feature-back .btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px 0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));background:color-mix(in srgb,var(--blue) 9%,var(--surface));color:var(--blue);font:600 14px/1 'Prompt','Sarabun',sans-serif;box-shadow:0 1px 2px rgba(15,23,42,.06);cursor:pointer;transition:background-color .15s,border-color .15s;}
.back-row .btn:hover,.btn.submit-back:hover,#backToSetsBtn:hover,.settings-feature-back .btn:hover{background:color-mix(in srgb,var(--blue) 17%,var(--surface));border-color:var(--blue);color:var(--blue);}
.back-row .btn:focus-visible,.btn.submit-back:focus-visible,#backToSetsBtn:focus-visible,.settings-feature-back .btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
.btn.submit-back{margin-bottom:14px;}
#backToSetsBtn{margin-bottom:14px !important;}
.settings-feature-back{margin-bottom:14px;}
@media (max-width:560px){.back-row .btn,.btn.submit-back,#backToSetsBtn,.settings-feature-back .btn{min-height:44px;}}

/* the title of a sub-screen that holds several panels */
.submit-view-title{margin:0 0 14px;font:700 20px/1.3 "Prompt","Sarabun",sans-serif;}
.submit-view .panel + .panel{margin-top:16px;}