/* Scoped addition: the stable report and shared board styles stay unchanged. */
.lab-research{margin-block:24px;border:1px solid #bccec8;border-radius:22px;background:#fcfaf6;overflow:hidden;scroll-margin-top:90px;color:#153e3b}
.lab-research>summary{padding:24px;cursor:pointer;font-size:1.2rem;font-weight:750;background:linear-gradient(110deg,#e7f3ed,#f9f0da)}
.lab-research>summary small{display:block;font-size:.85rem;font-weight:450;margin-top:5px}
.lab-research [data-research-body]{padding:clamp(16px,3vw,28px)}
.lab-research [hidden]{display:none!important}
.lab-research p{line-height:1.65;overflow-wrap:anywhere}
.lab-research h3{margin:28px 0 12px;font-size:1.25rem}
.lab-research h4{font-size:1.1rem;margin:12px 0}
.lab-research h5{font-size:.95rem;margin:22px 0 6px;color:#806124}
.lab-research .research-note{font-size:.85rem;color:#526c66}
.lab-research .research-stats{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.lab-research .research-stats span{flex:1 1 150px;border:1px solid #d7e3dc;border-radius:12px;padding:16px;background:white}
.lab-research .research-stats strong{font-size:1.6rem;display:block;color:#147568}
.lab-research .research-patterns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.lab-research .research-patterns article{padding:18px;border:1px solid #d7e3dc;border-radius:14px;background:white}
.lab-research .research-tag{font-size:.76rem;letter-spacing:.035em;font-weight:700;color:#236b60}
.lab-research .research-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:20px;align-items:start}
.lab-research .research-layout>div,.lab-research .research-layout>section{min-width:0}
.lab-research .research-board-wrap{padding:8px 18px 24px;max-width:480px;margin:auto}
.lab-research .research-board{position:relative;width:100%;aspect-ratio:1}
.lab-research .research-board coords{position:absolute;display:flex;color:#285c49;font-size:12px;line-height:1;font-weight:650}
.lab-research .research-board coords.ranks{left:-18px;top:0;height:100%;width:16px}
.lab-research .research-board coords.files{left:0;bottom:-19px;width:100%;height:17px}
.lab-research .research-picker{display:block;margin-top:18px}
.lab-research select{width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid #b5c8bf;border-radius:10px;background:white;color:#153e3b;text-overflow:ellipsis}
.lab-research .lab-actions{gap:8px;margin-top:12px;flex-wrap:wrap}
.lab-research button{white-space:normal;min-height:44px;max-width:100%}
.lab-research .research-status{padding:14px;border-left:3px solid #b79751;background:#f3eddf;border-radius:4px}
.lab-research .research-line{padding:12px 0;border-top:1px solid #dce5de}
.lab-research .research-line>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.lab-research [data-research-attempt]{padding:18px;border:1px solid #97b4c4;border-left:4px solid #376781;border-radius:12px;background:#edf4f9;margin:18px 0;color:#233e50}
.lab-research [data-research-attempt] h4{margin-top:0}
.lab-research [data-research-step][aria-current="true"]{background:#236b60;color:white;border-color:#236b60;box-shadow:0 0 0 2px #d8e8dc}
.lab-research .research-original{margin-top:22px;border-top:1px solid #d7e3dc;padding-top:16px}
.lab-research details>summary{cursor:pointer;min-height:44px;padding:8px 0}
.lab-research [data-research-lesson]{margin-top:22px}
.lab-research :is(button,select,summary):focus-visible{outline:3px solid #9c6823;outline-offset:3px}
.lab-research .lab-turn{display:inline-flex;gap:4px;flex-wrap:wrap}
.lab-research .research-layout:has([data-research-answer][hidden]){grid-template-columns:minmax(0,550px);justify-content:center}
@media(max-width:900px){.lab-research .research-layout{grid-template-columns:minmax(0,1fr)}.lab-research>summary{padding:18px}.lab-research .research-board-wrap{max-width:440px}}

/* A case is a destination: context, board, explanation and lesson stay connected. */
.lab-research{overflow:clip;--research-scroll-offset:96px}
.lab-research :is([data-research-workspace],[data-research-heading],[data-research-board-anchor],[data-research-answer],[data-research-cases],[data-research-open]){scroll-margin-top:var(--research-scroll-offset)}
.lab-research .research-patterns article{display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}
.lab-research .research-patterns article .lab-actions{margin-top:auto;padding-top:8px}
.lab-research .research-patterns article.is-current{border-color:#247767;box-shadow:inset 0 3px #247767;background:#f2f8f4}
.lab-research [data-research-open][aria-current=true]{background:#176d5c;color:#fff;border-color:#176d5c}
.lab-research .research-workspace{margin-top:32px;padding:clamp(16px,2.5vw,26px);border:1px solid #b8cec3;border-radius:18px;background:#fff;box-shadow:0 12px 34px #17473708}
.lab-research .research-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dfE7e1;padding-bottom:18px}
.lab-research .research-workspace-head h3{font-size:clamp(1.25rem,2.3vw,1.7rem);margin:6px 0 0;line-height:1.2}
.lab-research .research-mode-help{color:#45625a;font-size:.91rem;margin:16px 0}
.lab-research .research-navigation{display:flex;flex-wrap:wrap;gap:8px}
.lab-research .research-navigation [data-research-mode]{margin-left:auto;background:#153e3b;border-color:#153e3b;color:#fff}
.lab-research .research-picker{font-size:.82rem;color:#526c66;margin:20px 0 0}
.lab-research .research-picker select{margin-top:6px;font-size:.9rem}
.lab-research .research-layout{gap:clamp(20px,3vw,36px);margin-top:24px}
.lab-research .research-context{font-weight:650;font-size:.9rem;margin:0 0 12px;line-height:1.4}
.lab-research .research-board-wrap{max-width:440px;padding-top:0}
.lab-research .research-board{border-radius:3px;box-shadow:0 8px 22px #123e331c}
.lab-research .research-board-actions{margin-bottom:0}
.lab-research .research-board-actions button{font-size:.85rem;flex:1 1 auto}
.lab-research [data-research-answer-link]{color:#176d5c;background:#edf5ef;border-color:#b8cec3}
.lab-research .research-practice{margin-top:20px;border-top:1px solid #dce6df;padding-top:18px}
.lab-research [data-research-answer]{padding:0 0 8px}
.lab-research [data-research-answer]>h4{font-size:1.3rem;line-height:1.3;margin-top:8px}
.lab-research [data-research-answer] h5 span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:6px;border-radius:50%;background:#f1e8d2;color:#6d521e;font-size:.72rem}
.lab-research [data-research-answer]>p{font-size:.94rem;margin:8px 0 16px}
.lab-research [data-research-lesson]{margin-top:24px}
.lab-research :is([data-research-workspace],[data-research-heading],[data-research-board-anchor],[data-research-answer],[data-research-cases]):focus{outline:none}
.lab-research [data-research-board-anchor]:focus-visible{outline:2px solid #247767;outline-offset:7px;border-radius:4px}
@media(min-width:1100px) and (min-height:760px){.lab-research .research-board-column:has([data-research-practice][hidden]){position:sticky;top:96px}}
@media(max-width:900px){.lab-research .research-workspace{padding:16px}.lab-research .research-workspace-head{align-items:flex-start;flex-wrap:wrap}.lab-research .research-navigation [data-research-mode]{margin-left:0;flex:1 1 100%}.lab-research [data-research-answer]{border-top:1px solid #dce6df;padding-top:22px}}
@media(max-width:480px){.lab-research [data-research-body]{padding:12px}.lab-research .research-workspace{padding:12px;margin-inline:-4px}.lab-research .research-board-wrap{padding-left:18px;padding-right:0}.lab-research .research-navigation>button:not([data-research-mode]){flex:1}.lab-research .research-board-actions button{flex:1 1 40%}.lab-research .research-workspace-head [data-research-back]{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.lab-research .research-patterns article{transition:none}}