/* Phase 5 · chemistry and connected scientific workspaces. */
.chem-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:64px;padding:46px 0 34px;align-items:center}.chem-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:10px 0 22px}.chem-hero h1 span{color:var(--accent)}.chem-hero .lead{max-width:680px}.hero-actions,.export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.chem-summary{padding:26px 30px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow)}.chem-summary>div{display:flex;align-items:baseline;gap:17px;border-bottom:1px solid var(--line);padding:10px 0}.chem-summary strong{font-size:32px;line-height:1.2;min-width:64px;letter-spacing:-.03em;color:var(--accent-ink)}.chem-summary span:not(.eyebrow){color:var(--muted);font-size:13px}.chem-summary p{font-size:12px;color:var(--muted);margin-bottom:0}
.chem-view-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:20px 0 24px;overflow:auto}.chem-view-tabs a{padding:13px 18px;white-space:nowrap;color:var(--muted);font-weight:650;border-bottom:3px solid transparent}.chem-view-tabs a[aria-current]{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft);border-radius:7px 7px 0 0}.compound-filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:30px;box-shadow:var(--shadow)}.compound-filters label,.landscape-selectors label,.gap-filters label{display:grid;gap:7px;font-size:12px;font-weight:650;letter-spacing:.01em;color:var(--muted);min-width:0}.compound-filters input,.compound-filters select,.landscape-selectors select,.gap-filters input,.gap-filters select{width:100%;min-width:0;font-size:14px;height:43px}.filter-primary{display:grid;grid-template-columns:minmax(240px,2fr) minmax(150px,.8fr) minmax(240px,1.3fr) auto;gap:13px;align-items:end}.filter-secondary{display:grid;grid-template-columns:1.5fr 1.2fr 1fr;gap:13px;margin-top:18px}.advanced-filters{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.advanced-filters>summary{font-size:13px;color:var(--link);font-weight:650;cursor:pointer}.filter-advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding-top:18px}.filter-note,.filter-footer span{font-size:12px;color:var(--muted)}.filter-footer{display:flex;align-items:center;gap:16px;margin-top:19px}.filter-footer span{margin-left:auto;max-width:440px}.filter-footer a{font-size:13px}
.compound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.compound-card{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.compound-card:hover{transform:translateY(-3px);border-color:var(--accent)}.drawing-link{display:block;border-bottom:1px solid var(--line)}.chemical-drawing{background:#fff;position:relative;min-height:210px;display:flex;align-items:center;justify-content:center}.chemical-drawing img{width:100%;height:210px;object-fit:contain}.chemical-drawing.large{min-height:360px}.chemical-drawing.large img{height:360px}.chemical-dark{display:none}.chemical-light{display:block}:root[data-theme=dark] .chemical-drawing{background:#12232f}:root[data-theme=dark] .chemical-dark{display:block}:root[data-theme=dark] .chemical-light{display:none}.unresolved-drawing{padding:26px;text-align:center;max-width:350px;color:var(--muted)}.unresolved-drawing strong{display:block;font-size:22px;color:var(--ink);margin:12px 0}.unresolved-drawing p{font-size:13px;margin-bottom:0}.compound-card-body{padding:20px 22px;flex:1;display:flex;flex-direction:column}.compound-card-flags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.compound-card-flags .badge{font-size:10px;letter-spacing:.01em}.compound-card h3{font-size:20px;line-height:1.35;margin:13px 0 11px}.compound-card h3 a{color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.compound-targets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.compound-targets span{font-size:11px;border:1px solid var(--line);background:var(--surface-soft);padding:2px 8px;border-radius:4px;color:var(--muted)}.potency-example{display:flex;flex-direction:column;padding:11px 13px;border-left:3px solid var(--accent);background:var(--surface-soft);margin:6px 0 16px}.potency-example>span{font-size:11px;color:var(--muted)}.potency-example strong{font-size:19px;margin:3px 0}.potency-example small{font-size:10px;color:var(--muted)}.compound-no-value{font-size:13px;color:var(--muted);margin:auto 0 17px;min-height:50px}.compound-counts{display:flex;flex-wrap:wrap;gap:8px 21px;font-size:11px;color:var(--muted);margin-top:auto}.compound-counts strong{color:var(--ink);font-size:15px;margin-right:3px}.compound-caution{font-size:11px;color:var(--amber);margin:13px 0 0;line-height:1.5}.compound-card-footer{padding:12px 22px;display:flex;justify-content:space-between;font-size:12px;font-weight:650;border-top:1px solid var(--line);background:var(--surface-soft)}.chem-methods-note{margin:35px 0;padding:25px 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.chem-methods-note p{max-width:970px;color:var(--muted)}.block{display:block}.wrap-anywhere{overflow-wrap:anywhere}.assay-table{min-width:1300px}.assay-table td{vertical-align:top;max-width:340px}.assay-table td:first-child{min-width:170px}.assay-table td:nth-child(2){min-width:160px}.assay-table td:nth-child(3){min-width:180px}.assay-table small{font-size:11px;line-height:1.5;margin-top:6px;color:var(--muted)}.assay-value{white-space:normal;font-size:15px}.source-json{max-height:420px;max-width:100%;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;font-size:11px;background:var(--surface-soft);border:1px solid var(--line);padding:14px;border-radius:6px;color:var(--ink)}.compact-dl{margin:0}.compact-dl dt{font-size:11px;text-transform:uppercase;letter-spacing:.065em;color:var(--muted);margin-top:14px;font-weight:650}.compact-dl dd{margin:3px 0 12px;font-size:13px;overflow-wrap:anywhere}.compound-profile-hero{display:grid;grid-template-columns:minmax(320px,1fr) 1.3fr;gap:40px;align-items:center;margin:26px 0 32px}.compound-profile-art{border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.compound-profile-intro h1{font-size:clamp(30px,3.2vw,46px);line-height:1.15;overflow-wrap:anywhere;letter-spacing:-.035em;margin:12px 0 18px}.compound-profile-intro .compound-counts{margin:22px 0}.compound-profile-intro>small{font-size:11px;color:var(--muted)}.compound-profile-targets{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.small{font-size:12px!important;padding:7px 11px!important;min-height:0!important}.identity-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:15px 28px;margin-bottom:18px}.source-link-list{display:grid;gap:10px;margin-bottom:25px}.source-link-list a{font-size:12px;overflow-wrap:anywhere}.preparation-card{border:1px solid var(--line);border-radius:var(--radius);padding:18px 23px;margin:15px 0;background:var(--surface)}.preparation-card h3{margin:0}.preparation-card>.mono{font-size:12px;color:var(--muted)}.ligand-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.ligand-group-grid>article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:20px 24px}.ligand-group-grid h3{margin:6px 0 14px;font-size:18px}.ligand-group-grid p{font-size:12px;color:var(--muted)}.ligand-list-row{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:10px 0;border-top:1px solid var(--line)}.ligand-list-row strong{font-size:13px}.ligand-list-row small{font-size:11px;color:var(--muted);text-align:right}.landscape-selectors,.gap-filters{display:flex;gap:16px;align-items:end;background:var(--surface);padding:24px;border:1px solid var(--line);border-radius:var(--radius);margin:28px 0}.landscape-selectors label,.gap-filters label{flex:1}.landscape-sides{display:grid;grid-template-columns:1fr 1fr;gap:24px}.landscape-domain{padding:28px;border:1px solid var(--line);border-top:4px solid var(--model-a);border-radius:var(--radius);background:var(--surface)}.landscape-domain:nth-child(2){border-top-color:var(--model-b)}.landscape-domain h2{font-size:30px;margin:8px 0}.landscape-domain p{font-size:13px;color:var(--muted)}.landscape-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 16px;padding:23px 0;margin:20px 0;border-block:1px solid var(--line)}.landscape-mini-metrics strong{font-size:28px;line-height:1.2;display:block;color:var(--accent-ink)}.landscape-mini-metrics span{font-size:11px;line-height:1.35;display:block;margin-top:5px;color:var(--muted)}.shared-compounds{display:flex;gap:14px;flex-wrap:wrap}.shared-compounds a{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:16px 22px}.shared-compounds span{font-size:11px;color:var(--muted)}.landscape-figure{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);margin:25px 0;background:#fff}.landscape-figure img{min-width:1000px;width:100%;display:block}.gap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gap-grid>article{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.gap-grid h3{margin:8px 0}.gap-grid p,.gap-grid li{font-size:12px;color:var(--muted)}.gap-grid li{margin:6px 0}.gap-grid ul{padding-left:18px}.gap-grid .export-actions{font-size:12px;border-top:1px solid var(--line);padding-top:13px}.methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.methods-grid article{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.methods-grid h2{font-size:22px}.methods-grid p{font-size:13px;color:var(--muted)}.badge.green{background:var(--accent-soft);color:var(--accent-ink)}
@media(min-width:1450px){.compound-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.chem-hero{gap:28px}.filter-primary{grid-template-columns:1.5fr 1fr}.filter-primary button{height:43px}.filter-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compound-profile-hero{gap:25px}.gap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.chem-hero{grid-template-columns:1fr;padding-top:28px;gap:24px}.chem-hero h1{font-size:40px}.chem-summary{padding:20px}.chem-summary>div{padding:7px 0}.chem-summary strong{font-size:26px}.compound-filters{padding:18px}.filter-primary,.filter-secondary{grid-template-columns:1fr}.filter-advanced-grid{grid-template-columns:1fr 1fr}.filter-footer{flex-wrap:wrap}.filter-footer span{margin-left:0;max-width:none}.compound-grid{gap:17px}.compound-card-body{padding:15px}.compound-card h3{font-size:18px}.compound-counts{gap:7px 13px}.compound-card-footer{padding:12px 15px}.compound-profile-hero{grid-template-columns:1fr}.chemical-drawing.large,.chemical-drawing.large img{min-height:270px;height:270px}.identity-columns,.landscape-sides,.methods-grid{grid-template-columns:1fr}.identity-columns{gap:0;padding:18px}.landscape-selectors,.gap-filters{flex-direction:column;align-items:stretch;padding:18px}.landscape-mini-metrics{gap:18px 10px}.landscape-domain{padding:22px}.ligand-group-grid{grid-template-columns:1fr}.ligand-list-row{align-items:start}.gap-grid{grid-template-columns:1fr}.chem-view-tabs a{padding:12px;font-size:12px}}
@media(max-width:520px){.compound-grid{grid-template-columns:1fr}.filter-advanced-grid{grid-template-columns:1fr}.compound-card-body{padding:20px}.compound-card h3{font-size:21px}.chemical-drawing img{height:225px}.section-head .export-actions{margin-top:12px}.chem-summary p{font-size:11px}.compound-card-footer{padding:13px 20px}.ligand-list-row{flex-direction:column;gap:3px}.ligand-list-row small{text-align:left}.compound-profile-intro h1{font-size:34px}.chem-hero .hero-actions{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.compound-card{transition:none}.compound-card:hover{transform:none}}