.mixture-lab{box-sizing:border-box;color:var(--ink,#172c3c);background:var(--panel,#f5f8fa);border:1px solid var(--line,#b5c5cc);border-radius:16px;padding:clamp(14px,3vw,28px);margin:32px 0;scroll-margin-top:100px}.mixture-lab *{box-sizing:border-box}.mixture-lab p{max-width:76ch}.mixture-lab h3{margin-top:0}.mix-kicker{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted,#4c626d)}.mix-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.mix-controls label{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:650}.mixture-lab select,.mixture-lab button,.mixture-lab input[type=text]{font:inherit;min-height:44px;border:1px solid var(--line,#8ca6b2);border-radius:6px;color:var(--ink,#172c3c);background:var(--bg,#fff);padding:9px 12px;max-width:100%}.mixture-lab button{cursor:pointer}.mixture-lab select{width:100%}.mixture-lab input[type=range]{width:100%;height:44px;accent-color:#087080}.mixture-lab :disabled{opacity:.55;cursor:default}.mixture-lab :focus-visible{outline:3px solid #9974da;outline-offset:3px}.mix-controls output{font-family:var(--mono,monospace);font-weight:700}.mix-note{font-size:.85rem;color:var(--muted,#49616d)}.mix-insight,.mix-warning{padding:14px 16px;border-left:4px solid var(--accent,#087080);background:var(--bg,#fff);line-height:1.6}.mix-warning{border-left-color:#ae7210}.mix-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.mix-stats>div{padding:12px;background:var(--bg,#fff);border:1px solid var(--line,#b7c8d0);border-radius:8px}.mix-stats span{display:block;font-size:.78rem;line-height:1.4;color:var(--muted,#49616d)}.mix-stats strong{display:block;font:700 clamp(1.05rem,2vw,1.4rem)/1.4 var(--mono,monospace);margin-top:8px}.mix-charts{display:grid;gap:20px}.mix-charts figure{margin:0}.mix-charts figcaption{font-size:.95rem;font-weight:650;margin-bottom:10px}.mix-chart svg{display:block;width:100%;height:auto;background:#f8fbfc;border-radius:10px;font-family:system-ui,sans-serif}.mix-key{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:var(--muted,#49616d);margin-top:8px}.mix-observed{font-weight:700}.mix-fitted{font-weight:700}.mix-table-wrap{max-width:100%;overflow:auto}.mixture-lab table{width:100%;border-collapse:collapse;font-size:.88rem;margin:16px 0}.mixture-lab caption{text-align:left;margin-bottom:8px;font-weight:650}.mixture-lab th,.mixture-lab td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line,#b7c8d0);vertical-align:top}.mix-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mix-control-action{display:flex;flex-direction:column;gap:8px;justify-content:center;font-size:.85rem}.mixture-lab details{margin-top:18px}.mixture-lab summary{min-height:44px;padding:10px 0;cursor:pointer;font-weight:650}.mixture-lab a{color:var(--accent,#087080)}#mix-share-wrap label{display:block;margin:12px 0 6px;font-weight:650}#mix-share{width:100%;font-size:.8rem}.mixture-lab [hidden]{display:none!important}@media(max-width:560px){.mix-controls{grid-template-columns:1fr}.mix-stats{grid-template-columns:1fr 1fr}.mix-stats>div:last-child{grid-column:1/-1}.mixture-lab th,.mixture-lab td{padding:8px 6px;font-size:.8rem}.mix-buttons button{flex:1 1 140px}}@media(prefers-reduced-motion:reduce){.mixture-lab *{transition:none!important;scroll-behavior:auto}}@media print{.mix-buttons,.mix-controls,.mix-stress,#mix-share-wrap{display:none!important}.mixture-lab{break-inside:auto;background:#fff;color:#172c3c}.mix-chart{break-inside:avoid}}

.article-body .mixture-lab summary{color:var(--ink)}