/* One coordinated board per season and mood. */
.outfit-builder{--outfit-purple:#7130c9;--outfit-ink:#302039}
.outfit-intro{padding:24px 28px;background:var(--outfit-purple);color:white;border-radius:24px 24px 54px 24px;margin-bottom:24px}
.outfit-intro .studio-kicker{color:#65ffe6!important}.outfit-intro h1{color:white!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.1;margin:8px 0 12px}.outfit-intro p{font-size:17px;margin-bottom:0}
.outfit-controls{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.5fr);gap:24px;padding:22px;background:#f5f0fa;border:1px solid #dccce9;border-radius:18px;margin-bottom:24px;align-items:start}
.outfit-controls .field{margin:0;min-width:0}.outfit-controls label,.look-label{font-weight:700;font-size:16px;margin:0 0 10px;display:block}.outfit-controls select{display:block;width:100%;min-width:0;min-height:48px;padding:12px 44px 12px 12px;font:inherit;border:1px solid #9676af;border-radius:8px;background-color:white;color:var(--outfit-ink)}
.outfit-view-toggle{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.outfit-view-toggle button,.look-pager button{font:600 15px var(--brand-body);min-height:46px;padding:12px 18px;border:1px solid #9676af;border-radius:28px;background:white;color:#55208d;cursor:pointer}
.outfit-view-toggle button[aria-pressed=true]{background:var(--outfit-purple);color:white;border-color:var(--outfit-purple);box-shadow:0 0 0 3px #65ffe6}
.outfit-builder button:focus-visible,.outfit-builder select:focus-visible{outline:3px solid #00878c;outline-offset:4px}.look-help{font-size:14px;line-height:1.5;margin:0;color:#51415f}
.outfit-result{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;scroll-margin-top:90px}.outfit-visual{border:1px solid #dfd4e7;border-radius:22px;overflow:hidden;background:#faf8f4;min-width:0}
.outfit-label{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 22px}.outfit-label span{display:inline-block;font-size:14px;font-weight:700;border-radius:20px;padding:6px 12px;background:#65ffe6;color:#263839}.outfit-label strong{font:700 26px/1.2 var(--brand-display);color:var(--outfit-ink)}
.single-outfit{margin:0}#outfit-photo-window{width:100%;aspect-ratio:3/2;background:#f1f0ed;overflow:hidden}#outfit-photo-window img{display:block;width:100%;max-width:100%;height:100%;object-fit:contain}#outfit-photo-window[aria-busy=true]{opacity:.45}
.look-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px}.look-pager span{font-size:14px;white-space:nowrap;color:#51415f}#outfit-status:not(.sr-only){font-size:14px;line-height:1.4;color:#462359;margin:0;padding:0 20px 14px;min-height:34px}
.outfit-recipe{padding:24px;border:1px solid #d7c3e8;border-radius:20px;background:white}.outfit-recipe h2{font-size:clamp(28px,3vw,36px);margin:4px 0 12px}.outfit-recipe p{font-size:16px;line-height:1.6}.outfit-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.outfit-color{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;line-height:1.3;text-align:center;min-width:0}.outfit-color i{display:block;width:100%;height:78px;border-radius:14px;border:1px solid #0003}.outfit-recipe .outfit-note{font-size:13px;color:#605265}.outfit-tip{border-left:4px solid #00878c;padding-left:14px}.outfit-save{min-height:44px;padding:10px 0;background:none;border:0;text-decoration:underline;color:#55208d;font:600 15px var(--brand-body);cursor:pointer}.outfit-help{font-size:15px}.outfit-help a{color:#55208d;font-weight:600}
.gate .tips-consent{display:flex;align-items:flex-start;gap:12px;margin:20px 0;font-size:15px;line-height:1.5}.gate .tips-consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:#7130c9}
@media(max-width:750px){.outfit-controls{grid-template-columns:1fr;padding:18px;gap:18px}.outfit-intro{padding:22px 20px}.outfit-view-toggle button{flex:1 1 125px}.outfit-label{padding:16px;align-items:flex-start;flex-direction:column}.outfit-label strong{font-size:23px}.look-pager{padding:12px}.look-pager button{padding:10px 12px;font-size:14px}.outfit-recipe{padding:20px}.outfit-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.outfit-color i{height:68px}}
@media print{.tince-header,.tince-footer,.outfit-controls,.outfit-save,.outfit-help,.reset,.look-pager,#outfit-status{display:none!important}.outfit-intro{background:white;color:#302039;padding:0}.outfit-intro h1{color:#302039!important}.outfit-intro .studio-kicker{color:#55208d!important}.outfit-result{display:block}.outfit-visual,.outfit-recipe{break-inside:avoid}.outfit-recipe{margin-top:18px}.outfit-builder{print-color-adjust:exact;-webkit-print-color-adjust:exact}}



.info-card.gate label.tips-consent{display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;margin:16px 0;text-align:left}.info-card.gate label.tips-consent input[type=checkbox]{display:block!important;width:22px!important;height:22px!important;min-height:22px!important;margin:3px 0 0!important;padding:0!important;box-sizing:border-box}.info-card.gate label.tips-consent>span{display:block;min-width:0;line-height:1.5}

.guide-page #guide-season{display:block;width:100%;min-height:48px;box-sizing:border-box;margin-top:6px;padding:12px 14px;border:1px solid #b9a7cf;border-radius:10px;background:#fff;color:#291d39;font:inherit;font-size:16px}.outfit-image-note{font-size:13px;line-height:1.5;color:#62586b;margin:10px 0 0;text-align:left}.outfit-controls:has(>#outfit-season),.outfit-builder .outfit-controls{grid-template-columns:minmax(0,1fr)}

.outfit-mobile-panels{display:none}@media(max-width:700px){#outfit-photo-window{display:none}.outfit-mobile-panels{display:grid;gap:12px}.outfit-mobile-crop{position:relative;overflow:hidden;width:100%;aspect-ratio:3/4;background:#f1f0ed}.outfit-mobile-crop img{position:absolute;top:0;width:200%!important;max-width:none!important;height:100%;object-fit:fill}.outfit-mobile-crop.people img{left:0}.outfit-mobile-crop.clothes img{left:-100%}}

/* Clear heading/supporting-copy hierarchy for the outfit advice. */
.guide-page .outfit-recipe>h2{font-size:clamp(26px,3vw,34px);line-height:1.2;margin:4px 0 12px}
.guide-page .outfit-recipe #outfit-reason{font-size:18px;line-height:1.5;max-width:65ch;margin:0 0 22px}
.guide-page .outfit-recipe .outfit-palette-note,.guide-page .outfit-recipe .outfit-tip{margin:22px 0;padding:0;border:0;max-width:65ch}
.guide-page .outfit-recipe h3{font-family:var(--brand-body);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 6px;color:#302039}
.guide-page .outfit-recipe .outfit-note,.guide-page .outfit-recipe .outfit-tip p{font-size:15px;line-height:1.6;margin:0;color:#605265}
.guide-page .outfit-save{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;border:1px solid #9676af;border-radius:8px;text-decoration:none;background:#fff;margin-top:2px}
@media(max-width:600px){.guide-page .outfit-save{width:100%}}

.guide-page .outfit-recipe>.outfit-note{font-size:16px;line-height:1.5;margin:20px 0;color:#605265}
.guide-page .outfit-help{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:24px 0 0;padding:22px 24px;background:#f5f0fa;border:1px solid #ded0eb;border-radius:16px}
.guide-page .outfit-help h2{font-family:var(--brand-body);font-size:20px;font-weight:700;line-height:1.3;margin:0}
.guide-page .outfit-help a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:8px;background:#7130c9;color:#fff;font-size:16px;line-height:1.4;text-decoration:none}
.guide-page .outfit-help a:hover{background:#55208d}.guide-page .outfit-help a:focus-visible{outline:3px solid #00878c;outline-offset:3px}
@media(max-width:600px){.guide-page .outfit-help{padding:20px}.guide-page .outfit-help a{width:100%;box-sizing:border-box}}
@media print{.guide-page .outfit-help{display:none!important}}

.guide-page .single-outfit>.outfit-image-note{display:block;margin:0;padding:12px 20px 0;font-size:14px;line-height:1.5;color:#62586b;text-align:left}
.guide-page .look-pager{padding:12px 20px 16px}
@media(max-width:600px){.guide-page .single-outfit>.outfit-image-note{padding:12px 16px 0}.guide-page .look-pager{padding:12px 16px 16px}}