.compounds{max-width:860px;margin:0 auto;padding:40px 24px 72px}.compounds--wide{max-width:1120px}.compounds .back-link{display:inline-block;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;color:var(--muted);text-decoration:none;margin-bottom:28px}.compounds .back-link:hover{color:var(--ink)}.compounds-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.compounds-topbar .back-link{margin-bottom:0}.ch-classes-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .12s ease}.ch-classes-btn:hover{color:var(--ink)}.compounds-head{margin-bottom:28px}.compounds-head .ch-kicker{font-family:var(--mono);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.compounds-head h1{font-family:var(--mono);font-weight:600;font-size:2rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.05;margin-bottom:14px}.compounds-head .ch-sub{font-size:.95rem;line-height:1.6;color:#2c2c30;max-width:72ch}.compounds-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--hair);padding-bottom:16px}.cf-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);cursor:pointer;padding:7px 12px;border:1px solid var(--hair);background:var(--paper);transition:border-color .12s ease,background .12s ease}.cf-chip:hover{border-color:var(--ink)}.cf-dot{width:9px;height:9px;border-radius:50%;background:var(--dot, var(--muted));flex:none}.cf-chip.is-on .cf-dot{background:#fff}.cf-reset{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;padding:7px 10px;border:1px dashed var(--hair);background:transparent;margin-left:4px}.cf-reset:hover{color:var(--ink);border-color:var(--ink)}.cb-more{text-align:center;padding:22px 0 0}.cb-more button{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);cursor:pointer;padding:11px 20px;border:1px solid var(--ink);background:var(--paper)}.cb-more button:hover{background:var(--ink);color:var(--paper)}.cb-classes-cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);background:var(--ink);border:1px solid var(--ink);text-decoration:none;padding:10px 16px;margin-bottom:14px;transition:opacity .12s ease}.cb-classes-cta:hover{opacity:.85}.cb-classes-cta--foot{display:flex;width:100%;align-self:stretch;justify-content:center;margin-top:20px;margin-bottom:0}.compounds-search{display:flex;align-items:center;gap:14px;margin-bottom:20px}.compounds-search input{flex:1;font-family:var(--mono);font-size:.9rem;padding:12px 14px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);outline:none}.compounds-search input:focus{box-shadow:0 0 0 3px #00000014}.compounds-search .cs-count{font-family:var(--mono);font-size:.74rem;color:var(--muted);white-space:nowrap}.compounds-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}.cl-row{border-bottom:1px solid var(--hair)}.cl-row--dim>a{opacity:.5}.cl-row--dim>a:hover{opacity:.75}.cl-row--dim .cl-meta{font-style:italic}.cl-row>a{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:16px;padding:14px 8px;text-decoration:none;color:var(--ink);transition:background .12s ease}.cl-row>a:hover{background:#f5f5f6}.cl-name{font-size:1rem;font-weight:500}.cl-name:first-letter{text-transform:uppercase}.cl-meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--muted);text-align:right}.cl-formula{font-family:var(--mono);font-size:.95rem;color:var(--ink);min-width:6ch;text-align:right}.compounds-empty{font-family:var(--mono);font-size:.85rem;color:var(--muted);text-align:center;padding:32px 0}@media(max-width:720px){.compounds--app{padding:20px 18px 32px}}@media(max-width:620px){.cl-row>a{grid-template-columns:1fr auto;gap:4px 12px}.cl-meta{grid-column:1;text-align:left;order:3}.cl-formula{grid-row:1;grid-column:2}}.compounds-index{max-width:1040px}.compounds-index .cx-alpha{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 8px}.compounds-index .cx-alpha a{font-family:var(--mono);font-size:.82rem;line-height:1;padding:8px 11px;border:1px solid var(--hair);color:var(--ink);text-decoration:none;transition:border-color .15s,background .15s}.compounds-index .cx-alpha a:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.compounds-index .cx-group{margin-top:30px;scroll-margin-top:20px}.compounds-index .cx-letter{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:1.4rem;font-weight:600}.compounds-index .cx-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 28px}.compounds-index .cx-list a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 4px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair);transition:color .15s}.compounds-index .cx-list a:hover{color:var(--muted)}.compounds-index .cx-name{overflow-wrap:anywhere}.compounds-index .cx-formula{flex:none;font-family:var(--mono);font-size:.82rem;color:var(--muted)}.cb-layout{display:grid;grid-template-columns:1fr}@media(min-width:980px){.cb-layout{grid-template-columns:260px 1fr;gap:28px;align-items:start}}.cb-sidebar{display:none}@media(min-width:980px){.cb-sidebar{display:block;position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow:auto;padding-right:14px;border-right:1px solid var(--hair)}}.cb-main{min-width:0}.cb-mobilebar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}@media(min-width:980px){.cb-mobilebar{display:none}}.cb-filters-btn{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);cursor:pointer;padding:9px 14px;border:1px solid var(--ink);background:var(--paper);transition:border-color .12s ease,background .12s ease,color .12s ease}.cb-filters-btn:hover{background:var(--ink);color:var(--paper)}.cb-filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.62rem;line-height:1}.cb-filters-btn:hover .cb-filters-badge{background:var(--paper);color:var(--ink)}.cf-group{margin-bottom:18px;display:flex;flex-wrap:wrap;gap:7px}.cf-group-title{flex-basis:100%;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--hair)}.cf-subgroup{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px}.cf-subgroup-title{flex-basis:100%;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:12px 0 2px}.cf-classchip{flex:1 1 auto;min-width:max-content;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid var(--hair);background:var(--paper);font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;color:var(--ink);cursor:pointer;text-align:left;white-space:nowrap;transition:border-color .12s ease,background .12s ease,color .12s ease}.cf-classchip:hover{border-color:var(--ink)}.cf-classchip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cf-count{flex:none;font-family:var(--mono);font-size:.68rem;color:var(--muted)}.cf-classchip.is-on .cf-count{color:#ffffffb3}.cb-drawer{position:fixed;inset:0;z-index:200;pointer-events:none}.cb-drawer.is-open{pointer-events:auto}@media(min-width:980px){.cb-drawer{display:none}}.cb-drawer-overlay{position:absolute;inset:0;background:#0006;opacity:0;transition:opacity .2s ease}.cb-drawer.is-open .cb-drawer-overlay{opacity:1}.cb-drawer-panel{position:absolute;right:0;top:0;height:100%;width:100%;background:var(--paper);box-shadow:-8px 0 24px #0000002e;display:flex;flex-direction:column;transform:translate(100%);transition:transform .22s ease;overflow:hidden}.cb-drawer.is-open .cb-drawer-panel{transform:translate(0)}.cb-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.cb-drawer-close{font-size:1.4rem;line-height:1;border:none;background:transparent;color:var(--ink);cursor:pointer;padding:0 4px}.cb-drawer-body{flex:1;padding:16px;overflow:auto}.cb-drawer-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:16px;border-top:1px solid var(--hair)}.cb-drawer-apply{flex:1;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);background:var(--ink);border:1px solid var(--ink);cursor:pointer;padding:11px 16px}.cb-drawer-apply:hover{opacity:.88}.compounds-classes{max-width:1040px}.ccx-group{margin-top:30px}.ccx-title{margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:1.1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ccx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.ccx-card{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--hair);color:var(--ink);text-decoration:none;transition:border-color .15s ease,background .15s ease}.ccx-card:hover{border-color:var(--ink);background:#f5f5f6}.ccx-name{font-size:.95rem}.ccx-count{flex:none;font-family:var(--mono);font-size:.72rem;color:var(--muted)}.class-intro{max-width:65ch;line-height:1.6;color:#2c2c30;margin-bottom:8px}.compounds--app{max-width:1280px;padding:22px 32px 24px}.compounds--app .compounds-topbar{margin-bottom:16px}.compounds--app .compounds-topbar .back-link{margin-bottom:0}.compounds--app .compounds-head{margin-bottom:16px}.compounds--app .compounds-head h1{font-size:1.5rem;margin-bottom:6px}.compounds--app .compounds-head .ch-kicker{margin-bottom:6px}.compounds--app .compounds-head .ch-sub{font-size:.9rem}@media(min-width:980px){.compounds--app{flex:1;min-height:0;display:flex;flex-direction:column}.compounds--app .compounds-head{flex:none}.compounds--app .cb{flex:1;min-height:0;display:flex;flex-direction:column}.compounds--app .cb-layout{flex:1;min-height:0;align-items:stretch}.compounds--app .cb-sidebar{position:static;top:auto;height:100%;max-height:none;overflow-y:auto;padding-bottom:20px}.compounds--app .cb-main{display:flex;flex-direction:column;min-height:0;height:100%}.compounds--app .compounds-search{flex:none;margin-bottom:14px}.compounds--app .cb-results{flex:1;min-height:0;overflow-y:auto}.compounds--app .cb-results .compounds-list{margin-bottom:0}}