/* Hallmark: established paper, ink and rust palette; readable swatches at phone widths. */
.mix-nav{display:flex;gap:14px 22px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--rule)}
.mix-key{margin:35px 0}.mix-key ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.mix-key li{display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.4}.mix-key small{font-size:12px;color:var(--text-muted)}.mix-pigment{display:block;height:35px;border:1px solid #243e5020}
.mix-group{scroll-margin-top:20px;border-top:1px solid var(--rule);margin-top:48px;padding-top:22px}.mix-chart{margin:30px 0}.mix-chart figcaption{display:block;font-size:15px;color:var(--text);border-bottom:2px solid var(--text);padding:0 0 16px}.mix-chart figcaption strong,.mix-chart figcaption span{display:block}.mix-chart figcaption span{margin-top:10px}.mix-chart ol{list-style:none;padding:0;counter-reset:mixture}.mix-chart li{padding:20px 0 16px;border-bottom:1px solid var(--rule);counter-increment:mixture}.mix-chart h3{font-size:25px;margin:0 0 8px}.mix-chart h3:before{content:counter(mixture,decimal-leading-zero) ' / ';font-family:var(--body);font-size:13px;color:var(--accent)}.mix-formula{font-size:14px!important;line-height:1.65!important}.mix-formula span{display:inline}.mix-formula b{white-space:nowrap}.mix-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.mix-strip i{display:block;height:65px;background:var(--mix-colour);border:1px solid #243e5020}.mix-strip small{display:block;font-size:12px;margin-top:6px}.mix-chart li>p:last-child{font-size:16px;line-height:1.7;margin-bottom:0}.mix-challenge{background:var(--paper-alt);padding:24px;margin:30px 0}.mix-challenge h3{font-size:29px;margin-top:8px}.mix-challenge li{padding-bottom:12px}.mix-challenge ol{padding-left:22px}
.mix-films{border-top:1px solid var(--rule);margin-top:45px;padding-top:25px}.mix-film{margin:30px 0}.mix-film h3{font-size:25px}.mix-player{aspect-ratio:16/9;position:relative;background:var(--text)}.mix-player button{width:100%;height:100%;border:0;padding:0;position:relative;cursor:pointer;background:var(--text);color:var(--white);font:inherit}.mix-player button[hidden]{display:none}.mix-player img{width:100%;height:100%;object-fit:contain}.mix-player button span{position:absolute;bottom:0;left:0;right:0;background:#243e50ed;padding:12px}.mix-player iframe{width:100%;height:100%;border:0}.mix-player button:focus-visible{outline:4px solid var(--accent);outline-offset:4px}
.mix-worksheet{max-width:850px;border-top:2px solid var(--text);padding:24px 0;margin:40px 0}.worksheet-wells{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.worksheet-wells span{height:80px;border:1px solid var(--rule);padding:8px;font-size:12px}.worksheet-row h3{font-size:20px;margin:20px 0 10px}.worksheet-row p{font-size:13px}
@media(max-width:600px){.mix-key ul{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-challenge{padding:18px}.mix-chart h3{font-size:24px}.mix-strip i{height:55px}.mix-player button span{font-size:14px}.worksheet-row h3{overflow-wrap:anywhere}}
@media print{@page{size:A4;margin:15mm}.masthead,.footer,.skip,.article-head{display:none}.mix-worksheet{break-after:page;border:0;margin:0;padding:0;max-width:none}.mix-worksheet:last-child{break-after:auto}.mix-worksheet h2{font-size:26pt}.mix-worksheet p{font-size:10pt}.mix-worksheet h3{font-size:12pt}.worksheet-wells span{height:24mm;border-color:#666}.wrap{width:100%;max-width:none;padding:0}body{background:white;color:black}.worksheet-row{break-inside:avoid}}