.mix-section{padding:clamp(3rem,6vw,6rem) clamp(1rem,5vw,5rem);background:#f5f7f5;color:#17211f}.mix-wrap{max-width:1180px;margin:auto}.mix-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.mix-head h2{font-size:clamp(2rem,4vw,3rem);margin:.4rem 0}.mix-head p{max-width:570px;color:#60706b;margin:0}.mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mix-card{background:#fff;border:1px solid #dce5e0;border-radius:18px;padding:1.25rem;box-shadow:0 8px 28px #173a2410;min-width:0}.mix-card h3{margin:0 0 .35rem;font-size:1.25rem}.mix-card>p{margin:.2rem 0 .9rem;color:#62716d;font-size:.94rem;line-height:1.5}.mix-card label{display:block;font-size:.9rem;font-weight:650;margin:.65rem 0 .25rem}.mix-card input:not([type=checkbox]):not([type=file]),.mix-card select,.mix-card textarea{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #cbd7d0;border-radius:9px;background:#fff;color:#17211f;padding:.65rem .75rem;font:inherit}.mix-card textarea{min-height:105px;resize:vertical}.mix-card input[type=checkbox]{width:18px;height:18px;accent-color:#147c61;vertical-align:middle;margin-right:.35rem}.mix-card .inline-checks{display:flex;flex-wrap:wrap;gap:.3rem 1rem}.mix-card .inline-checks label{display:flex;align-items:center;font-weight:500;margin:.5rem 0}.mix-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.mix-actions button,.mix-actions a{border:0;border-radius:9px;background:#147c61;color:white;padding:.68rem .95rem;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;min-height:42px}.mix-actions button.secondary{background:#e9f0ec;color:#183c30}.mix-result{margin:.7rem 0 0;min-height:1.4em;color:#14664f;font-weight:650;overflow-wrap:anywhere}.mix-stats{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}.mix-stats span{padding:.5rem .65rem;background:#f0f5f2;border-radius:8px;color:#43524d;font-size:.88rem}.mix-note{font-size:.82rem!important;color:#6a7772!important}.mix-preview{display:block;max-width:100%;max-height:240px;margin-top:.7rem;border-radius:10px}.mix-section a:focus-visible,.mix-section button:focus-visible,.mix-section input:focus-visible,.mix-section select:focus-visible,.mix-section textarea:focus-visible{outline:3px solid #60b69a;outline-offset:2px}@media(max-width:760px){.mix-grid{grid-template-columns:1fr}.mix-head{display:block}.mix-card{padding:1rem}.mix-section{padding:3rem 1rem}}
.mix-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.55rem}.mix-pair>label:nth-of-type(2){grid-column:2/4}.mix-checks{display:flex;flex-wrap:wrap;gap:.2rem .8rem}.mix-card input[type=file]{box-sizing:border-box;width:100%;max-width:100%;font:inherit;color:#34443f}.mix-card input[type=file]::file-selector-button{margin-right:.55rem;border:0;border-radius:7px;background:#e9f0ec;padding:.55rem .7rem;color:#183c30;font:inherit;cursor:pointer}@media(max-width:460px){.mix-pair:has(>span){grid-template-columns:1fr auto 1fr}.mix-pair:not(:has(>span)){grid-template-columns:1fr}.mix-pair>label:nth-of-type(2){grid-column:auto}}
.mix-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:.55rem .75rem;border-radius:999px;background:#e3eee8;color:#175e4a;font-weight:700}.mix-directory{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1.5rem}.mix-directory a{display:inline-block;padding:.55rem .8rem;border-radius:999px;background:#fff;border:1px solid #dce5e0;color:#175e4a;text-decoration:none;font-weight:650;font-size:.9rem}.mix-directory a:hover{background:#eaf3ee}.mix-card[id]{scroll-margin-top:1.2rem}