#learnView{max-width:1000px;margin-inline:auto}
#learnView [hidden]{display:none!important}
.lawLabHero{padding:24px;border:1px solid #427ba1;border-radius:20px;background:radial-gradient(ellipse at top right,rgba(120,97,197,.2),transparent 65%),linear-gradient(135deg,#09273b,#071824)}
.lawLabHero h1{margin:.25em 0;font-size:clamp(2rem,5vw,3rem)}
.lawLabHero p{max-width:65ch;color:#d0e6f4;line-height:1.55}
.lawLabHero .workspaceEyebrow{color:#acd9ff}
.lawLabChips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.lawLabChips span{padding:6px 10px;border:1px solid #3b718d;border-radius:20px;color:#d9edfc;font-weight:800;font-size:.88rem}
.lawLabBoundaries{font-size:.88rem!important;color:#b1ccdf!important}
#lawLabApp{margin:22px 0}
.lawLabStepTitle{scroll-margin-top:110px;line-height:1.25}
.lawLabStepTitle:focus{outline:0}
.lawLabLessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lawLabLesson,.lawLabRound,.lawLabResults,.lawLabReview{padding:20px;border:1px solid #397595;border-radius:18px;background:#071d2c;color:#e8f4fc}
.lawLabLesson{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.lawLabLesson h3{font-size:1.25rem;margin:8px 0}
.lawLabLesson p{line-height:1.5;margin:8px 0}
.lawLabLesson small{color:#accadd;margin:0 0 18px}
.lawLabLesson .lawLabButton{margin-top:auto;width:100%}
.lawLabLesson .lawLabLessonActions{display:grid;gap:8px;margin-top:auto;width:100%}
.lawLabLessonActions .lawLabButton{margin-top:0}
.lawLabCompletion{color:#b5efd5!important;font-weight:800;font-size:.88rem}
.lawLabProgress{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:16px 0;color:#c9e2f2;line-height:1.5}
.lawLabProgress span{font-size:.9rem}
.lawLabProgress progress{width:100%;height:10px;accent-color:#83cafa}
.lawLabActivities{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin:8px 0 22px}
.lawLabActivity,.lawLabGuide,.lawLabNext{min-width:0;padding:20px;border:1px solid #397595;border-radius:18px;background:#071d2c;color:#e8f4fc}
.lawLabActivity{display:flex;flex-direction:column;align-items:flex-start}
.lawLabActivity h3,.lawLabNext h3{margin:6px 0;font-size:1.2rem}
.lawLabActivity p,.lawLabGuide p,.lawLabNext p{line-height:1.6}
.lawLabActivity .lawLabButton{margin-top:auto;width:100%}
.lawLabContinue{border-color:#70c8a2;background:#092c27}
.lawLabFilters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.lawLabFilter[aria-pressed=true]{background:#225375;border-color:#ade0ff;color:#fff}
.lawLabGuideIntro{color:#d0e6f4;font-size:1.08rem}
.lawLabStoryChip{display:inline-block;margin:0 0 14px;padding:5px 9px;border:1px solid #789bb5;border-radius:8px;color:#e4edf4;font-size:.8rem;font-weight:800;line-height:1.4}
.lawLabPictureStory{min-width:0;margin:20px 0;padding:18px;border:1px solid #7994aa;border-radius:16px;background:#0e293b}
.lawLabStoryFigure{margin:0 0 18px}
.lawLabStoryFigure img{display:block;width:100%;max-width:960px;height:auto;border-radius:10px;background:#153349}
.lawLabStoryFigure figcaption{margin-top:8px;color:#c3d7e5;font-size:.8rem;line-height:1.5}
.lawLabImageUnavailable figcaption::after{content:' · Picture unavailable; read the story below.'}
.lawLabPictureStory h3{margin:8px 0;font-size:1.3rem;line-height:1.4}
.lawLabPictureStory h4{margin:18px 0 12px;font-size:1.05rem;line-height:1.5;overflow-wrap:anywhere}
.lawLabStoryChoices{display:grid;gap:10px;min-width:0}
.lawLabStoryChoice{width:100%;min-width:0;text-align:left;overflow-wrap:anywhere}
.lawLabStoryChoice[aria-pressed=true]{border-color:#ebcf87;background:#243b39;box-shadow:inset 4px 0 #ebcf87}
.lawLabStoryFeedback{margin-top:16px;padding:16px;border:1px solid #82a8c2;border-radius:12px;background:#062034}
.lawLabStoryFeedback h4{margin:0 0 8px}
.lawLabStoryFeedback p{margin:8px 0}
.lawLabStoryFeedback .lawLabSource{margin-bottom:0}
.lawLabStoryAnnouncement{position:absolute;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.lawLabConcept{padding:16px 0;border-top:1px solid #345d76}
.lawLabConcept h3{margin:6px 0}
.lawLabConcept .lawLabSource{font-size:.9rem;margin-bottom:4px}
.lawLabReflection{margin:12px 0 20px;padding:16px;border:1px solid #788458;border-radius:14px;background:#1d2c22}
.lawLabReflection h3{margin:0}
.lawLabReflection summary,.lawLabPrivacy summary{cursor:pointer;font-weight:800;line-height:1.5;padding:8px 0}
.lawLabTakeaway{border-left:3px solid #83cafa;padding-left:14px;margin:20px 0;font-weight:750}
.lawLabGuide>.lawLabPrimary{width:100%}
.lawLabNext{margin-top:18px;border-color:#7da2bd}
.lawLabNext .lawLabButton{width:100%}
.lawLabPrivacy{margin-top:18px;padding:14px 16px;border:1px solid #345d76;border-radius:14px;color:#c4dce9}
.lawLabPrivacy p{line-height:1.6}
.lawLabReset{display:flex;flex-wrap:wrap;gap:8px}
.lawLabReset p{width:100%}
#receiptsFamiliarHome .friendlyShortcuts .lawLabHomeLink{grid-column:1/-1;border-color:#73acd0;background:linear-gradient(125deg,#12334e,#142946);text-align:left}
.lawLabIcon{font-size:2rem}
.lawLabKicker{color:#9ed7fb!important;font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.lawLabButton{min-height:48px;padding:12px 16px;border:1px solid #568caf;border-radius:12px;color:#f0f9ff;background:#0b2c42;font:inherit;font-weight:850;cursor:pointer;line-height:1.35;white-space:normal}
.lawLabButton:hover:not(:disabled){background:#15465f;border-color:#a5d9fa}
.lawLabPrimary{background:linear-gradient(180deg,#176495,#0d4268);border-color:#78bfea}
.lawLabQuiet{background:transparent;padding-inline:10px}
.lawLabButton:disabled{opacity:.55;cursor:default}
#learnView button:focus-visible,#learnView a:focus-visible,#learnView summary:focus-visible{outline:3px solid #f1ce7e;outline-offset:4px}
.lawLabToolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.lawLabCounter,.lawLabScope{color:#b4d4e9;font-size:.9rem}
.lawLabScope{margin-top:18px}
.lawLabRound progress{display:block;width:100%;height:12px;accent-color:#83cafa}
.lawLabRound progress::-webkit-progress-bar{background:#03131e;border-radius:12px}
.lawLabRound progress::-webkit-progress-value{background:#75c8f6;border-radius:12px}
.lawLabRound progress::-moz-progress-bar{background:#75c8f6;border-radius:12px}
.lawLabChoices{padding:0;border:0;min-width:0;margin:16px 0}
.lawLabScenario{font-size:1.1rem;line-height:1.55;margin-bottom:18px;width:100%;max-width:100%}
.lawLabChoice{display:flex;align-items:center;gap:12px;padding:16px;margin:12px 0;border:1px solid #467a98;border-radius:14px;background:#041723;cursor:pointer;line-height:1.5}
.lawLabChoice:has(input:checked){border-color:#e8c872;background:#243329}
.lawLabChoice:has(input:focus-visible){outline:3px solid #f1ce7e;outline-offset:3px}
.lawLabChoice input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#84d0ff}
.lawLabChoice>span:last-child{min-width:0;overflow-wrap:anywhere}
#lawLabApp h2,#lawLabApp h3,#lawLabApp p,#lawLabApp strong{overflow-wrap:anywhere}
.lawLabLetter{color:#b9d7eb;font-weight:900}
.lawLabChoice.lawLabCorrect{border-color:#64d5a4;background:#083b2d}
.lawLabChoice.lawLabIncorrect{border-color:#eda1ae;background:#3c1b2b}
.lawLabHint{padding:12px 14px;border:1px solid #426783;border-radius:12px;margin:14px 0 18px}
.lawLabHint summary,.lawLabReview summary{cursor:pointer;font-weight:800;line-height:1.5}
.lawLabHint p{line-height:1.5;margin-bottom:0}
.lawLabFeedback{margin-top:18px;padding:18px;border:1px solid #b49358;border-radius:14px;background:#2c2819}
.lawLabFeedbackCorrect{border-color:#4eb48b;background:#082e25}
.lawLabFeedback h3{font-size:1.1rem;line-height:1.5;margin-top:0;scroll-margin-top:110px}
.lawLabFeedback h3:focus{outline:0}
.lawLabFeedback p,.lawLabReview p,.lawLabResults p{line-height:1.6}
.lawLabFeedback small{display:block;color:#c9dbe8}
.lawLabSource{display:block;margin:10px 0 16px;color:#a8deff!important;font-weight:800;line-height:1.5;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.lawLabFeedback .lawLabPrimary{width:100%}
.lawLabAnnouncement{font-weight:850;line-height:1.5}
.lawLabResultIcon{color:#f5d388;font-size:3rem}
.lawLabScore{font-size:1.6rem;font-weight:900;color:#c5f3df}
.lawLabResultActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.lawLabReview{margin-top:18px}
.lawLabReview details{padding:14px 0;border-top:1px solid #325b73}
.lawLabReview details:last-child{padding-bottom:0}
.lawLabNote{font-size:.9rem;line-height:1.5;color:#bdd1df}
.lawLabLinks{display:flex;gap:16px;flex-wrap:wrap;padding:12px 2px;line-height:1.5}
@media(max-width:700px){.lawLabLessons{grid-template-columns:1fr}.lawLabHero{padding:18px}.lawLabLesson,.lawLabRound,.lawLabResults,.lawLabReview,.lawLabGuide,.lawLabActivity,.lawLabNext{padding:16px}.lawLabResultActions{flex-direction:column}.lawLabResultActions .lawLabButton{width:100%}.lawLabChoice{padding:14px 12px}.lawLabToolbar{align-items:flex-start}}
@media(max-width:700px){.lawLabPictureStory{padding:12px}.lawLabStoryChoice{padding:12px}.lawLabStoryFeedback{padding:12px}}
body.accessHighContrast #learnView .lawLabPictureStory,body.accessHighContrast #learnView .lawLabStoryFeedback,body.accessHighContrast #learnView .lawLabStoryChoice,body.accessHighContrast #learnView .lawLabStoryChip{background:#000;color:#fff;border-color:#fff}
body.accessHighContrast #learnView .lawLabHero,body.accessHighContrast #learnView .lawLabLesson,body.accessHighContrast #learnView .lawLabRound,body.accessHighContrast #learnView .lawLabResults,body.accessHighContrast #learnView .lawLabReview,body.accessHighContrast #learnView .lawLabChoice,body.accessHighContrast #learnView .lawLabActivity,body.accessHighContrast #learnView .lawLabGuide,body.accessHighContrast #learnView .lawLabNext,body.accessHighContrast #learnView .lawLabReflection,body.accessHighContrast #learnView .lawLabPrivacy,body.accessHighContrast #receiptsFamiliarHome .friendlyShortcuts .lawLabHomeLink{background:#000;color:#fff;border-color:#fff}
.learningStories{margin:18px 0;border:1px solid #447e9a;border-radius:16px;padding:16px;background:#071e2b}
.learningStories summary{cursor:pointer;font-weight:900;min-height:44px;display:flex;align-items:center;line-height:1.5}
.learningStoryCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.learningStoryCard{border:1px solid #447e9a;border-radius:12px;padding:14px;min-width:0}
.learningStoryCard button{display:block;width:100%;margin-top:10px;text-align:left}
.learningStoryChoices{display:grid;gap:12px;margin:18px 0}
.learningStoryChoices button{text-align:left;white-space:normal;min-height:48px}
.learningStoryStep{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.learningStoryCards{grid-template-columns:1fr}}
