.vibe-roadmap{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:22px 0 0}.vibe-roadmap a{border:1px solid #bccb96;border-radius:99px;padding:8px 14px;color:#e8ecda;text-decoration:none;font-size:.75rem}.vibe-roadmap a:hover{background:#e8ecda;color:#324044}.vibe-kit{background:#edeede;border:1px solid #ccd2c1;border-radius:28px;padding:32px;margin:35px auto;max-width:850px;text-align:left}.vibe-kit h2{font:600 clamp(1.8rem,4vw,2.5rem)/1.15 'Playfair Display',serif;max-width:560px;margin:8px 0 14px}.kit-kicker{font-size:.7rem;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#46543f}.kit-intro{max-width:610px;font-size:.9rem;margin-bottom:22px}.kit-input-label{display:block;font-weight:600;font-size:.8rem;margin-bottom:8px}.vibe-kit input,.vibe-kit select{width:100%;min-height:48px;border:1px solid #899283;border-radius:12px;padding:12px;background:#fffdf7;color:#263a32;font:inherit;font-size:.9rem}.vibe-kit :is(button,input,select,a):focus-visible,.vibe-roadmap a:focus-visible{outline:3px solid #52633e;outline-offset:4px}.kit-previews{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin:24px 0 12px}.kit-page,.kit-social{border:1px solid #7f897b;border-radius:20px;overflow:hidden;min-width:0;position:relative}.kit-page{padding:24px;min-height:270px}.kit-browser{display:flex;gap:5px;padding-bottom:26px}.kit-browser span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.kit-page h3,.kit-social h3{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;overflow-wrap:anywhere}.kit-page p{font-size:.82rem;margin:14px 0 18px;line-height:1.7}.kit-fake-button{display:inline-block;border-radius:99px;padding:10px 16px;font-size:.8rem;font-weight:600}.kit-social{padding:26px;display:flex;flex-direction:column;justify-content:space-between}.kit-social p{font-size:.62rem;text-transform:uppercase;letter-spacing:1.6px}.kit-accent{height:65px;width:65px;align-self:flex-end;border-radius:50% 50% 12px 50%;margin-top:20px}.kit-caption{font-size:.73rem;color:#46543f;margin:7px 0}.kit-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.kit-role{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#fffdf7;border:1px solid #b4bea9;padding:12px;border-radius:14px;color:#263a32;cursor:pointer;min-width:0}.kit-role span:not(.kit-chip){font-size:.7rem}.kit-role strong{font-size:.72rem}.kit-chip{display:block;width:100%;height:35px;border:1px solid #a4ad9b;border-radius:8px}.kit-tester{background:#fffdf7;padding:22px;border-radius:20px;margin-top:24px}.kit-tester h3{font:600 1.45rem 'Playfair Display',serif;margin-bottom:12px}.kit-test-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.kit-test-controls label{display:block;font-size:.75rem;font-weight:600}.kit-test-controls select{margin-top:6px}.kit-small-button{border:1px solid #899283;border-radius:12px;background:#edf2e7;color:#263a32;font:inherit;font-size:.8rem;padding:13px;min-height:48px;cursor:pointer}.kit-sample{margin:18px 0;border-radius:14px;min-height:95px;display:flex;align-items:center;justify-content:center;padding:20px;font-size:24px;line-height:1.25;text-align:center;overflow-wrap:anywhere}.kit-ratio{font:600 1.5rem 'Playfair Display',serif;margin-right:12px}.kit-verdict{font-size:.8rem;font-weight:600}.kit-tester p{font-size:.8rem;margin:10px 0}.kit-tester a{color:#34533c;text-underline-offset:3px}.kit-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.kit-actions button{font:inherit;border-radius:99px;padding:13px 19px;border:1px solid #324044;background:#324044;color:#f7f6f1;font-size:.8rem;font-weight:500;cursor:pointer}.kit-actions button+button{background:transparent;color:#324044}.kit-status{font-size:.8rem;min-height:26px;margin-top:12px}.vibe-kit h3,.vibe-kit p{color:inherit}#palette-section,#type-section,#direction-kit,#ctaSection{scroll-margin-top:30px}@media(max-width:600px){.vibe-kit{padding:22px 16px;border-radius:20px}.kit-previews{grid-template-columns:1fr}.kit-social{min-height:210px}.kit-roles{grid-template-columns:repeat(2,1fr)}.kit-test-controls{grid-template-columns:1fr 1fr}.kit-test-controls button{grid-column:1/-1}.kit-tester{padding:18px 14px}.kit-actions button{width:100%}}@media print{.vibe-roadmap,.kit-test-controls,.kit-actions,#kitWords,.kit-input-label,.kit-status{display:none!important}.vibe-kit{break-before:page;background:white}.kit-page,.kit-social,.kit-chip,.kit-sample,.kit-fake-button,.kit-accent{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* Results are already full-width; negative margins caused mobile edge overflow. */
#results .rh-navy,#results .rc-navy{margin-left:0;margin-right:0}
.kit-actions button:disabled{opacity:.55;cursor:wait}
.kit-transfer{margin-top:22px;border-top:1px solid #b4bea9;padding-top:18px}.kit-transfer summary{font-size:.9rem;font-weight:600;cursor:pointer}.kit-transfer p{font-size:.8rem;line-height:1.7;margin-top:12px}.kit-transfer a{display:inline-block;color:#263a32;padding:12px 4px;text-underline-offset:4px}
