.chem-page{color:#17324d;margin:1rem 0 2.5rem}.chem-breadcrumb{margin-bottom:.8rem}.chem-breadcrumb a{color:#0e7490;font-weight:700;text-decoration:none}.chem-header h1{color:#102a43;font-size:clamp(1.8rem,4vw,2.45rem);line-height:1.1;margin:.1rem 0 .4rem}.chem-header p{color:#52616f;margin:0}.chem-eyebrow{color:#0e7490!important;font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.chem-layout{align-items:start;display:grid;gap:1rem;grid-template-columns:210px minmax(0,1fr);margin-top:1.2rem}.chem-menu,.chem-workspace{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:1rem}.chem-menu{position:sticky;top:5.5rem}.chem-menu h2{font-size:.9rem;margin:0 0 .65rem}.chem-menu>div{display:grid;gap:.35rem}.chem-menu button{background:#fff;border:1px solid #d5dde6;color:#334155;font-size:.8rem;font-weight:750;text-align:left}.chem-menu button:hover{background:#ecfeff;border-color:#22d3ee}.chem-menu button.is-active{background:#0e7490;border-color:#0e7490;color:#fff}.chem-title{align-items:start;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding-bottom:.7rem}.chem-title p{color:#0e7490;font-size:.7rem;font-weight:850;margin:0;text-transform:uppercase}.chem-title h2{color:#102a43;font-size:1.4rem;margin:.05rem 0}.chem-title>span{background:#cffafe;border:1px solid #67e8f9;border-radius:999px;color:#155e75;font-family:ui-monospace,monospace;font-size:.72rem;font-weight:800;padding:.3rem .6rem}.chem-description{color:#52616f;font-size:.85rem;margin:.8rem 0}.chem-fields{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.chem-fields label{color:#334e68;display:grid;font-size:.77rem;font-weight:800;gap:.25rem}.chem-fields input,.chem-fields select{background:#fff;border:1px solid #aab8c5;border-radius:7px;color:#102a43;font:inherit;min-width:0;padding:.58rem}.chem-fields input:focus,.chem-fields select:focus{border-color:#0891b2;box-shadow:0 0 0 3px rgba(8,145,178,.13);outline:0}.chem-field-wide{grid-column:1/-1}.chem-field-help{color:#627d98;font-size:.69rem;font-weight:500}.chem-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.chem-actions button{background:#0e7490;font-weight:800}.chem-actions button:hover{background:#155e75}.chem-actions .chem-example{background:#cffafe;color:#155e75}.chem-actions .chem-clear{background:#64748b}.chem-error{background:#fef2f2;border-left:4px solid #dc2626;color:#991b1b;font-size:.82rem;font-weight:700;margin-top:.75rem;padding:.65rem .75rem}.chem-results{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.chem-results h3{font-size:1rem;margin:0 0 .65rem}.chem-result-cards{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr))}.chem-result-card{background:linear-gradient(135deg,#ecfeff,#f0fdf4);border:1px solid #a5f3fc;border-radius:8px;padding:.7rem}.chem-result-card span{color:#0e7490;display:block;font-size:.7rem;font-weight:800}.chem-result-card strong{color:#164e63;display:block;font-size:1.12rem;margin-top:.15rem;overflow-wrap:anywhere}.chem-work{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#475569;font-family:ui-monospace,monospace;font-size:.79rem;line-height:1.7;margin-top:.75rem;padding:.75rem}.chem-work p{margin:.15rem 0}.chem-composition{margin-top:.8rem;overflow-x:auto}.chem-composition table{border-collapse:collapse;font-size:.8rem;width:100%}.chem-composition th,.chem-composition td{border-bottom:1px solid #e2e8f0;padding:.48rem .55rem;text-align:right}.chem-composition th:first-child,.chem-composition td:first-child{text-align:left}.chem-composition th{background:#ecfeff;color:#155e75}.chem-notes{background:linear-gradient(120deg,#ecfeff,#f0fdf4);border-radius:9px;margin-top:1rem;padding:1rem 1.2rem}.chem-notes h2{font-size:1.08rem;margin:0 0 .65rem}.chem-notes>div{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.chem-notes p{color:#52616f;font-size:.84rem;line-height:1.55;margin:0}
@media(max-width:850px){.chem-layout{grid-template-columns:1fr}.chem-menu{position:static}.chem-menu>div{display:flex;flex-wrap:wrap}.chem-menu button{flex:1 1 140px;text-align:center}}
@media(max-width:580px){.chem-fields,.chem-result-cards,.chem-notes>div{grid-template-columns:1fr}.chem-field-wide{grid-column:auto}.chem-title{align-items:stretch;flex-direction:column}.chem-title>span{align-self:flex-start}}