.mixed-page { --mixed-green:#175b49; }
.mixed-page section { scroll-margin-top:90px; }
.mixed-rules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:22px 0; }
.mixed-rules article { background:#edf6f2; padding:16px; border-radius:12px; }
.mixed-rules h3 { margin:0 0 8px; font-size:1.05rem; color:#175b49; }
.mixed-rules p,.mixed-page p { line-height:1.65; }
.mixed-jumps { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
.mixed-jumps a { color:#175b49; font-weight:600; }
.mixed-lab { background:#102b43; color:#e8f3ff; padding:22px; border-radius:16px; margin:24px 0; }
.mixed-lab h2 { color:#ffe8a5; }
body.site-subpage .mixed-page .mixed-lab h2 { color:#ffe8a5 !important; }
.mixed-lab-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:18px; }
.mixed-controls label { display:block; margin:14px 0 5px; font-weight:600; }
.mixed-controls input[type=range] { width:100%; accent-color:#63cdb0; }
.mixed-controls output { float:right; }
body.site-subpage .mixed-controls select { width:100%; background:#fff; color:#25343a; padding:8px; border-radius:7px; }
.mixed-controls .pause-label { display:flex; gap:8px; align-items:center; }
.mixed-controls input[type=checkbox] { width:auto; }
.mixed-metrics { font-weight:600; color:#ffe8a5; }
.mixed-schematic { background:#fff; }
.mixed-guide-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:22px; align-items:center; }
.mixed-guide-text { background:#edf6f2; padding:18px; border-radius:12px; color:#175b49; font-weight:600; }
.mixed-guide-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:14px 0; }
.mixed-page .p-ex { margin:0; }
.mixed-page .mixed-level { color:#175b49; font-weight:700; font-size:.85rem; margin-bottom:6px; }
.mixed-page .p-ex details li { margin:8px 0; line-height:1.6; }
.mixed-page .p-ex-table { width:100%; border-collapse:collapse; }
.mixed-page .p-ex-table th,.mixed-page .p-ex-table td { border:1px solid #c5dbf1; text-align:center; }
.mixed-page .p-ex-table th { background:#edf6ff; }
.mixed-page .p-ex-table td:first-child { text-align:left; font-weight:600; }
.mixed-page .p-ex-table input { border:1px solid #abc6e4; text-align:center; }
.mixed-page input.is-ok { background:#e6f7ed; border-color:#16856e; }
.mixed-page input.is-bad { background:#fff0ed; border-color:#c15542; }
.mixed-page .p-check-row { margin-top:10px; }
.mixed-page [data-feedback] { margin:6px 0; font-size:.85rem; }
.mixed-page details summary { cursor:pointer; }
.mixed-page .prev-next { margin:24px 0; }
@media(max-width:1000px){.mixed-lab-layout{grid-template-columns:1fr}.mixed-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mixed-controls label{margin-top:0}.mixed-controls>div{min-width:0}}
@media(max-width:700px){.mixed-rules,.mixed-guide-layout{grid-template-columns:1fr}.mixed-lab{padding:14px}.mixed-controls{grid-template-columns:1fr}}