.mix-catalogue{margin:40px 0 72px;color:var(--text,#303637)}
.mix-intro{max-width:860px;margin-bottom:28px}.mix-intro h1{font-family:var(--serif,Arial,sans-serif);font-size:clamp(42px,6vw,76px);font-weight:600;line-height:1.05;margin:10px 0 18px;text-transform:uppercase;color:var(--ink,#202628)}
.mix-lead{font-size:19px;line-height:1.55;max-width:760px}.mix-explanation{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;padding:25px 28px;border:1px solid var(--line,#cbcfc7);border-left:4px solid var(--signal,#e86330);background:#ffffff65;margin:24px 0 32px}
.mix-explanation h2{font-size:17px;margin:0 0 9px;font-family:inherit;font-weight:700}.mix-explanation p{font-size:14px;line-height:1.7;margin:0}.mix-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:#fff7;padding:20px;border:1px solid var(--line,#cbcfc7)}
.mix-filters label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;min-width:180px}.mix-filters label:first-child{flex:1;min-width:240px}.mix-filters input,.mix-filters select{width:100%;min-height:44px;padding:11px 13px;border:1px solid #afb5b1;border-radius:0;background:#fff;color:var(--ink,#202628);font:inherit;font-size:15px}.mix-filters .button{min-height:44px;cursor:pointer}.mix-reset{padding:13px 4px;font-size:13px}.mix-count{font-size:13px;color:var(--muted,#737774);margin:20px 0 14px;font-variant-numeric:tabular-nums}
.mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.mix-card{background:#faf9f4;border:1px solid var(--line,#cbcfc7);padding:26px;overflow-wrap:anywhere}.mix-card[hidden],.mix-empty[hidden]{display:none!important}.mix-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mix-technology{font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;padding:6px 8px;background:#e7ebe5;border:1px solid #d2d9d1;color:#3c5147}.mix-card[data-technology=other] .mix-technology{background:#f4e8d5;color:#68502a;border-color:#e0ceb2}.mix-brand-link{font-size:12px;color:var(--blue,#397580)}
.mix-card h2{font-family:var(--serif,Arial,sans-serif);font-size:27px;font-weight:500;line-height:1.18;margin:19px 0 14px;color:var(--ink,#202628)}.mix-summary{font-size:14px;line-height:1.7;margin:0 0 20px}.mix-card dl{margin:0}.mix-card dt{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#65706a;font-weight:700;margin-top:17px}.mix-card dd{margin:7px 0 0;font-size:13px;line-height:1.7}.mix-sources{border-top:1px solid var(--line,#cbcfc7);margin-top:23px;padding-top:15px}.mix-sources summary{cursor:pointer;font-size:13px;font-weight:700;line-height:1.6}.mix-sources summary span{font-weight:400;color:var(--muted,#737774)}.mix-sources ul{list-style:none;padding:0;margin:13px 0 0}.mix-sources li{border-left:2px solid #d9ddd5;margin:13px 0;padding-left:12px}.mix-source-kind{display:block;font-size:10px;text-transform:uppercase;color:#777f78;margin-bottom:4px}.mix-sources a{font-size:13px}.mix-sources li p{font-size:12px;line-height:1.7;margin:5px 0}.mix-checked{font-size:11px;color:#737774;margin:17px 0 0}.mix-empty{padding:35px 20px;border:1px dashed var(--line,#cbcfc7);text-align:center;font-size:16px}.mix-noscript{font-size:12px;line-height:1.7}.mix-catalogue a:focus-visible,.mix-catalogue summary:focus-visible,.mix-catalogue input:focus-visible,.mix-catalogue select:focus-visible,.mix-catalogue button:focus-visible{outline:3px solid var(--signal,#e86330);outline-offset:3px}
@media(max-width:760px){.mix-catalogue{margin-top:28px}.mix-grid,.mix-explanation{grid-template-columns:1fr}.mix-explanation{gap:24px;padding:20px}.mix-card{padding:22px}.mix-card h2{font-size:25px}.mix-filters{gap:15px;padding:16px}.mix-filters label,.mix-filters label:first-child{min-width:100%;flex-basis:100%}.mix-filters .button{flex:1}.mix-intro h1{font-size:48px}.mix-lead{font-size:17px}}