.reaction-main{max-width:1080px}.reaction-tool{padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:36px}.reaction-tool h2{font-size:24px}.reaction-intro{font-size:14px;color:var(--muted)}.reactant-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.reaction-tool fieldset{min-width:0;border:1px solid var(--line);padding:18px;border-radius:10px;margin:0}.reaction-tool legend{font-weight:700;font-size:16px;padding:0 7px}.reaction-tool label{margin:13px 0 7px;font-size:13px}.formula-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}.amount-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px}.reaction-tool input,.reaction-tool select,.reaction-tool textarea{font-size:16px;width:100%;min-width:0}.reaction-tool textarea{font-family:ui-monospace,monospace;line-height:1.7;min-height:100px}.reaction-tool .hint{font-size:12px;line-height:1.6;margin:8px 0 15px}.reaction-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.reaction-actions button{font-size:14px}.reaction-actions button:first-child{background:var(--ink);color:white}.reaction-empty{padding:18px;background:var(--purple-pale);border-radius:8px;font-size:14px}.reaction-output{border-top:1px solid var(--line);padding-top:25px}.reaction-output h3{font-size:20px;margin:25px 0 14px}.reaction-equation{font:600 clamp(18px,3vw,26px)/1.6 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--purple)}.reaction-caption{font-size:12px;letter-spacing:1px;color:var(--muted)}.reaction-limiting{font-size:22px;font-weight:700;margin:16px 0}.reaction-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:8px}.reaction-scroll:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.reaction-scroll table{width:100%;border-collapse:collapse;font-size:13px;min-width:380px}.reaction-scroll.wide table{min-width:620px}.reaction-scroll th,.reaction-scroll td{padding:11px;text-align:left;border-bottom:1px solid var(--line);white-space:normal}.reaction-scroll th{font-size:12px;background:var(--purple-pale)}.reaction-scroll caption{text-align:left;padding:12px;font-size:13px}.reaction-main .info-copy{max-width:790px;margin:auto}.reaction-main .info-copy h3{font-size:21px;margin-top:25px}.reaction-main .info-copy li{margin:10px 0}.reaction-formula{padding:20px;background:var(--purple-pale);border-left:3px solid var(--purple);line-height:1.8}.reaction-sources{font-size:13px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px}.reaction-sources h2{font-size:20px}@media(max-width:680px){.reactant-grid{grid-template-columns:1fr;gap:17px}.reaction-tool{padding:19px}.reaction-tool fieldset{padding:14px}.reaction-main .info-heading h1{font-size:35px}.formula-row{grid-template-columns:80px minmax(0,1fr)}.reaction-actions button{flex:1}.reaction-actions button:first-child{flex-basis:100%}}@media print{.reaction-tool form,.reaction-intro,.reaction-empty{display:none}.reaction-tool{border:0;padding:0}.reaction-scroll{overflow:visible}.reaction-scroll table,.reaction-scroll.wide table{min-width:0;font-size:10px}.reaction-scroll th,.reaction-scroll td{padding:5px}.reaction-output{border:0}.reaction-equation{color:black}}
