.beginner-guide{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:20px 23px;background:var(--lab-soft);border:1px solid var(--lab-line);border-radius:12px;margin:22px 0 12px;font-family:var(--sans)}
.beginner-guide>div{min-width:0}.beginner-guide>div+div{border-left:1px solid var(--lab-line);padding-left:23px}
.beginner-guide h4{font:500 12px/1.6 var(--sans);color:var(--lab-accent);margin:0 0 8px;letter-spacing:0}
.beginner-guide p{font:400 13px/1.8 var(--sans);margin:0!important}
.beginner-background,.beginner-terms{font:400 12px/1.8 var(--sans);margin:12px 0 25px;color:var(--lab-muted)}
.beginner-background summary,.beginner-terms summary,.beginner-formula summary,.logic-formula summary{cursor:pointer;color:var(--lab-accent,var(--accent));font:400 11px/1.8 var(--sans);width:fit-content}
.beginner-background p.soft{font:400 13px/1.8 var(--sans);margin:14px 0}
.beginner-terms{border-top:1px solid var(--lab-line);padding-top:18px;margin:25px 0 0}
.beginner-terms dl{display:grid;gap:13px}.beginner-terms dl>div{display:grid;grid-template-columns:minmax(90px,.6fr) minmax(0,1.4fr);gap:18px}
.beginner-terms dt{font-weight:500;color:var(--ink)}.beginner-terms dd{margin:0}
.beginner-lab>div:not(.logic-world){font-family:var(--sans);font-size:14px;line-height:1.8}
.beginner-lab>div p{font:400 14px/1.8 var(--sans)}
.beginner-lab :not(.lab)>.labk{font:400 12px/1.8 var(--sans);text-transform:none;letter-spacing:0;color:var(--lab-muted)}
.beginner-lab code{overflow-wrap:anywhere}
.beginner-lab th[data-beginner-header]{white-space:normal!important;min-width:100px;line-height:1.6!important}
.beginner-lab .readout{line-height:1.8}
.beginner-notation{font-family:var(--sans);font-size:.92em;line-height:1.8;text-transform:none;letter-spacing:0}
.beginner-reading{color:var(--ink)}
.notation-toggle{display:inline-block;vertical-align:baseline;background:none;border:0;border-bottom:1px dotted var(--gold);border-radius:0;padding:0;margin:0 5px;color:var(--lab-accent,var(--accent));font:400 10px/1.6 var(--sans);cursor:pointer;min-height:24px}
.notation-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.beginner-notation>code:not([hidden]){display:block;padding:8px 10px;margin:6px 0;background:var(--bg-alt);border-radius:6px;max-width:100%;white-space:normal}
.beginner-notation>code[hidden]{display:none!important}
.beginner-formula,.logic-world details.logic-formula{display:block;border-top:1px solid var(--lab-line);padding-top:10px;margin-top:10px;font-family:var(--sans)}
.beginner-formula>code,.logic-world details.logic-formula>code{display:block;margin-top:10px;min-width:0!important;white-space:normal;overflow-wrap:anywhere}
.logic-lab .logic-claim>.beginner-formula{grid-column:1/-1;grid-row:3}
.logic-lab .logic-claim>.labk{grid-column:1/-1;grid-row:1}
.logic-lab .logic-symbol{font-size:12px}
.beginner-input-reading{font:400 12px/1.8 var(--sans)!important;color:var(--lab-muted);margin:10px 0 16px!important}
.beginner-input-reading:empty{display:none}
.logic-lab .logic-exercise .beginner-notation code{font-size:12px}
@media(max-width:600px){
 .beginner-guide{grid-template-columns:1fr;gap:16px;padding:17px}
 .beginner-guide>div+div{border-left:0;border-top:1px solid var(--lab-line);padding:15px 0 0}
 .beginner-guide p,.beginner-lab>div p{font-size:12px}
 .beginner-terms dl>div{grid-template-columns:1fr;gap:3px}
 .beginner-lab .lab-table-scroll td,.beginner-lab .lab-table-scroll th{font-size:11px;padding:9px}
}
