/* Local component comparison studies. Screen specimens keep their original CSS. */
.study-index{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 42px}.study-index a{padding:9px 14px;border:1px solid #dce2e7;border-radius:30px;text-decoration:none;color:#4d6173;font:12px system-ui;background:#f9fbfc}.study-index a:hover,.study-index a:focus-visible{background:#e6edf5;color:#243e55}.component-study{scroll-margin-top:170px;padding:0 0 44px;margin:0 0 44px;border-bottom:1px solid #dce2e7}.study-heading{margin-bottom:22px}.study-heading h3{font-size:27px;letter-spacing:-.035em;margin:5px 0 8px;color:#29333c}.study-heading p,.option-heading p{color:#72818d;margin:0;font-size:12px;line-height:1.6}.study-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.study-option{min-width:0}.option-heading{min-height:78px}.option-heading h4{margin:0 0 6px;font-size:15px;font-weight:550}.component-box{height:calc(100% - 78px);padding:22px;background:#f1f3f5}.sidebar-soft .side{background:linear-gradient(155deg,#f8f9fc,#e8eef5 65%,#eee9f2);border-color:#d1dce7}.sidebar-soft .menu .selected{background:#fff;box-shadow:0 3px 12px #3144590c;border-left:3px solid #859fc1}.sidebar-soft .space{background:#ffffffa6}.chat-open .chat-panel{border:0;background:transparent}.chat-open .panel-head{padding-left:0;padding-right:0;border-bottom:1px solid #d6dee5}.chat-open .chat-scroll{padding:20px 0}.chat-open .message.human{background:transparent;padding:0 0 18px;border-radius:0;border-bottom:1px solid #dce2e7;font-size:13px;color:#29333c}.chat-open .artifact{padding:18px;background:linear-gradient(115deg,#fafdff,#eceaf6);border-color:#d4d9ec}.chat-open .composer{margin-left:0;margin-right:0;background:white}.chart-mineral .panel{background:linear-gradient(150deg,#ffffff,#f7f9fd);border-color:#d8e2ed}.chart-mineral .chart-meta{padding-top:24px}.chart-mineral .metric-label{font-size:9px;letter-spacing:.09em;color:#687d90}.chart-mineral .chart-readout{font-size:34px;font-weight:550;letter-spacing:-.05em;line-height:1.25;color:#263b4e}.chart-mineral .chart-readout span{display:block;font:10px/1.5 system-ui;letter-spacing:0;color:#63819b;margin-top:3px}.chart-mineral .series-a{stroke-width:3.5}.chart-mineral .series-b{stroke:#b7aabd;stroke-width:1.6}.chart-mineral .grid text,.chart-mineral .axis text{fill:#758496}.end-values circle{fill:#9383dd;stroke:white;stroke-width:2}.end-values text{fill:#596899;font:600 11px system-ui}.end-values .compare-value{fill:#8c7e94}.chart-graphite .panel{background:linear-gradient(135deg,#263440,#1d2531);border-color:#364757;color:#e9f1f8}.chart-graphite .panel-head{border-color:#ffffff10}.chart-graphite .chart-readout{color:#eef6ff}.chart-graphite .metric-label,.chart-graphite .chart-meta small,.chart-graphite .subtle,.chart-graphite .legend{color:#9badbe}.chart-graphite .chart-readout span{color:#a8c7e0}.chart-graphite .grid line{stroke:#ffffff0c}.chart-graphite .grid text,.chart-graphite .axis text{fill:#94a7b9}.chart-graphite .chips .chosen{background:#ffffff14;color:#d9e8f5}.chart-graphite .end-values text{fill:#b9adf4}.chart-graphite .end-values .compare-value{fill:#b7aabd}.chart-graphite .end-values circle{stroke:#263440}.sources-tiles .sources{background:transparent;border:0}.sources-tiles .panel-head{padding:0 0 18px;border:0}.sources-tiles .source-item{background:white;border:1px solid #dce3ea;border-radius:10px;padding:20px 16px;margin-bottom:12px;align-items:flex-start}.sources-tiles .source-item strong{font-size:13px}.sources-tiles .source-icon{background:#edf1f7;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.sources-tiles .tag{background:#f1eef8;color:#7d6d98}.timeline-route .timeline{position:relative}.timeline-route .timeline:before{content:'';position:absolute;left:29px;top:32px;bottom:44px;width:1px;background:#b6c9db}.timeline-route .timeline>div{position:relative;padding:17px 0}.timeline-route .timeline i{background:#fff;border:1px solid #a7bfd3;color:#5c809e}.timeline-route .timeline>div:first-child i{background:#708fac;color:#fff}.timeline-route .timeline span{font-size:12px}.timeline-route .panel{background:linear-gradient(160deg,#fff,#f2f6fa)}
@media(max-width:850px){.study-options{grid-template-columns:1fr}.component-box{height:auto}.option-heading{min-height:0;margin-bottom:14px}.component-study{scroll-margin-top:190px}.study-index{margin-bottom:30px}.study-options{gap:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}