/* Organic Chemistry Studio ------------------------------------------------- */
.organic-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;margin-bottom:22px}.organic-hero{padding:30px;background:linear-gradient(145deg,rgba(122,167,255,.10),rgba(10,23,33,.98));border-color:rgba(122,167,255,.32)}.organic-hero h2{font-size:32px;margin:8px 0 10px}.organic-hero p:not(.eyebrow){color:var(--muted);line-height:1.6;max-width:760px}.organic-bridge{padding:24px}.organic-bridge h3{margin:7px 0 10px;font-size:20px}.organic-bridge p{color:var(--muted);line-height:1.55}.organic-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.organic-tab{border:1px solid var(--border);background:#0a1722;color:#9db2bf;border-radius:12px;padding:12px 14px;text-align:left;cursor:pointer;min-height:72px}.organic-tab strong{display:block;color:#dce9f0}.organic-tab small{display:block;margin-top:4px}.organic-tab.active{border-color:rgba(122,167,255,.6);background:rgba(122,167,255,.08)}.organic-tab.active strong{color:#fff}.organic-tool-panel{display:none}.organic-tool-panel.active{display:block}.organic-tool-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:18px}.organic-visual{padding:0;overflow:hidden}.organic-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--border)}.organic-toolbar .grow{flex:1}.organic-toolbar label{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.organic-toolbar select,.organic-toolbar input[type=range]{accent-color:var(--accent2)}.organic-toolbar select{background:#091722;color:#fff;border:1px solid var(--border);border-radius:9px;padding:8px 10px}.organic-stage{min-height:440px;background:radial-gradient(circle at 50% 40%,#132b3d 0,#07121b 72%);display:grid;place-items:center;padding:16px}.organic-stage svg{width:100%;height:auto;max-height:420px}.organic-info{display:grid;gap:14px;align-content:start}.organic-info .panel{padding:22px}.organic-info h3{margin:7px 0}.organic-info p{color:var(--muted);line-height:1.55}.organic-metric{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid rgba(29,50,66,.65)}.organic-metric:last-child{border-bottom:0}.organic-metric span{color:var(--muted);font-size:11px}.organic-metric strong{text-align:right;font-size:13px}.organic-actions{display:flex;gap:8px;flex-wrap:wrap}.organic-button{border:1px solid var(--border);background:#0b1a25;color:#d8e7ef;border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:700}.organic-button:hover{border-color:#45677c}.organic-button.primary{background:var(--accent2);border-color:var(--accent2);color:#07111a}.organic-button.ghost{background:transparent}.organic-answer-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.organic-answer{border:1px solid var(--border);background:#0a1722;color:#d4e0e7;border-radius:10px;padding:12px;cursor:pointer;font-size:16px;font-weight:800}.organic-answer.selected{border-color:var(--accent2);background:rgba(122,167,255,.09)}.organic-answer.correct{border-color:var(--accent);background:rgba(98,230,207,.08)}.organic-answer.wrong{border-color:var(--danger);background:rgba(255,139,139,.08)}.organic-feedback{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.55}.organic-feedback.good{color:var(--accent)}.organic-feedback.bad{color:var(--danger)}.organic-counter{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:5px 8px}.formula-chip{display:inline-flex;border:1px solid rgba(122,167,255,.25);background:rgba(122,167,255,.07);color:#b9d0ff;border-radius:999px;padding:6px 9px;font-weight:700;font-size:12px}

/* Stereochemistry */
.stereo-line{stroke:#b8cad5;stroke-width:6;stroke-linecap:round}.stereo-wedge{fill:#9fb7c7}.stereo-dash{stroke:#9fb7c7;stroke-width:3;stroke-linecap:round}.stereo-center{fill:#162f42;stroke:#7aa7ff;stroke-width:2}.stereo-center-label{fill:#fff;font:800 15px system-ui}.stereo-group-label{fill:#edf6fb;font:800 16px system-ui}.priority-dot{fill:#62e6cf}.priority-label{fill:#061712;font:900 11px system-ui}.stereo-legend{fill:#6f8999;font:600 10px system-ui}

/* Newman */
.newman-bond{stroke-linecap:round}.newman-bond.front{stroke:#edf6fb;stroke-width:5}.newman-bond.back{stroke:#7190a3;stroke-width:5}.newman-back-carbon{fill:#0b1924;stroke:#718d9f;stroke-width:5}.newman-front-carbon{fill:#edf6fb}.newman-label{fill:#bdccd5;font:700 14px system-ui}.newman-label.major{fill:#62e6cf;font-weight:900}.newman-view-label{fill:#6d8798;font:700 10px system-ui;letter-spacing:.08em}.newman-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.newman-presets button{border:1px solid var(--border);background:#0a1722;color:#b9c8d1;border-radius:8px;padding:8px;cursor:pointer}.newman-presets button:hover{border-color:#486a80}.energy-bar{height:9px;background:#172a38;border-radius:999px;overflow:hidden;margin-top:10px}.energy-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold),var(--danger));transition:width .2s ease}

/* Chair */
.chair-ring{fill:none;stroke:#dbe8ef;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.chair-carbon{fill:#10283a;stroke:#62e6cf;stroke-width:2}.chair-number{fill:#728b9b;font:700 10px system-ui}.chair-sub-bond{stroke:#7aa7ff;stroke-width:7;stroke-linecap:round}.chair-sub-label{fill:#bcd1ff;font:900 15px system-ui}.chair-orientation{fill:#62e6cf;font:800 11px system-ui;letter-spacing:.08em}.diaxial-line{stroke:#ff9f72;stroke-width:4;stroke-dasharray:6 6}.diaxial-label{fill:#ffb28f;font:800 12px system-ui}.chair-preference{padding:12px;border:1px solid rgba(98,230,207,.2);background:rgba(98,230,207,.05);border-radius:10px;color:#bcd0db!important}

/* Mechanism trainer */
.mechanism-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}.mechanism-stage{min-height:370px}.chem-big{fill:#edf6fb;font:800 25px system-ui}.lone-pair{fill:#62e6cf;font:900 19px system-ui}.charge{fill:#62e6cf;font:900 16px system-ui}.plus-sign{fill:#7892a2;font:600 26px system-ui}.mech-hotspot{fill:transparent;stroke:rgba(122,167,255,.0);stroke-width:2}.curved-arrow{fill:none;stroke:#62e6cf;stroke-width:5;stroke-linecap:round}.arrow-head{fill:#62e6cf}.mechanism-caption{fill:#7e96a5;font:600 10px system-ui}.mech-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mech-choice{width:100%;border:1px solid var(--border);background:#0a1722;color:#d4e1e8;border-radius:9px;padding:10px;text-align:left;cursor:pointer;margin-top:7px}.mech-choice strong{display:block;font-size:12px}.mech-choice small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}.mech-choice.selected{border-color:var(--accent2);background:rgba(122,167,255,.08)}.mechanism-selection{margin:12px 0;padding:10px;border-radius:9px;background:#091722;color:#aebfca;font-size:11px}.mechanism-equation{font-size:18px;font-weight:800;margin:8px 0;color:#e5f0f5}

@media(max-width:1100px){.organic-intro,.organic-tool-grid,.mechanism-layout{grid-template-columns:1fr}.organic-tabs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.organic-tabs{grid-template-columns:1fr}.organic-stage{min-height:330px;padding:8px}.mech-columns{grid-template-columns:1fr}.organic-toolbar{align-items:stretch}.organic-toolbar>*{max-width:100%}.organic-answer-row{grid-template-columns:1fr 1fr}.newman-presets{grid-template-columns:repeat(2,1fr)}}