#reactions .study-layout,#handbook .study-layout{width:min(1500px,calc(100% - 32px));margin-inline:auto}.study-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.study-overview-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:14px 16px;border:1px solid rgba(148,218,226,.18);border-radius:10px;background:#ffffff0b}.study-overview-card[data-mode="3d"]{border-color:#5eead44d;background:#2dd4bf12}.study-overview-mark{display:grid;place-items:center;min-width:38px;height:28px;padding-inline:8px;border:1px solid rgba(148,218,226,.24);border-radius:7px;color:#dffcf8;background:#0a1c24b3;font-size:12px;font-weight:850;letter-spacing:.02em}.study-overview-card strong,.study-overview-card p{display:block;margin:0}.study-overview-card strong{color:var(--text);font-size:14px}.study-overview-card p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.study-filter-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.study-filter-bar .filter-row{margin:0}.study-filter-bar .filter-chip{min-height:34px;padding:7px 11px;border-radius:8px;transition:transform .14s cubic-bezier(.23,1,.32,1),border-color .16s ease,background-color .16s ease}.study-filter-bar .filter-chip:active{transform:scale(.97)}.study-filter-bar .filter-chip:focus-visible,.reaction-card .primary-action:focus-visible,.handbook-related-action:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.study-result-count{flex:0 0 auto;padding-top:8px;color:var(--muted);font-size:12px;font-weight:750}#reactions .reaction-catalog,#handbook .handbook-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:stretch}#reactions .reaction-card,#handbook .handbook-card{min-width:0;border-radius:12px;background:#ffffff0b;box-shadow:0 12px 28px #00000024}#reactions .reaction-card{grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:14px;padding:17px}#reactions .reaction-card.is-3d-capable{border-color:#5eead452;box-shadow:inset 0 2px #5eead46b,0 12px 28px #00000024}.reaction-card-head{display:grid;gap:9px}.reaction-card-meta{justify-content:flex-start;flex-wrap:wrap}#reactions .reaction-card-meta>span,#reactions .reaction-capability,#reactions .quality-badge,#reactions .reaction-avail-badge{display:inline-flex;align-items:center;min-height:24px;margin:0;padding:3px 7px;border:1px solid rgba(148,218,226,.2);border-radius:6px;color:#cce1ec;background:#08182075;font-size:10px;font-weight:800;letter-spacing:.035em;line-height:1.2;text-transform:uppercase}#reactions .reaction-capability.is-3d{border-color:#5eead461;color:#a7f3e8;background:#0d948824}#reactions .reaction-capability.is-virtual{border-color:#fbbf2457;color:#fde68a;background:#b4530921}#reactions .reaction-card h2{margin:0;color:var(--text);font-size:19px;line-height:1.25}#reactions .reaction-card .equation{margin:0;padding:10px 11px;border:1px solid rgba(148,218,226,.14);border-radius:8px;color:#e8f5fa;background:#0512197a;font-family:"Cambria Math","STIX Two Math",ui-monospace,monospace;font-size:14px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}#reactions .reaction-card dl{grid-template-columns:minmax(88px,auto) 1fr;gap:7px 12px;padding-bottom:2px}.reaction-card-copy{display:grid;align-content:start;gap:7px;margin:0}#reactions .reaction-card-copy p{margin:0;font-size:13px}.reaction-card-copy .reaction-explanation{color:var(--muted)}.reaction-card-actions{display:grid;align-self:end}#reactions .reaction-card .primary-action{min-height:42px;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .16s ease,border-color .16s ease}#reactions .reaction-card .primary-action:active:not(:disabled){transform:scale(.98)}#reactions .reaction-card .primary-action:disabled{cursor:not-allowed;opacity:.68}#reactions .reaction-card.is-unavailable{opacity:1}.study-empty{grid-column:1 / -1;margin:0;padding:26px;border:1px dashed rgba(148,218,226,.22);border-radius:12px;color:var(--muted);background:#ffffff06;text-align:center}#handbook .handbook-card{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:0 13px;padding:17px}#handbook .handbook-card>.handbook-icon{grid-row:1 / span 3;margin-top:1px;color:#b7f6ed;background:#2dd4bf1f;border:1px solid rgba(94,234,212,.24);font-size:12px;font-weight:900}.handbook-card-heading{min-width:0}#handbook .handbook-card small{display:block;margin:0 0 5px}#handbook .handbook-card h2{margin:0;color:var(--text);font-size:18px;line-height:1.25}#handbook .handbook-card>.handbook-summary,#handbook .handbook-card>.handbook-body,#handbook .handbook-card>.handbook-rule,#handbook .handbook-card>.handbook-related{grid-column:1 / -1}#handbook .handbook-card>.handbook-summary{margin:14px 0 0;color:#dbe9f1;font-size:13px;line-height:1.55}.handbook-body{margin-top:14px;padding-top:13px;border-top:1px solid rgba(148,218,226,.12)}.handbook-body strong,.handbook-rule strong{display:block;margin-bottom:6px;color:var(--text);font-size:11px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.handbook-step-list{display:grid;gap:6px;margin:0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.45}.handbook-rule{margin-top:14px;padding:11px 12px;border-left:3px solid #5eead4;border-radius:0 8px 8px 0;color:#dff8f4;background:#2dd4bf14;font-size:12px;line-height:1.5}.handbook-rule p{margin:0}.handbook-related{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(148,218,226,.12)}.handbook-related span{color:var(--muted);font-size:11px;font-weight:750}.handbook-related-action{flex:0 0 auto;min-height:34px;padding:7px 10px;border:1px solid rgba(94,234,212,.3);border-radius:7px;color:#cbfbf4;background:#0d94881f;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .16s ease}.handbook-related-action:active{transform:scale(.97)}body.theme-light .study-overview-card,body.theme-light #reactions .reaction-card,body.theme-light #handbook .handbook-card{border-color:#1e588026;background:#ffffffd6;box-shadow:0 12px 28px #1f4c6e14}body.theme-light .study-overview-card[data-mode="3d"],body.theme-light #reactions .reaction-card.is-3d-capable{border-color:#0d948847;background:#f0fdfae6}body.theme-light .study-overview-mark,body.theme-light #reactions .reaction-card-meta>span,body.theme-light #reactions .reaction-capability,body.theme-light #reactions .quality-badge,body.theme-light #reactions .reaction-avail-badge{color:#27465a;border-color:#1e58802b;background:#e8f2f8c7}body.theme-light #reactions .reaction-capability.is-3d{color:#0f766e;border-color:#0d948840;background:#ccfbf1c7}body.theme-light #reactions .reaction-capability.is-virtual{color:#9a5b08;border-color:#b4530933;background:#fef3c7bf}body.theme-light #reactions .reaction-card .equation{color:#102a43;border-color:#1e588021;background:#e8f2f8a6}body.theme-light #handbook .handbook-card>.handbook-summary,body.theme-light .handbook-rule{color:#23445a}body.theme-light .handbook-rule{background:#ccfbf18c}body.theme-light .handbook-related-action{color:#0f766e;border-color:#0d94883d;background:#ccfbf1a3}@media(hover:hover)and (pointer:fine){.handbook-related-action:hover{background:#0d948838}}@media(max-width:760px){#reactions .study-layout,#handbook .study-layout{width:min(100% - 20px,1500px)}.study-overview{grid-template-columns:1fr}.study-filter-bar{display:grid;gap:8px}.study-filter-bar .filter-row{flex-wrap:nowrap;max-width:100%;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}.study-filter-bar .filter-chip{flex:0 0 auto}.study-result-count{padding-top:0}.handbook-related{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.study-filter-bar .filter-chip,#reactions .reaction-card .primary-action,.handbook-related-action{transition-property:border-color,background-color}.study-filter-bar .filter-chip:active,#reactions .reaction-card .primary-action:active,.handbook-related-action:active{transform:none}}