.kit-mixer{background:#f5f7fa;border:1px solid #e5e9ee;border-radius:28px;padding:48px;margin:0 0 110px;color:#24313a}
.kit-mixer__intro{max-width:850px;margin-bottom:32px}
.kit-mixer__intro .eyebrow{margin:0 0 12px}
.kit-mixer__intro h2{font:clamp(36px,4.2vw,56px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 14px}
.kit-mixer__intro>p:last-of-type{font-size:17px;color:#66727a;line-height:1.65;margin:0}
.kit-mixer__change-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-12px 0 24px;padding:12px 16px;background:#e9f0f5;border:1px solid #c9d9e3;border-radius:10px;color:#193d66;font-size:14px}
.kit-mixer__change-notice[hidden]{display:none}
.kit-mixer__change-notice button{border:0;background:transparent;color:#193d66;font:700 14px Arial,sans-serif;text-decoration:underline;cursor:pointer;padding:4px}
.kit-mixer__steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 0}
.kit-mixer__steps li{border:1px solid #d3dce3;border-radius:999px;padding:6px 11px;color:#244e73;font-size:12px;font-weight:700}
.kit-mixer__layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.kit-mixer__panel{background:#fff;border:1px solid #dce3e6;border-radius:18px;padding:24px;min-width:0}
.kit-mixer__panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.kit-mixer__panel-head h3{font:clamp(25px,2.2vw,32px)/1.1 Georgia,serif;margin:0}
.kit-mixer__panel-head>span{color:#718299;font-size:13px;text-align:right}
.kit-mixer__reset{border:0;background:transparent;color:#244e73;font:700 13px Arial,sans-serif;text-decoration:underline;cursor:pointer;white-space:nowrap}
.kit-mixer__choices{display:grid;gap:10px}
.kit-mixer__choice{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:15px;background:#f8faf9;border:1px solid #e4e9e7;border-radius:12px}
.kit-mixer__choice.is-omitted{opacity:.6}
.kit-mixer__include{display:flex;align-items:center;gap:10px;font-weight:700;min-width:0}
.kit-mixer__include input{width:18px;height:18px;accent-color:#193d66;flex:none}
.kit-mixer__colour{display:grid;gap:4px;color:#66727a;font-size:12px}
.kit-mixer__colour-control{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #cbd6d3;border-radius:8px;padding:4px 8px}
.kit-mixer__colour-control i,.kit-mixer__dot{display:inline-block;width:17px;height:17px;border-radius:50%;background:var(--mix-tone);border:1px solid #0002;flex:none}
.kit-mixer__colour select{border:0;background:transparent;color:#24313a;font:14px Arial,sans-serif;max-width:150px;padding:6px 2px}
.kit-mixer__preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;min-height:210px}
.kit-mixer__tile{display:grid;grid-template-rows:1fr auto auto;gap:7px;min-height:170px;background:#f6f7f6;border:1px solid #e6e9e7;border-radius:12px;padding:13px;text-align:center}
.kit-mixer__art{display:grid;place-items:center;color:var(--mix-tone)}
.kit-mixer__art svg{width:min(100%,105px);height:105px;filter:drop-shadow(0 7px 5px #0002)}
.kit-mixer__tile strong{font-size:13px;line-height:1.2}
.kit-mixer__tile>span{display:flex;justify-content:center;align-items:center;gap:6px;color:#66727a;font-size:12px}
.kit-mixer__concept-note{grid-column:1/-1;margin:5px 0 0;color:#718299;font-size:12px;line-height:1.45}
.kit-mixer__empty{grid-column:1/-1;display:grid;place-items:center;border:1px dashed #cbd6d3;border-radius:12px;min-height:210px;text-align:center;color:#66727a;padding:24px}
.kit-mixer__count{font-size:13px;color:#66727a;margin:16px 0 0}
.kit-mixer__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
.kit-mixer__brief-link{display:inline-flex;align-items:center;gap:12px;background:#193d66;color:#fff;border-radius:999px;padding:14px 20px;text-decoration:none;font-weight:700;white-space:nowrap}
.kit-mixer__brief-link.is-disabled{opacity:.5;cursor:not-allowed}
.kit-mixer__footer p{color:#66727a;font-size:13px;line-height:1.5;margin:0;max-width:410px}
.kit-mixer__brief-summary{background:#ffffff19;border:1px solid #ffffff44;border-radius:12px;padding:16px}
.kit-mixer__brief-summary strong{display:block;color:#fff;margin-bottom:8px}
.kit-mixer__brief-summary pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 Arial,sans-serif;color:#fff;margin:0}
.kit-mixer__brief-summary small{display:block;margin-top:8px;color:#dbe8f2}
.kit-mixer input:focus-visible,.kit-mixer select:focus-visible,.kit-mixer button:focus-visible,.kit-mixer a:focus-visible{outline:3px solid #e2a3c1;outline-offset:3px}
@media(max-width:900px){.kit-mixer__layout{grid-template-columns:1fr}.kit-mixer{padding:30px}}
@media(max-width:620px){.kit-mixer{margin-bottom:70px;padding:24px 16px;border-radius:20px}.kit-mixer__panel{padding:17px}.kit-mixer__panel-head{align-items:start}.kit-mixer__choice{grid-template-columns:1fr;gap:10px}.kit-mixer__colour{margin-left:28px}.kit-mixer__footer{align-items:stretch;flex-direction:column}.kit-mixer__brief-link{justify-content:center;white-space:normal}}

.selector>.kit-mixer__hero-link{grid-column:2;grid-row:3;justify-self:end;color:#244e73;font-size:14px;font-weight:700;text-decoration:underline;margin-top:4px}
@media(max-width:800px){.selector>.kit-mixer__hero-link{grid-column:1;grid-row:4;justify-self:start;margin-top:0}}

.kit-mixer__draft{display:grid;gap:8px}.kit-mixer__draft[hidden]{display:none}.kit-mixer__draft textarea{width:100%;min-height:220px;resize:vertical}.kit-mixer__draft small{color:#dbe8f2}

.kit-mixer[data-kit-count="4"] .kit-mixer__preview{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){.kit-mixer__preview{grid-template-columns:repeat(2,minmax(0,1fr))}}