.sol-page{flex-direction:column;gap:22px;max-width:1240px;display:flex}.sol-hero h1{margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15}.sol-lead{max-width:78ch;color:var(--muted);margin:0;line-height:1.6}.sol-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sol-search{border:1px solid var(--line);background:var(--surface);width:min(430px,100%);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.sol-search input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:11px 0}.sol-search input:focus{outline:none}.sol-search:focus-within{border-color:var(--focus)}.sol-search-clear{background:var(--surface-2);width:26px;height:26px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.sol-match-count{color:var(--muted);margin:0;font-size:.92rem}.sol-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (min-width:1180px){.sol-layout{grid-template-columns:minmax(0,1fr) 300px}}.sol-table-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.sol-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.sol-table{border-collapse:collapse;width:100%;min-width:860px;font-size:.9rem}.sol-table th,.sol-table td{border:1px solid var(--line);text-align:center;padding:0}.sol-table thead th{z-index:2;background:var(--surface-2);white-space:nowrap;padding:9px 6px;font-weight:700;position:sticky;top:0}.sol-table tbody th{z-index:1;background:var(--surface-2);white-space:nowrap;padding:6px 10px;font-weight:700;position:sticky;left:0}.sol-corner{position:sticky;left:0;z-index:3!important}.sol-corner span{color:var(--muted);text-align:right;font-size:.72rem;font-weight:600;display:block}.sol-corner span:last-child{text-align:left}.sol-table tbody tr:hover th,.sol-table tbody tr:hover td,col.sol-col--hot{background:#167b7312}.sol-head--hot{background:#167b7329!important}.sol-cell{width:100%;min-width:44px;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-weight:700;display:grid}.sol-cell--t{color:#0f766e}.sol-cell--i{color:#b45309}.sol-cell--k{color:#be123c}.sol-cell--none{color:var(--muted);font-weight:500}.sol-cell--water{color:var(--muted);font-size:.78rem;font-weight:600}.sol-cell.is-selected{outline:2px solid var(--focus);outline-offset:-2px;background:#167b7324}.sol-cell-dim .sol-cell{opacity:.16}.sol-legend{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);flex-wrap:wrap;gap:10px 18px;padding:12px 16px;font-size:.88rem;display:flex}.sol-legend-item{align-items:center;gap:7px;display:inline-flex}.sol-swatch{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;place-items:center;width:24px;height:24px;font-size:.85rem;font-weight:700;display:grid}.sol-detail{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:8px;padding:20px;display:flex;position:sticky;top:16px}@media (max-width:1179px){.sol-detail{order:-1;position:static}}.sol-detail-formula{letter-spacing:.01em;margin:0;font-size:1.7rem;font-weight:700}.sol-detail-name{color:var(--muted);margin:0}.sol-detail-name:first-letter{text-transform:uppercase}.sol-status{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-self:flex-start;margin:2px 0 0;padding:5px 12px;font-size:.9rem;font-weight:600}.sol-detail-volatility{color:var(--muted);margin:0;font-size:.9rem}.sol-detail-ions{color:var(--muted);margin:4px 0 0;font-size:.92rem}.sol-detail-ions span{color:var(--ink);font-weight:600}.sol-detail-note{border-top:1px dashed var(--line);margin:6px 0 0;padding-top:10px;font-size:.94rem;line-height:1.55}.sol-color-dot{border:1px solid var(--line);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:7px;display:inline-block}.sol-detail-hint{color:var(--muted);margin:0;line-height:1.55}.sol-help{max-width:86ch}.sol-help h2{margin:22px 0 10px;font-size:clamp(1.15rem,2.2vw,1.4rem)}.sol-help p,.sol-help li{color:var(--ink);line-height:1.65}.sol-help ul{flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}
