.lab-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:30px 0}.lab-tabs a{border:2px solid #151515;padding:17px 12px;text-decoration:none;font-weight:900;background:#fff}.lab-tabs a small{display:block;font-size:11px;letter-spacing:2px;margin-bottom:7px;color:#67645e}.lab-tabs a.active{background:#3154ff;color:white;box-shadow:4px 4px #151515}.lab-tabs a.active small{color:#dce3ff}.lab-pick{display:flex;gap:18px;align-items:flex-end;margin:24px 0}.lab-pick .field{flex:1;margin:0;min-width:0}.lab-pick select{width:100%;max-width:100%}.recall-stage{border:2px solid #151515;background:#fff9e9;padding:34px;box-shadow:7px 7px #ffbd4f}.stage-title{display:flex;justify-content:space-between;gap:15px;border-bottom:2px solid #151515;padding-bottom:18px}.stage-title span{font-weight:950}.stage-title b{font-size:10px;letter-spacing:1px}.recall-stage h2{font-size:30px;line-height:1.5;margin:25px 0 15px}.recall-stage>p{line-height:1.9;max-width:800px}.recall-stage .field{margin:22px 0}.recall-stage textarea{background:#fff;font-size:16px;line-height:2}.check-outline{display:grid;gap:12px;margin:25px 0}.check-outline>label{display:flex;gap:15px;padding:19px;border:1.5px solid #151515;background:#fff8e8;align-items:flex-start}.check-outline input{margin-top:7px;flex:none}.check-outline>label>span{line-height:1.95}.check-outline b{display:block;color:#a76500;font-size:18px}.lab-terms{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lab-terms details{background:#eff2ff;padding:17px;border:1.5px solid #3154ff}.lab-terms summary{font-weight:900;cursor:pointer}.lab-terms p{font-size:13px;line-height:1.9}.lab-fieldset{margin:25px 0;padding:20px;border:1.5px solid #151515}.lab-fieldset legend{font-weight:900;padding:0 8px}.recall-history{margin:16px 0;border:1.5px solid #151515;padding:20px;background:#fff}.recall-history>div{display:flex;gap:20px;align-items:center}.recall-history>div>span{font-size:11px;color:#656565}.recall-history p{line-height:1.8}.recall-history small{display:block;margin:10px 0}.collision-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px}.collision-index{border:2px solid #151515;background:white;padding:18px;align-self:start}.collision-index h2{font-size:18px;line-height:1.5}.collision-index>button{display:flex;gap:10px;width:100%;text-align:left;background:#f5f3eb;border:1px solid #b9b5aa;padding:13px 9px;margin:8px 0;align-items:center;color:#151515;cursor:pointer;font-weight:800}.collision-index>button>b{font-size:12px}.collision-index>button small{display:block;font-size:10px;margin-top:5px;font-weight:500}.collision-index>button.active{background:#3154ff;border-color:#151515;color:white;box-shadow:3px 3px #151515}.collision-card{border:2px solid #151515;box-shadow:6px 6px #3154ff;background:white;padding:30px}.collision-card>h2{font-size:29px;line-height:1.5;margin:24px 0}.concept-duel{display:grid;grid-template-columns:1fr 35px 1fr;align-items:stretch;gap:10px;margin:24px 0}.concept-duel article{padding:20px;border:1.5px solid #3154ff;background:#eff2ff}.concept-duel article:last-child{border-color:#ce8b17;background:#fff5d9}.concept-duel article>span{font-size:35px;font-weight:950;color:#3154ff}.concept-duel article:last-child>span{color:#a96b00}.concept-duel h3{font-size:20px;line-height:1.5}.concept-duel p{font-size:13px;line-height:2}.concept-duel b{font-size:11px}.versus{align-self:center;font-size:12px;font-weight:950;transform:rotate(-10deg)}.case-scenario{background:#f4f1e8;padding:23px;border:1.5px solid #151515;margin:25px 0}.case-scenario>span{display:inline-block;color:white;background:#151515;padding:3px 9px;font-size:10px}.case-scenario p{line-height:2}.case-scenario h3{font-size:16px;line-height:1.8}.case-options{display:grid;gap:12px}.case-options button{display:flex;gap:13px;text-align:left;padding:15px;border:1.5px solid #151515;background:white;font:inherit;font-size:13px;line-height:1.7;color:#151515;cursor:pointer}.case-options button>b{font-size:19px}.case-options button.correct{border-color:#18815e;background:#dcf3e4}.case-options button.wrong{border-color:#c24048;background:#ffe6e6}.case-options button:disabled{cursor:default;opacity:1}.case-result{border:2px solid #c24048;background:#fff0ec;padding:24px;margin:20px 0;line-height:2}.case-result.is-correct{border-color:#16805e;background:#ebf8ee}.case-result p{font-size:14px}.collision-boundary{border-bottom:2px solid #151515;padding:20px 0;font-size:13px;line-height:1.95}.collision-boundary summary{font-weight:900;cursor:pointer}.compose-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;margin-top:28px}.compose-source{align-self:start;position:sticky;top:20px;padding:23px}.compose-source h2{font-size:20px}.compose-source .field{margin:20px 0}.compose-source select{width:100%;min-width:0}.compose-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #151515;padding-bottom:12px;gap:12px}.compose-toolbar h2{font-size:25px}.compose-toolbar span{white-space:nowrap;font-size:11px;font-weight:800}.compose-block{margin:20px 0;border:2px solid #151515;background:white;box-shadow:4px 4px #d4d0c5;padding:20px}.compose-block header{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;gap:10px}.compose-block header>div{display:flex;gap:5px}.compose-block header button{width:30px;height:30px;background:#f3f1e9;border:1px solid #151515;cursor:pointer}.compose-block textarea{width:100%;resize:vertical;box-sizing:border-box;border:0;border-bottom:1px solid #c6c1b4;margin:15px 0;padding:10px 0;font:inherit;font-size:15px;line-height:1.9;display:block}.compose-block>small{font-size:10px}.compose-hints{border-top:2px solid #151515;padding-top:20px;margin-top:25px}.compose-hints b{display:block;font-size:12px;margin-bottom:12px}.compose-hints button{border:1px solid #151515;background:#fff5d9;padding:8px 12px;margin:5px 3px 5px 0;font-size:11px;cursor:pointer}.saved-compose{display:flex;gap:10px;align-items:center;border-top:1px solid #bfb9ac;padding:15px 0}.saved-compose>span{flex:1;font-size:13px;line-height:1.7}.saved-compose small{font-size:10px}.passport{border:2px solid #151515;background:white;padding:35px;box-shadow:7px 7px #3154ff}.passport>header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #151515;padding-bottom:25px;margin-bottom:30px}.passport h2{font-size:30px;line-height:1.5}.passport header p{font-size:12px;color:#666}.passport-stamp{display:grid;place-content:center;text-align:center;width:85px;height:85px;border:4px double #c33c46;color:#c33c46;transform:rotate(9deg);font-size:23px;line-height:1.2;flex-shrink:0}.passport-flow{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:10px;align-items:center}.passport-flow>a{border:1.5px solid #151515;text-decoration:none;color:#151515;background:#fff3d5;padding:20px;display:grid;gap:12px;height:100%;box-sizing:border-box}.passport-flow>a:nth-of-type(2){background:#edf1ff}.passport-flow>a:nth-of-type(3){background:#ecf5e9}.passport-flow small{font-size:10px}.passport-flow strong{font-size:16px}.passport-flow a>span{font-size:10px;line-height:1.7}.passport-flow>span{font-size:20px;font-weight:950}.passport-summary{border-left:5px solid #3154ff;background:#f3f5ff;padding:25px;margin:25px 0;line-height:2}.passport-summary b{font-size:11px;background:#3154ff;color:#fff;padding:4px 8px}.passport-summary p{font-size:14px}.passport .split{margin:30px 0;gap:30px}.passport .split h3{font-size:17px}.passport .split p{font-size:13px;line-height:1.95;border-bottom:1px solid #ccc6b8;padding-bottom:15px}.learning-route{border:2px solid #151515;padding:30px;background:white;box-shadow:6px 6px #3154ff}.learning-route h2{font-size:30px}.method-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid #151515;margin-top:25px}.method-track>a{border-right:1px solid #c7c2b6;color:#151515;padding:22px 17px;text-decoration:none}.method-track>a:last-child{border:0}.method-track b{font-size:30px;color:#3154ff}.method-track h3{font-size:22px}.method-track p{font-size:12px;line-height:1.95}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.method-grid article{border:1.5px solid #151515;padding:22px;background:#fff7e1}.method-grid h3{font-size:17px}.method-grid p{font-size:13px;line-height:1.9}.method-sources{border-top:2px solid #151515;padding-top:20px;font-size:12px;line-height:2}.method-sources summary{cursor:pointer;font-weight:900}.error-bar{display:grid;grid-template-columns:70px 1fr 25px;gap:15px;align-items:center;margin:22px 0;font-size:12px}.error-bar>div{height:16px;background:#e5e1d6}.error-bar i{height:100%;display:block;background:#3154ff}.error-bar b{text-align:right}.lab-home-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#3154ff;border:2px solid #151515;box-shadow:7px 7px #151515;color:white;padding:40px}.lab-home-banner span{font-size:10px;letter-spacing:2px}.lab-home-banner h2{font-size:42px;line-height:1.35;color:white;margin:20px 0}.lab-home-banner p{font-size:13px}.lab-home-banner .btn{background:#ffbf50;color:#151515;flex-shrink:0}.lab-tabs a:focus-visible,.case-options button:focus-visible{outline:3px solid #ffb844;outline-offset:3px}
@media(max-width:1200px){.collision-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.collision-card{padding:22px}.concept-duel{grid-template-columns:1fr;gap:12px}.versus{text-align:center}.concept-duel article{padding:18px}.compose-layout{grid-template-columns:250px minmax(0,1fr);gap:22px}.passport-flow{grid-template-columns:1fr}.passport-flow>span{transform:rotate(90deg);text-align:center}.method-track{grid-template-columns:repeat(3,1fr)}.lab-tabs a{font-size:12px;padding:14px 9px}}
@media(max-width:760px){.lab-tabs{grid-template-columns:repeat(2,1fr);gap:9px}.lab-tabs a:last-child{grid-column:1/-1}.lab-pick{flex-direction:column;align-items:stretch}.lab-pick select{font-size:13px}.recall-stage{padding:22px;box-shadow:4px 4px #ffbd4f}.recall-stage h2{font-size:24px}.stage-title{flex-direction:column}.lab-terms{grid-template-columns:1fr}.recall-history>div{align-items:flex-start;flex-direction:column;gap:8px}.collision-layout{grid-template-columns:1fr}.collision-index{padding:15px}.collision-index>button{display:inline-flex;width:calc(50% - 6px);vertical-align:top;min-height:75px;margin:4px 2px;padding:10px 6px;font-size:11px}.collision-index>button>b{display:none}.collision-card{padding:20px;box-shadow:4px 4px #3154ff}.collision-card>h2{font-size:24px}.case-scenario{padding:17px}.compose-layout{grid-template-columns:1fr}.compose-source{position:static}.compose-toolbar h2{font-size:22px}.compose-block{padding:17px}.saved-compose{flex-wrap:wrap}.saved-compose>span{flex-basis:100%}.passport{padding:22px;box-shadow:4px 4px #3154ff}.passport h2{font-size:24px}.passport-stamp{width:60px;height:60px;font-size:18px}.passport header{gap:12px}.passport .split{grid-template-columns:1fr}.method-track{grid-template-columns:1fr}.method-track>a{border-right:0;border-bottom:1px solid #c7c2b6;padding:18px 0}.method-track h3{display:inline-block;margin:0 15px}.method-track p{margin:10px 0}.method-grid{grid-template-columns:1fr}.learning-route{padding:22px}.learning-route h2{font-size:25px}.lab-home-banner{padding:25px;flex-direction:column;align-items:flex-start}.lab-home-banner h2{font-size:32px}.check-outline>label{padding:15px;gap:12px}.lab-fieldset{padding:15px}}
