/* AP Macro Exam Practice Mastery. ../ial-business/competitive-mastery.css is loaded first and gives the whole look; this file holds only what is new. */
button.primary{background:#7f56d9}button.danger{border-color:#ff929e;color:#ffd6df}::placeholder{color:#a5aec5;opacity:1}
.ep-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* a hidden label stays inside the box that scrolls it: without this it would make the page as long as the whole list */
.ep-weight-box,.ep-table-wrap,.picker{position:relative}
h2[tabindex="-1"]:focus,h3[tabindex="-1"]:focus,p[tabindex="-1"]:focus{outline:none}h4{font-size:17px;margin:22px 0 8px;color:#d5c5fb}
.ep-reason{color:#f8d077}.ep-center{justify-content:center}.small{overflow-wrap:anywhere}.pick span{min-width:0;overflow-wrap:anywhere}
.ep-identity{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0;color:#b3abc9}.ep-identity span{min-width:0;overflow-wrap:anywhere}#epBack{display:inline-flex;align-items:center;min-height:40px;white-space:nowrap}
.ep-notice{position:sticky;top:8px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:min(900px,calc(100% - 24px));margin:10px auto 20px;background:#442836;border:1px solid #f59baf;border-radius:10px;padding:12px 18px;color:#ffe1e7;font-size:16px}
.ep-notice.ok{background:#17332f;border-color:#4de2b3;color:#d9fff3}.ep-notice span{min-width:0;overflow-wrap:anywhere}.ep-notice button{flex:none;padding:5px 11px;font-size:13px;color:inherit;border-color:currentColor;background:transparent}
#epLogin{max-width:470px}#epLoginForm .primary{flex:1}
.section-heading>div{min-width:0}.section-heading h2,.section-heading h3{overflow-wrap:anywhere}.ep-heading{max-width:1280px;margin:0 auto 14px}.ep-heading p{margin:0}.ep-heading h2{margin-bottom:4px}
/* the list of sets */
.ep-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.ep-card>div{min-width:0}.ep-card h3{margin-bottom:4px;overflow-wrap:anywhere}.ep-card p{margin:0}.ep-card button{flex:none}.ep-empty{margin-bottom:12px}.ep-empty p{margin:0}
.ep-pill{display:inline-block;margin-bottom:6px;border:1px solid #2b765f;border-radius:30px;padding:1px 10px;font:11px/1.7 'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.7px;color:#4de2b3}.ep-pill.closed{color:#f8d077;border-color:#7d6a35}
/* the create form: students, subtopics by unit, the three levels of weights, the single questions */
.ep-setup{max-width:1280px;margin:auto}.ep-columns{grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr)}.ep-columns>section{min-width:0}.ep-topics{max-height:680px}
.ep-unit summary{overflow-wrap:anywhere}.ep-unit-sum{margin-left:10px;font-size:13px;color:#b3abc9}
.ep-unit-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:2px 6px 8px}.ep-unit-tools button{min-height:40px;padding:6px 13px;font-size:14px}
.ep-unit-tools label{display:flex;align-items:center;gap:9px;margin:0 0 0 auto;font-size:14px}
select.ep-weight{display:inline-block;width:auto;max-width:100%;min-height:40px;margin:0;padding:6px 8px;font-size:14px}select.ep-weight:disabled{opacity:.4}
.ep-topic{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 10px;align-items:center;padding:3px 8px;border-radius:8px}.ep-topic:has([data-topic]:checked){background:rgba(180,154,255,.10)}
.ep-topic-name{display:flex;align-items:center;gap:10px;min-width:0;min-height:40px;margin:0;color:#eeeaf6;font-size:16px;cursor:pointer}.ep-topic-name span{flex:1;min-width:0;overflow-wrap:anywhere}
.ep-topic-name small{flex:none;color:#b3abc9;font:11px 'JetBrains Mono',ui-monospace,monospace}.ep-weight-box{margin:0;min-width:0}
.ep-stems-toggle{min-height:40px;padding:6px 10px;font-size:13px}.ep-stems-toggle[aria-expanded=true]{border-color:#b49aff}
.ep-stems{grid-column:1/-1;margin:4px 0 8px;padding:10px 12px 4px;border:1px solid rgba(180,154,255,.23);border-radius:10px;background:#101426}.ep-stems>p{margin:0 0 6px}.ep-stem-list{list-style:none;margin:0;padding:0}
.ep-stem{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 10px;align-items:center;padding:8px 0;border-top:1px solid rgba(180,154,255,.23)}.ep-stem-text{min-width:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.ep-stem-no{color:#b3abc9}
.ep-stem.out .ep-stem-text{color:#b3abc9;text-decoration:line-through}.ep-stem>button{min-height:40px;padding:6px 10px;font-size:13px}
.ep-pic{display:inline-block;border:1px solid #6c62a0;border-radius:4px;padding:0 5px;font:10px/1.6 'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.5px;color:#d5c5fb;white-space:nowrap}
.ep-preview{grid-column:1/-1;min-width:0;padding:14px;border:1px solid rgba(180,154,255,.23);border-radius:10px;background:#1a1b32}.ep-preview .question-text{font-size:18px;margin-bottom:14px}.ep-preview .feedback{margin-top:14px}
.ep-preview-options{list-style:none;margin:0;padding:0;display:grid;gap:7px}.ep-preview-options li{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 12px;padding:9px 12px;border:1px solid rgba(180,154,255,.23);border-radius:9px;font-size:16px}
.ep-preview-options li.right{border-color:#4de2b3;background:#173931}.ep-preview-options .letter{color:#b49aff;font:600 12px 'JetBrains Mono',ui-monospace,monospace;background:#302944;border-radius:7px;padding:5px 8px}.ep-preview-options .question-content{flex:1 1 0;min-width:55%}
.ep-tag{flex:none;align-self:center;margin-left:auto;border:1px solid currentColor;border-radius:20px;padding:1px 9px;font:11px/1.6 'JetBrains Mono',ui-monospace,monospace;white-space:nowrap;color:#d9fff3}.option.wrong .ep-tag{color:#ffd6df}
.option{flex-wrap:wrap}.option .question-content{flex:1 1 0;min-width:55%}
/* the chosen answer: a bar on its left, a second line round it and the words "Your choice"; an answer the mouse only rests on gets a fainter border and no bar */
.option.selected{box-shadow:inset 0 0 0 1px #b49aff,inset 6px 0 0 #b49aff}.option:hover:not(.selected):not(:disabled){border-color:rgba(180,154,255,.5);background:rgba(255,255,255,.05)}
.ep-choice{color:#e2d6ff}.ep-choice[hidden]{display:none}
/* a table of the bank keeps its words whole: when it is wider than a phone, its own box scrolls, not the page */
.question-content table{overflow-wrap:normal;word-break:normal}
.ep-note{margin:12px 0;line-height:1.45;overflow-wrap:anywhere}.ep-note button{margin-left:8px;padding:4px 10px;font-size:13px}.ep-cap{margin:12px 0}.ep-cap p{margin:0 0 0 37px}#epCreateReason{min-width:0;overflow-wrap:anywhere}
/* the teacher's set screen: the summary, the table, one student */
.ep-block{max-width:1480px;margin:0 auto 18px;min-width:0}.ep-block details summary{cursor:pointer;padding:7px 0;font-size:16px;color:#d5c5fb}.ep-block details p{margin:4px 0 8px}
.ep-facts{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:6px 18px;margin:0 0 12px}.ep-facts dt{color:#b3abc9;font-size:15px}.ep-facts dd{margin:0;overflow-wrap:anywhere}
.ep-names,.ep-plain{overflow-wrap:anywhere}.ep-plain{margin:4px 0 10px;padding-left:20px;font-size:15px;line-height:1.55}.ep-steps{columns:2;column-gap:26px}
.ep-confirm{margin:14px 0;padding:16px 18px;border:1px solid #f8d077;border-radius:12px;background:#231f33}.ep-confirm h3{margin-bottom:8px}.ep-confirm .actions{margin-bottom:0}
.ep-sortbox{display:none;align-items:flex-end;gap:10px;margin:0 0 6px}.ep-sortbox label{flex:1;min-width:0;margin:0}
.ep-table-wrap{overflow-x:auto;border:1px solid rgba(180,154,255,.23);border-radius:12px}.ep-table{border-collapse:collapse;width:100%;font-size:15px}
.ep-table th,.ep-table td{padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(180,154,255,.23);font-weight:normal}.ep-table tbody tr:last-child>*{border-bottom:0}.ep-table tbody tr:has([data-detail]){cursor:pointer}.ep-table tr.ep-on{background:rgba(180,154,255,.10)}
.ep-table thead th{padding:6px 6px;font:11px/1.4 'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.5px;color:#b49aff;vertical-align:bottom}
.ep-table thead button{padding:5px 4px;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;text-align:left}.ep-table thead button:hover:not(:disabled){background:none;color:#eeeaf6}
.ep-link{padding:3px 0;border:0;background:none;color:#d5c5fb;font-weight:600;text-align:left;text-decoration:underline;overflow-wrap:anywhere}.ep-link:hover:not(:disabled){background:none;color:#fff}
.ep-table th[scope=row]{min-width:9em}.ep-met{white-space:nowrap}
.ep-meter{display:inline-block;vertical-align:middle;width:64px;height:8px;margin-right:8px;border:1px solid rgba(180,154,255,.35);border-radius:5px;background:#0f1426;overflow:hidden}.ep-meter i{display:block;height:100%;background:#4de2b3}
.ep-runs{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}.ep-run{border:1px solid rgba(180,154,255,.35);border-radius:6px;padding:1px 6px;font:12px/1.6 'JetBrains Mono',ui-monospace,monospace;white-space:nowrap;color:#eeeaf6}
.ep-run.done{border-color:#2b765f;color:#4de2b3}.ep-run.in-progress,.ep-run.unfinished{border-color:#7d6a35;color:#f8d077}.ep-run.skipped,.ep-run.not-yet{color:#b3abc9}
.ep-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0 30px}.ep-detail-grid>div{min-width:0}
.ep-scroll{overflow-x:auto}.ep-small{border-collapse:collapse;width:100%;font-size:14px}.ep-small th,.ep-small td{padding:6px 8px;border-bottom:1px solid rgba(180,154,255,.23);text-align:right;font-weight:normal}
.ep-small th:first-child{text-align:left;overflow-wrap:anywhere}.ep-small thead th{font:11px/1.4 'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;color:#b49aff}
.ep-recent{list-style:none;margin:0;padding:0;max-height:460px;overflow-y:auto}.ep-recent li{display:grid;grid-template-columns:54px auto minmax(0,1fr);gap:3px 10px;padding:7px 0;border-top:1px solid rgba(180,154,255,.23);font-size:14px;line-height:1.4}
.ep-mark{font:11px/1.9 'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;color:#4de2b3}.wrong>.ep-mark{color:#ff929e}.ep-when{color:#b3abc9;font-size:13px;white-space:nowrap}.ep-what{min-width:0;overflow-wrap:anywhere}
/* the student's practice screen */
.ep-board{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;max-width:1280px;margin:auto}.ep-board .play-column,.ep-side{display:flex;flex-direction:column;gap:16px;min-width:0}.ep-side .panel{padding:17px}
.ep-progress-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ep-figure{margin:0;font-size:17px;overflow-wrap:anywhere}.ep-figure strong{color:#4de2b3;font-family:'JetBrains Mono',ui-monospace,monospace}
.ep-track{position:relative;height:8px;margin:10px 0 6px;border-radius:4px;background:#353149}.ep-track>span{display:block;height:100%;max-width:100%;border-radius:4px;background:linear-gradient(90deg,#9c7ce7,#4de2b3)}
.ep-track>i{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-2px;border-radius:2px;background:#f8d077}
.ep-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.ep-tile{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px;border:1px solid rgba(180,154,255,.23);border-radius:9px}
.ep-tile span{font:11px/1.4 'JetBrains Mono',ui-monospace,monospace;color:#b3abc9}.ep-tile strong{font:600 18px/1.3 'JetBrains Mono',ui-monospace,monospace;color:#eeeaf6}.ep-tile small{font-size:12px;line-height:1.35;color:#b3abc9;overflow-wrap:anywhere}
.ep-tile.met{border-color:#2b765f}.ep-tile.met strong{color:#4de2b3}.metrics span{overflow-wrap:anywhere}
.run-row.in-progress strong{color:#f8d077}.run-row p,.reducer-row p{overflow-wrap:anywhere}.reducer-row p{margin:6px 0 0}
.ep-mastery{text-align:center;border-color:#4de2b3}.ep-trophy{font-size:34px;line-height:1;color:#f8d077;margin-bottom:8px}.ep-mastery h3{font-size:26px}.ep-score{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;color:#d9fff3;overflow-wrap:anywhere}
.ep-mastery h4,.ep-mastery .ep-attempts{text-align:left}.ep-attempts{list-style:none;padding:0}.ep-attempts li{padding:9px 0;border-top:1px solid rgba(180,154,255,.23)}.ep-closed{border-color:#7d6a35}.ep-closed p:last-child{margin-bottom:0}.ep-closed .actions{margin:14px 0 0}
.question-area[hidden]+.targets{margin-top:0}.targets #epRules{margin-top:14px}.question-actions{align-items:center;flex-wrap:wrap}
@media(max-width:1100px){.ep-table{font-size:14px}.ep-table th,.ep-table td{padding:8px 7px}.ep-meter{width:44px}}
/* below 1024 px the form's two lists stand side by side in little room (and from 760 px down one under the other): a
   subtopic is its name on one line and its weight and the button for its single questions on the next; a question the same way */
@media(max-width:1023px){
.ep-topic,.ep-stem{grid-template-columns:minmax(0,1fr) auto}.ep-topic-name,.ep-stem-text{grid-column:1/-1}.ep-topic>.ep-weight-box{padding-left:27px}.ep-topic select.ep-weight,.ep-stem select.ep-weight{width:100%}
/* an unticked subtopic is one line: its weight and its questions show once it is ticked */
.ep-topic:not(:has([data-topic]:checked)) .ep-weight-box,.ep-topic:not(:has([data-topic]:checked)) .ep-stems-toggle{display:none}
}
@media(max-width:950px){.ep-board{grid-template-columns:minmax(0,1fr)}.ep-detail-grid{grid-template-columns:minmax(0,1fr)}.ep-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}}
@media(max-width:760px){
.ep-columns{grid-template-columns:minmax(0,1fr)}.ep-topics{max-height:520px}
/* the table on a phone: one block for each student, every figure with its name; the order is chosen above it */
.ep-sortbox{display:flex}.ep-table-wrap{overflow:visible;border:0}.ep-table,.ep-table tbody{display:block}.ep-table thead{display:none}
.ep-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px;padding:12px 0;border-bottom:1px solid rgba(180,154,255,.23)}.ep-table tr.ep-on{padding:12px 8px;border-radius:9px}
.ep-table th,.ep-table td{padding:0;border:0;min-width:0;overflow-wrap:anywhere}.ep-table th[scope=row],.ep-table td.ep-wide,.ep-table td[colspan]{grid-column:1/-1}
.ep-table td[data-label]:before{content:attr(data-label) ': ';color:#b3abc9}.ep-table td[data-label]:empty{display:none}.ep-link{display:inline-block;min-height:40px;font-size:17px}
}
@media(max-width:600px){
button,select,input:not([type=checkbox]){min-height:40px}.masthead nav button{padding:6px 10px}.pick{min-height:40px;align-items:center}.ep-unit summary{padding:10px 6px}.ep-block details summary{padding:11px 0}.targets summary{padding:11px 0;margin:-11px 0}
.ep-card{align-items:flex-start;flex-wrap:wrap}.ep-heading>button{font-size:13px}.ep-facts{grid-template-columns:minmax(0,1fr);gap:0}.ep-facts dd{margin-bottom:9px}.ep-steps{columns:1}
/* a subtopic on a phone: its name, then its weight on a line of its own (so that "Much less" and "Much more" can be told apart), then the button for its single questions; a question the same way */
.ep-unit-tools label{margin-left:0;width:100%;justify-content:space-between}.ep-unit-sum{display:block;margin:2px 0 0 18px}
.ep-topic,.ep-stem{grid-template-columns:minmax(0,1fr)}.ep-topic>.ep-stems-toggle{justify-self:start;margin-left:27px}.ep-stem>button{justify-self:start}.picker{padding:8px}
.ep-stems{padding:8px 9px 2px}.ep-preview{padding:10px}.ep-preview .question-text{font-size:17px}.ep-cap p{margin-left:0}
.ep-progress-row{grid-template-columns:minmax(0,1fr);gap:14px}.ep-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-figure{font-size:16px}
.ep-recent li{grid-template-columns:54px minmax(0,1fr)}.ep-what{grid-column:1/-1}.ep-notice{margin:8px auto 16px}
/* the subtopic table on a phone: the name on one line, its four figures beneath, each under its own word */
.ep-small,.ep-small tbody{display:block}.ep-small thead{display:none}.ep-small tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 8px;padding:8px 0;border-bottom:1px solid rgba(180,154,255,.23)}
.ep-small th,.ep-small td{padding:0;border:0;text-align:left}.ep-small th[scope=row]{grid-column:1/-1}.ep-small td:before{content:attr(data-label);display:block;font-size:11px;color:#b3abc9}
}