:root{color-scheme:dark;--bg:#191f29;--panel:#212939;--paper:#f1eedc;--ink:#263936;--muted:#b6bcc5;--green:#acc5a6;--yellow:#d9ba69;--red:#cb806c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e6e9ed;font:16px/1.5 'Inter',system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff8a52;outline-offset:4px}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #ffffff20;background:#171c26}.header{max-width:1480px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:24px;font-weight:800}.brand b{color:var(--yellow)}.subjects{display:flex;gap:8px;flex-wrap:wrap}.subjects a{padding:9px 16px;border:1px solid #ffffff25;border-radius:7px;font-size:14px}.subjects a[aria-current]{background:#e3e8d8;color:#263936;border-color:#e3e8d8}main{max-width:1480px;margin:auto;padding:24px 32px 40px}.titleline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow,.mono{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;color:var(--muted)}.eyebrow{margin:0 0 4px}h1{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0;font-weight:700}.titleline p:last-child{max-width:320px;font-size:14px;color:var(--muted);margin:0}.tabs{display:flex;gap:7px;margin-bottom:22px;flex-wrap:wrap}.tab{flex:1;padding:14px 12px;background:transparent;border:1px solid #ffffff25;border-radius:7px;text-align:left;color:#c9ced6;min-width:180px;font-size:14px}.tab span{font-family:'Plex Mono',ui-monospace,monospace;color:var(--yellow);margin-right:10px}.tab[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}.tab[aria-pressed=true] span{color:#726132}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:14px 18px;border:1px solid #ffffff20;border-radius:7px;background:#1f2631}.counters{display:flex;gap:20px;flex-wrap:wrap;font:14px/1.4 ui-monospace,monospace}.counters b{font-weight:600;color:#f1eedc}.restart,.book,.next,.confirm{padding:10px 14px;border:1px solid #ffffff30;border-radius:5px;background:transparent;color:inherit;font-size:14px}.desk{display:grid;grid-template-columns:205px minmax(0,1fr) 240px;gap:26px;align-items:start}.visitor{padding:20px;background:var(--panel);border:1px solid #ffffff16;border-radius:7px;position:sticky;top:18px;min-width:0}.portrait{width:100%;aspect-ratio:1;background-image:url('img/halk-portraits.webp');background-size:400% 200%;image-rendering:pixelated;border:1px solid #ffffff18;border-radius:3px;margin-bottom:17px}.visitor h2{font-size:20px;margin:0 0 3px}.visitor .role{font-size:14px;color:var(--muted);margin:0}.speech{border-top:1px solid #ffffff28;padding-top:17px;margin-top:17px;font-size:16px}.docchip{font-size:14px;display:inline-block;border:1px solid #b0b7c133;border-radius:4px;padding:6px 8px;color:#c5c9d0}.paper{background:var(--paper);color:var(--ink);padding:26px 28px;border:1px solid #e9e3c8;box-shadow:5px 6px 0 #121823;transform:rotate(-.35deg);border-radius:2px;min-width:0}.paper-head{border-bottom:2px solid #51635942;padding-bottom:17px;margin-bottom:19px;display:flex;justify-content:space-between;gap:16px}.paper-head .mono{color:#637066}.paper-head h2{margin:4px 0 0;font-size:22px;line-height:1.3}.paper-head p{margin:0}.raw{border:1px solid #a1af9a;background:#e8e7d4;padding:14px;margin-bottom:20px}.raw h3,.claims h3{font-size:14px;font-family:'Plex Mono',ui-monospace,monospace;letter-spacing:.04em;margin:0 0 10px;color:#56634e}.raw dl{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,1.35fr);gap:7px 13px;font-size:14px;margin:0}.raw dt{color:#56634e}.raw dd{margin:0;font-weight:600;overflow-wrap:anywhere}.rows{display:flex;flex-direction:column;gap:7px}.row{display:flex;gap:11px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-bottom:1px solid #9ea68b66;color:inherit;padding:11px 7px;font-size:16px;line-height:1.5;border-radius:3px}.row .rownum{color:#667262;font:13px/1.8 monospace;min-width:19px}.row.selected{border:1px solid #9e7e2a;background:#e6d9a9}.row.actual-error{background:#efd3bb;border-color:#a26049}.row[disabled]{opacity:1}.tablewrap{max-width:100%;overflow:auto;margin:12px 0 20px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border:1px solid #9eaa90;padding:10px;text-align:center}th{font-weight:600;background:#e2e1cd}table caption{font-size:14px;text-align:left;margin-bottom:8px;color:#586451}td input{width:90px;max-width:100%;background:#fffcec;color:var(--ink);border:1px solid #879578;padding:7px;min-height:42px}.paper-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:23px;margin-top:18px;border-top:1px dashed #859577}.fiction{font:12px/1.5 monospace;color:#67705e}.stampmark{border:2px solid #7c876b;color:#65705c;padding:6px 12px;font:700 14px/1.5 monospace;transform:rotate(-6deg);max-width:220px;text-align:center}.stampmark.done{color:#45694b;border-color:#45694b}.stampmark.wrong{color:#944e3c;border-color:#944e3c}.decisions{position:sticky;top:18px;border-radius:7px;min-width:0}.book{background:#2a3240;width:100%;font-size:16px}.nobook{display:flex;gap:8px;align-items:center;margin:12px 0 24px;font-size:14px;color:var(--muted)}input[type=checkbox]{accent-color:var(--yellow);width:17px;height:17px;flex-shrink:0}.stamp{width:100%;display:block;border:2px solid;padding:14px 12px;margin-bottom:12px;border-radius:3px;font:700 14px/1.45 ui-monospace,monospace;letter-spacing:.025em;background:#242b38;color:var(--green);border-color:#acc5a677;box-shadow:3px 3px 0 #111721}.stamp[data-action=return],.stamp[data-action=category],.stamp[data-action=schedule],.stamp[data-action=artificial]{color:var(--yellow);border-color:#d9ba6977}.stamp[data-action=outside],.stamp[data-action=diagnostic]{color:var(--red);border-color:#cb806c77}.extra{border:1px solid #ffffff25;padding:13px;margin-top:10px;font-size:14px}.extra label{display:block;margin-bottom:8px}.extra select{max-width:100%;width:100%;background:#191f29;color:inherit;font-size:14px;padding:9px;border:1px solid #7b8088;border-radius:3px}.extra .confirm{margin-top:12px;width:100%;background:var(--yellow);color:#29362a;border-color:var(--yellow)}.instruction{font-size:14px;color:var(--muted);border-top:1px solid #ffffff20;margin:26px 0 0;padding:17px 4px}.feedback{border:1px solid #a8c19977;border-left:4px solid var(--green);background:#222a36;margin-top:24px;padding:17px 20px;border-radius:4px}.feedback.bad{border-color:#cb806c88;border-left-color:var(--red)}.feedback p{margin:0 0 7px}.feedback p:last-child{margin-bottom:0}.next{margin-top:15px;background:var(--paper);color:var(--ink);font-weight:700;font-size:16px;border-color:var(--paper)}.summary{background:var(--panel);padding:30px;border:1px solid #ffffff24;border-radius:7px}.summary h2{margin-top:0}.summary ul{padding-left:20px}.summary li{margin-bottom:12px}.summary code{font-size:14px;color:var(--yellow)}footer{margin-top:30px;font-size:12px;color:#9fa6b1;display:flex;gap:12px;justify-content:space-between}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:6px;width:min(950px,calc(100vw - 28px));max-height:90vh;padding:0}dialog::backdrop{background:#0c1018ce}.dialoghead{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;background:var(--paper);padding:18px 24px;border-bottom:1px solid #a4ae94;z-index:2}.dialoghead h2{font-size:22px;margin:0}.close{font-size:14px;padding:9px 15px;background:#272d37;border:0;color:white;border-radius:4px}.bookcontent{padding:6px 28px 28px;line-height:1.65}.bookcontent p{margin:14px 0}.bookcontent li{margin:5px 0}.bookcontent table{min-width:450px}.bookcontent strong{font-weight:750}button[hidden]{display:none}[hidden]{display:none!important}@media(max-width:1150px){.desk{grid-template-columns:170px minmax(0,1fr) 190px;gap:17px}.paper{padding:22px 19px}.visitor{padding:15px}}@media(max-width:850px){.header,main{padding-left:18px;padding-right:18px}.desk{grid-template-columns:140px minmax(0,1fr)}.decisions{grid-column:1/-1;position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nobook{margin:0}.stamps,.extra{grid-column:1/-1}.stamps{display:flex;gap:8px;flex-wrap:wrap}.stamp{flex:1;min-width:140px;margin:0}.visitor{position:static}.paper{transform:none}.titleline p:last-child{display:none}.toolbar{padding:12px}.counters{gap:12px}}@media(max-width:560px){main{padding:20px 12px}.header{padding:14px 12px;flex-wrap:wrap;gap:12px}.subjects a{padding:7px 10px}.brand{font-size:21px}.tabs{gap:6px}.tab{min-width:145px;flex-basis:45%;padding:11px 9px}.desk{display:flex;flex-direction:column;gap:16px}.visitor{display:grid;grid-template-columns:90px 1fr;gap:0 14px;width:100%;padding:12px}.portrait{grid-row:1/5;margin:0;width:90px}.visitor h2{font-size:18px}.speech{padding-top:0;margin:4px 0 8px;border:0;font-size:14px}.docchip{padding:0;border:0;font-size:12px}.paper{width:100%;padding:18px 13px}.paper-head h2{font-size:19px}.raw dl{grid-template-columns:1fr 1.2fr}.decisions{width:100%}.toolbar{align-items:flex-start}.counters{gap:7px;font-size:13px}.restart{font-size:12px;padding:8px}.paper-foot{flex-wrap:wrap}.row{font-size:16px}.summary{padding:20px}footer{display:block}.bookcontent{padding:8px 18px 22px}.dialoghead{padding:16px 18px}}
/* learning styles */
.desk{grid-template-columns:185px minmax(0,1fr) 250px}.task-goal{font-size:19px;font-weight:700;line-height:1.5;margin:0 0 15px}.case-brief{padding:14px 0;margin:0 0 16px;line-height:1.7}.optiongrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.learn-option{padding:13px 12px;text-align:left;line-height:1.4;font-size:16px;border:1px solid #8e9b86;color:#334534;background:#eeeddb;border-radius:5px;min-height:51px}.learn-option.selected{background:#d8ddbe;border:2px solid #66774b;padding:12px 11px}.learn-option.correct{background:#d3e1c2;border-color:#668353}.learn-option.incorrect{background:#edcdb7;border-color:#a3664c}.learn-option:disabled{opacity:1}.micro-note,.expression-note{font-size:14px;color:#606c56;margin:12px 0}.fraction-task{display:flex;align-items:center;justify-content:center;gap:18px;background:#e8e7d4;border:1px solid #a1af9a;padding:20px;margin:14px 0}.fraction{width:min(230px,70%)}.fraction label{display:flex;align-items:center;gap:12px;font:14px/1.5 monospace}.fraction label input{width:100%;min-width:0;max-width:180px;padding:12px;background:#fffeef;color:#263936;border:1px solid #8f9b81;border-radius:4px;font:18px/1.5 monospace}.fraction-line{border-bottom:2px solid #59664f;margin:12px 0}.coefficient{font:18px/1.5 monospace;white-space:nowrap}.number-task{display:block;margin-top:20px;font-size:14px}.number-task input{display:block;width:100%;padding:13px;font:19px/1.5 monospace;background:#fffdee;color:#263936;border:1px solid #8f9b81;border-radius:4px;margin-top:8px}.selection{border:1px solid #ffffff25;background:#222936;border-radius:4px;padding:13px;margin:18px 0;font-size:14px;line-height:1.5}.selection p{margin:0 0 10px;color:#c2d2c4;font-family:'Plex Mono',ui-monospace,monospace}.selection ul{margin:0;padding-left:17px}.selection li{margin:7px 0}.selection span{color:#9ea4ae}.hintbutton,.clear{border:1px solid #ffffff30;background:transparent;color:#cad7ca;padding:10px 12px;width:100%;font-size:14px;border-radius:4px}.hintbutton{margin-bottom:5px}.hinttext{padding:12px;border-left:3px solid #d9ba69;background:#262d39;font-size:14px;line-height:1.6}.clear{border:0;color:#b9c9bb}.feedback-title{font-size:18px;font-weight:700}.source-note{font:13px/1.6 monospace;color:#b8bec6;border-top:1px solid #ffffff20;padding-top:13px;margin-top:13px!important}.feedback p{line-height:1.65}.sorting-card{border:2px solid #778e63;background:#e6e7cd;border-radius:5px;padding:20px;text-align:center;font-size:22px;font-weight:700;margin:20px 0;cursor:grab}.sorting-card:active{cursor:grabbing}.bin{min-height:85px;border-style:dashed;text-align:center}.chosen-sequence{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed #8a967c;min-height:70px}.chosen-sequence span{font-size:14px;color:#6a745d}.chosen-sequence button{padding:10px;background:#d9dfc4;color:#263936;text-align:left;border:1px solid #879976;border-radius:3px}.subtabs{display:flex;gap:8px;margin:-6px 0 20px;flex-wrap:wrap}.subtabs button{padding:10px 17px;border:1px solid #ffffff30;border-radius:4px;background:transparent;color:#bfc4cc;font-size:14px}.subtabs button[aria-pressed=true]{background:#d3decb;color:#263936;border-color:#d3decb}.toolbar-actions{display:flex;gap:7px;flex-wrap:wrap}.learning-intro{background:#29313e;border-left:3px solid #d9ba69;padding:16px 20px;margin-bottom:20px;line-height:1.7}.paper{transform:rotate(-.25deg)}.summary strong{font-size:16px}@media(max-width:1150px){.desk{grid-template-columns:150px minmax(0,1fr) 215px;gap:16px}.optiongrid{grid-template-columns:1fr}.learn-option{font-size:16px}}@media(max-width:850px){.desk{grid-template-columns:140px minmax(0,1fr)}.decisions{display:block;grid-column:1/-1}.selection{margin:14px 0}.decisions .stamp{max-width:400px;margin-top:14px}.decisions .book{width:auto;min-width:180px}.nobook{margin:12px 0}.hintbutton{width:auto;min-width:160px}.clear{width:auto}.optiongrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.desk{display:flex}.visitor{grid-template-columns:90px 1fr}.decisions{width:100%}.toolbar{flex-wrap:wrap;gap:12px}.toolbar-actions{margin-left:auto}.optiongrid{grid-template-columns:1fr}.fraction-task{padding:18px 10px;gap:10px}.coefficient{font-size:16px}.fraction label{gap:7px}.fraction label input{font-size:16px}.task-goal{font-size:18px}.paper{transform:none}.sorting-card{font-size:20px}.subtabs button{flex:1;min-width:145px}.source-note{font-size:13px}}

.metric-denominator{background:#dce7c7}.metric-numerator{background:#b9d2a5;font-weight:800;box-shadow:inset 0 0 0 2px #56794c}

/* end learning styles */