.type-lab-index #content-inner { max-width: 1020px; padding: 22px 24px 64px; }
.type-lab-index #page { width: 100%; padding: 0; background: transparent; box-shadow: none; }
.type-lab-index #page > .page-title, .type-lab-index #page-header .title-seo { display: none; }
#lab-notebook { --lab-ink: #233e39; --lab-text: #51635d; --lab-paper: #fffdf6; --lab-line: #c5cec4; color: var(--lab-ink); }
[data-theme=dark] #lab-notebook { --lab-ink: #e4f1e7; --lab-text: #c4d2c9; --lab-paper: #202b2a; --lab-line: #475c53; }
#lab-notebook :is(h1,h2,h3) { margin: 0; padding: 0; color: inherit; line-height: 1.3; }
#lab-notebook :is(h1,h2,h3)::before { content: none; }
#lab-notebook .lab-cover { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 18px; overflow: hidden; padding: clamp(25px,4.2vw,48px); border: 1px solid #3b6057; border-radius: 16px 16px 3px 3px; color: #fcfae8; background-color: #243e3a; background-image: linear-gradient(90deg, #243e3a 14%, transparent 91%), linear-gradient(#496a5d66 1px,transparent 1px), linear-gradient(90deg,#496a5d66 1px,transparent 1px); background-size: auto, 18px 18px, 18px 18px; }
.lab-label, .lab-section-heading > span, .lab-code, .lab-diagram small { font: 650 .72rem/1.4 ui-monospace, Consolas, monospace; letter-spacing: .12em; }
.lab-label { display: inline-flex; align-items: center; gap: 9px; color: #c1e3cb; }
.lab-label i { width: 7px; height: 7px; border-radius: 50%; background: #e4a47d; }
#lab-notebook .lab-cover h1 { margin: 9px 0 10px; font: 750 clamp(38px,6vw,64px)/1.2 Georgia, 'Songti SC', SimSun, serif; letter-spacing: .08em; }
#lab-notebook .lab-cover p { margin: 0; color: #e5ecdb; font-size: 1rem; line-height: 1.8; }
.lab-schematic { flex: 0 1 190px; width: 22%; max-width: 190px; min-width: 90px; color: #e2edd1; }
.lab-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 28px 2px 14px; }
#lab-notebook .lab-section-heading h2 { font-size: 1.48rem; }
.lab-section-heading > span, .lab-code { color: var(--lab-text); }
.lab-cabinets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
#lab-notebook .lab-item { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--lab-line); border-radius: 5px 5px 14px 14px; color: var(--lab-ink); background: var(--lab-paper); text-decoration: none; transition: transform .17s, border-color .17s; }
#lab-notebook .lab-item:hover { transform: translateY(-3px); border-color: #7c9a87; }
#lab-notebook .lab-item:focus-visible { outline: 3px solid #498e7b; outline-offset: 4px; }
.lab-diagram { position: relative; display: grid; place-items: center; min-height: 116px; border-bottom: 1px solid var(--lab-line); background-image: radial-gradient(#52615240 .9px, transparent .9px); background-size: 8px 8px; }
.lab-diagram svg { width: 215px; height: 83px; }
.lab-diagram small { position: absolute; top: 10px; left: 14px; font-size: .62rem; }
.lab-format .lab-diagram { background-color: #d9e8d8; color: #385e50; }
.lab-pixels .lab-diagram { background-color: #f3dece; color: #7c554a; }
.lab-details { display: flex; flex: 1; flex-direction: column; align-items: start; padding: 19px 24px 22px; }
#lab-notebook .lab-details h3 { margin: 5px 0 7px; font-size: clamp(20px,3vw,26px); }
#lab-notebook .lab-details p { margin: 0 0 16px; line-height: 1.75; color: var(--lab-text); }
.lab-enter { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; font-weight: 700; }
.lab-enter b { font: 500 1.1rem/1 ui-monospace,monospace; }
.lab-note { display: flex; align-items: baseline; gap: 10px; margin-top: 18px; padding: 12px 2px; border-top: 1px dashed var(--lab-line); color: var(--lab-text); font-size: .92rem; }
.lab-note span { color: var(--lab-ink); }
@media (max-width: 650px) { .type-lab-index #content-inner { padding: 12px 14px 45px; } .lab-cabinets { grid-template-columns: 1fr; gap: 14px; } .lab-diagram { min-height: 92px; } .lab-details { padding: 15px 18px 17px; } #lab-notebook .lab-cover { padding: 24px 20px; } .lab-schematic { display: none; } }
@media (prefers-reduced-motion: reduce) { #lab-notebook .lab-item { transition: none; } #lab-notebook .lab-item:hover { transform: none; } }