.lab-visual{color:#7ce9d3;overflow:visible;flex:none}
.lab-visual .lab-faint{stroke:#819fbc;opacity:.48}
.lab-visual .lab-fill{fill:#5fddcd;stroke:#b4fff0}
.lab-visual .lab-gold{stroke:#f6d28b}
.lab-visual .lab-dark{stroke:#0b2932}
.lab-visual .lab-liquid{fill:rgba(74,220,199,.24);stroke:#67dfcf}
.lab-visual .lab-gold-liquid{fill:rgba(243,196,109,.25);stroke:#f5cf81}
.lab-visual .lab-bench-shadow{fill:#52abcb;stroke:none;opacity:.08}
.lab-visual .lab-bubble{fill:#a0ffee;stroke:none;animation:lab-bubble-rise 3.8s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}
.lab-visual .lab-delay{animation-delay:-1.4s}
.lab-visual .lab-delay-2{animation-delay:-2.6s}
.lab-visual .lab-orbit{animation:lab-molecule-drift 6s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}
.lab-visual .lab-flow{stroke-dasharray:6 9;animation:lab-path-flow 7s linear infinite;animation-play-state:paused}
.lab-visual.lab-motion-on .lab-bubble,.lab-visual.lab-motion-on .lab-orbit,.lab-visual.lab-motion-on .lab-flow{animation-play-state:running}
@keyframes lab-bubble-rise{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-9px);opacity:.95}}
@keyframes lab-molecule-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes lab-path-flow{to{stroke-dashoffset:-60}}
.resource-workbench{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:26px;position:relative;isolation:isolate;overflow:hidden;margin:-4px 0 32px;padding:28px 30px;border:1px solid rgba(116,235,213,.22);border-radius:18px;background:radial-gradient(ellipse at 75% 20%,rgba(72,116,152,.22),transparent 67%),linear-gradient(115deg,#102338,#091522)}
.resource-workbench:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(137,190,210,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(137,190,210,.04) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,#000)}
.workbench-kicker{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#8cf0d7;font-size:15px;font-weight:600;letter-spacing:.05em}
.workbench-kicker:before{content:"";width:7px;height:7px;background:#83eed3;border-radius:50%;box-shadow:0 0 12px rgba(131,238,211,.5)}
.workbench-copy h3{margin:0;color:#f0f7fc;font-size:27px;line-height:1.4;font-weight:500;letter-spacing:-.025em}
.workbench-copy>p:last-of-type{margin:14px 0 0;color:#b7d0dd;font-size:17px;line-height:1.7;max-width:42ch}
.workbench-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.workbench-chips span{color:#d9eee9;padding:5px 10px;border:1px solid rgba(117,218,198,.22);border-radius:30px;font-size:14px;line-height:1.5;background:rgba(43,99,106,.12)}
.lab-workbench-art{display:block;width:100%;height:auto;max-height:235px;filter:drop-shadow(0 0 10px rgba(75,188,192,.15))}
#resource-list .resource-card{position:relative;display:flex;flex-direction:column;padding:25px;border-radius:14px;border-color:rgba(126,176,207,.21);background:linear-gradient(135deg,rgba(16,37,54,.9),rgba(7,20,34,.87));transition:border-color .2s,box-shadow .2s}
#resource-list .resource-card:hover,#resource-list .resource-card:focus-within{border-color:rgba(128,231,214,.48);box-shadow:0 5px 26px rgba(0,0,0,.12)}
.resource-card-head{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:16px;min-width:0}
.resource-symbol{display:flex;align-items:center;justify-content:center;width:70px;height:76px;border-radius:16px;background:radial-gradient(circle at 50% 40%,rgba(86,216,190,.09),rgba(80,140,196,.025));border:1px solid rgba(129,203,210,.11)}
.resource-symbol .lab-icon{width:61px;height:61px}
#resource-list .resource-card-head h3{margin:0;font-size:25px;line-height:1.35}
#resource-list .resource-card-head .resource-use{margin:8px 0 0;color:#c0d6e2;font-size:17px;line-height:1.6}
#resource-list .resource-tags{margin:18px 0 19px;gap:7px;font-size:14px}
#resource-list .resource-tags span{padding:3px 9px;border-radius:20px;background:rgba(80,173,173,.07);border:1px solid rgba(127,200,216,.14);color:#a9d3e2;line-height:1.5}
.resource-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-size:16px;line-height:1.6;color:#8ce9d8;padding:7px 0}
.resource-card-link svg{width:20px;height:20px;flex:none}
.resource-details{margin-top:14px;padding-top:14px;border-top:1px solid rgba(132,184,206,.16)}
.resource-details summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;color:#d2e4ed;font-size:16px;line-height:1.6;min-height:36px}
.resource-details summary::-webkit-details-marker{display:none}
.resource-details summary:after{content:"+";flex:none;color:#8debd8;font-size:24px;line-height:1}
.resource-details[open] summary:after{content:"−"}
.resource-details summary:hover{color:#a2ffee}
.resource-details summary:focus-visible,.resource-card-link:focus-visible{outline:2px solid #a6f4e6;outline-offset:5px;border-radius:3px}
#resource-list .resource-details .resource-description{margin-top:15px;color:#c0d4df;font-size:17px;line-height:1.8}
#resource-list .resource-details .resource-license{font-size:15px;line-height:1.75;color:#a5bfcd;margin-top:15px}
#resource-list .resource-details .resource-meta{font-size:14px;color:#9ab8cc;margin:10px 0 4px}
@media(max-width:1000px){.resource-workbench{grid-template-columns:1fr 1.15fr;gap:10px;padding:24px}.workbench-copy h3{font-size:25px}.resource-card-head{grid-template-columns:60px minmax(0,1fr);gap:12px}.resource-symbol{width:60px;height:67px}.resource-symbol .lab-icon{width:53px;height:53px}}
@media(max-width:800px){.resource-workbench{grid-template-columns:1fr;padding:23px;gap:14px}.workbench-copy h3{font-size:25px}.workbench-copy>p:last-of-type{max-width:55ch;font-size:17px}.lab-workbench-art{max-height:190px}.workbench-chips{margin-top:14px}#resource-list .resource-card{padding:22px}.resource-card-head{grid-template-columns:62px minmax(0,1fr)}.resource-symbol{width:62px;height:70px}#resource-list .resource-card-head h3{font-size:23px}#resource-list .resource-card-head .resource-use{font-size:17px}}
@media(max-width:390px){.resource-workbench{padding:20px 18px}.workbench-copy h3{font-size:23px}.lab-workbench-art{min-width:0}.resource-card-head{grid-template-columns:52px minmax(0,1fr);gap:11px}.resource-symbol{width:52px;height:61px}.resource-symbol .lab-icon{width:47px;height:47px}#resource-list .resource-card{padding:19px 18px}#resource-list .resource-card-head h3{font-size:22px}.workbench-chips span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.lab-visual *{animation:none!important;transition:none!important}.resource-card{transition:none!important}}
@media print{.lab-visual *{animation:none!important}.resource-workbench{color:#183b45;background:#fff;border-color:#9aacb2}.workbench-copy h3,.workbench-copy>p:last-of-type,.workbench-kicker{color:#17343e}.resource-details>div{display:block!important}.resource-details summary{color:#17343e}.resource-details summary:after{display:none}}
