/* FW_CLOTHING_PREVIEW_START: scoped; does not alter existing 133 index pages */
.clothing-hero{max-width:900px;margin-inline:auto}.clothing-preview-note{font-size:.82rem;color:#5b625f}
.clothing-workspace,.clothing-copy,.clothing-faq,.clothing-related{max-width:1000px;margin:18px auto;padding:clamp(16px,3vw,30px)}
.clothing-workspace{background:#f6faf7;border:1px solid #dcebe2;border-radius:20px}
.clothing-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.clothing-category{background:#e3ede8;border-radius:30px;padding:7px 13px;font-size:.85rem}
.clothing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.clothing-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-weight:600;font-size:.92rem}
.clothing-field input,.clothing-field select{min-width:0;max-width:100%;width:100%;background:white;border:1px solid #bccfc4;border-radius:9px;padding:12px;color:#183d33;font-size:1rem}
.clothing-field input:focus-visible,.clothing-field select:focus-visible,.clothing-form button:focus-visible{outline:3px solid #4c8972;outline-offset:2px}
.clothing-toggles{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}.clothing-toggles label{display:flex;align-items:center;gap:7px;font-size:.93rem}
.clothing-wardrobe-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.clothing-wardrobe-item{display:flex;gap:10px;align-items:flex-start;background:white;border:1px solid #dae8df;border-radius:10px;padding:12px;cursor:pointer}
.clothing-wardrobe-item input{margin-top:5px;flex-shrink:0}.clothing-wardrobe-item span{display:grid;gap:4px}.clothing-wardrobe-item small{color:#566a5f;line-height:1.45}
.clothing-result{display:none;margin-top:16px;border-left:4px solid #477c68;background:#fff;border-radius:8px;padding:14px 20px}
.clothing-result.is-visible{display:block}.clothing-result ul{padding-left:22px}.clothing-result li{margin:7px 0}
.clothing-disclaimer,.clothing-small{font-size:.83rem;color:#50665c;line-height:1.55}
.clothing-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.clothing-explain{padding:14px;background:#f8faf8;border-radius:12px}
.clothing-explain h2{font-size:1.15rem}.clothing-faq details{border-bottom:1px solid #d6e0db;padding:14px 2px}.clothing-faq summary{font-weight:600;cursor:pointer}
.clothing-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clothing-links a{display:block;background:#f2f8f4;border:1px solid #d5e5dc;border-radius:10px;padding:12px;text-decoration:none;color:#204c3d}.clothing-links a:hover,.clothing-links a:focus-visible{background:#e7f3ec;text-decoration:underline}
@media(max-width:640px){.clothing-fields,.clothing-wardrobe-list,.clothing-copy,.clothing-links{grid-template-columns:1fr}.clothing-workspace,.clothing-copy,.clothing-faq,.clothing-related{padding:16px}}
/* FW_CLOTHING_PREVIEW_END */

.clothing-intent{max-width:1000px;margin:16px auto;padding:15px 22px;background:#eef7f2;border-left:4px solid #5d9176;border-radius:12px}
.clothing-intent h2{font-size:1.1rem;margin:0 0 6px}.clothing-intent p{margin:0}

.clothing-weather-lookup{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:8px 14px;align-items:end;margin:12px 0;padding:14px;background:#ecf4ee;border-radius:12px}
.clothing-weather-lookup button{min-height:45px;padding:10px 12px;border:1px solid #7aa18f;border-radius:9px;background:white;color:#234b3b;font-weight:600;cursor:pointer}
.clothing-weather-lookup button:disabled{opacity:.65;cursor:wait}.clothing-weather-lookup p{grid-column:1/-1;margin:0;font-size:.82rem;color:#385b4e}
@media(max-width:640px){.clothing-weather-lookup{grid-template-columns:1fr}}
/* V5.9.1 tool-first product UI: scoped to the preview tools. */
.clothing-workspace{max-width:950px;border-radius:22px;background:#f6faf8}
.clothing-step{margin:12px 0 18px;padding:14px 0;border-top:1px solid #d6e4dc}
.clothing-step h3{margin:0 0 12px;font-size:1.02rem;color:#1c5540}
.clothing-workspace-title h2{margin:0}
.clothing-wardrobe-group{border:0;padding:0;margin:0 0 22px;min-width:0}
.clothing-wardrobe-group legend{display:block;width:100%;font-weight:700;color:#214d3c;margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid #d6e4dc}
.clothing-wardrobe-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.clothing-wardrobe-item{align-items:center;justify-content:space-between;gap:12px;cursor:auto;min-height:84px}
.clothing-garment-name{flex:1;min-width:0}.clothing-garment-name strong{line-height:1.3}.clothing-garment-name small{line-height:1.4}
.clothing-quantity{display:flex;flex-direction:column;align-items:center;gap:3px;color:#486558;font-size:.73rem;flex-shrink:0}
.clothing-quantity input{width:56px;height:42px;text-align:center;border:1px solid #b7d1c4;border-radius:8px;background:#fff;font-size:1rem;font-weight:700;font-family:inherit;color:#1a503c;padding:5px}
.clothing-laundry{background:white;border:1px solid #d3e6db;border-radius:10px;padding:12px 15px;margin:12px 0}
.clothing-laundry summary{cursor:pointer;font-weight:700}.clothing-laundry .clothing-fields{margin-bottom:2px}
.clothing-submit{width:100%;max-width:480px;min-height:52px;font-weight:700;border-radius:12px}
.clothing-result{border:1px solid #c7ded2;border-left:4px solid #408968;border-radius:16px;padding:clamp(14px,3vw,26px);background:#fff;outline:none;scroll-margin-top:30px}
.clothing-result-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.clothing-result-top h3{font-size:1.3rem;margin:3px 0 0}
.clothing-result-kicker{font-size:.78rem;letter-spacing:.02em;color:#58786b}
.clothing-temperature-pill{border:1px solid #d3e7d9;background:#eef7f1;border-radius:16px;padding:7px 13px;color:#2d6248;white-space:nowrap}
.clothing-outfit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:10px}
.clothing-outfit-row{display:flex;align-items:flex-start;gap:12px;background:#f5f9f6;border:1px solid #dce9e0;border-radius:12px;padding:14px;min-width:0}
.clothing-outfit-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#e4efe8;color:#286449;font-size:1.25rem}
.clothing-outfit-info{display:flex;flex-direction:column;gap:4px;min-width:0}.clothing-outfit-info small{color:#597465;font-size:.78rem}.clothing-outfit-info strong{line-height:1.3}.clothing-outfit-info em{font-style:normal;font-size:.8rem;color:#556b60}
.clothing-result-section{margin-top:15px;border-radius:12px;padding:13px 16px;border:1px solid #e0e9e3}
.clothing-result-section h4{margin:0 0 7px;font-size:.98rem}.clothing-gaps{background:#fff9ef;border-color:#f0e0bd}.clothing-alert,.clothing-highlight-alert{background:#fff6f1;border-color:#efd3c6}
.clothing-highlight-alert{padding:10px 18px;border-radius:12px;margin-bottom:12px}.clothing-feedback{margin:8px 0;padding-left:22px}.clothing-feedback li{margin:6px 0;line-height:1.48}
.clothing-outfit-verdict{font-weight:650;margin:14px 0 0;color:#295842}.clothing-empty{padding:12px;background:#fff7ec;border-radius:10px}
.clothing-explanations{margin-top:16px;padding:13px 16px;border:1px solid #dde6df;border-radius:12px;background:#fbfcfb}
.clothing-explanations summary{cursor:pointer;font-weight:650}.clothing-explanations p{font-size:.85rem;color:#576b60}
.clothing-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clothing-comparison-item{padding:13px;background:white;border-radius:10px;border:1px solid #e2ece5}.clothing-comparison-item p{margin:7px 0;font-size:.9rem}.clothing-comparison-item span{font-size:.82rem;color:#566d5f}
@media(max-width:700px){.clothing-outfit-grid,.clothing-comparison-grid,.clothing-wardrobe-list{grid-template-columns:1fr}.clothing-wardrobe-item{min-height:70px}.clothing-workspace{padding:16px}.clothing-quantity input{width:62px}.clothing-result-top h3{font-size:1.12rem}}

/* V5.9.2: compact, mobile-first tools. Scope remains restricted to clothing pages. */
.clothing-workspace{max-width:820px;padding:clamp(15px,2.7vw,24px);border-radius:18px}
.clothing-hero{max-width:820px}
.clothing-step{margin:12px 0 14px;padding:12px 0 0}
.clothing-fields{gap:10px;margin:12px 0}
.clothing-core-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.clothing-step>.clothing-field{margin:12px 0}
.clothing-toggles{margin:10px 0 12px;gap:18px}
.clothing-advanced{border:1px solid #d6e5da;background:#fff;border-radius:12px;margin:10px 0;padding:0 13px}
.clothing-advanced>summary{list-style:none;cursor:pointer;font-weight:650;color:#315a49;padding:12px 0}
.clothing-advanced>summary::-webkit-details-marker{display:none}
.clothing-advanced>summary::after{content:'＋';float:right;color:#557365;font-weight:500}
.clothing-advanced[open]>summary::after{content:'−'}
.clothing-advanced[open]>summary{border-bottom:1px solid #e3ebe5}
.clothing-weather-panel{background:#f7faf8}
.clothing-weather-lookup{margin:10px 0;padding:10px;background:transparent}
.clothing-submit{max-width:none;margin-top:8px}
.clothing-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 8px}
.clothing-quick-pick{display:flex;align-items:center;gap:8px;min-width:0;text-align:left;border:1px solid #d7e3db;background:#fff;color:#284e3b;padding:11px 10px;border-radius:11px;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.35;min-height:52px}
.clothing-quick-pick[aria-pressed="true"]{background:#e3f2e8;border-color:#5b9a76;box-shadow:inset 0 0 0 1px #5b9a76}
.clothing-quick-pick:focus-visible{outline:3px solid #4c8972;outline-offset:2px}
.clothing-quick-check{display:grid;place-items:center;flex:0 0 19px;height:19px;border:1.5px solid #8ea99b;border-radius:5px;color:transparent;font-size:.78rem}
.clothing-quick-pick[aria-pressed="true"] .clothing-quick-check{color:#fff;background:#277c51;border-color:#277c51}
.clothing-quick-help{margin:2px 0 8px}
.clothing-all-inventory{margin:10px 0}
.clothing-all-inventory .clothing-wardrobe-group{margin:12px 0}
.clothing-all-inventory .clothing-wardrobe-item{min-height:56px;padding:8px 10px}
.clothing-all-inventory .clothing-quantity{flex-direction:row;gap:7px}
.clothing-all-inventory .clothing-quantity input{height:35px;width:52px}
.clothing-all-inventory .clothing-garment-name strong{font-size:.85rem}
.clothing-result{margin-top:15px;border-radius:15px;padding:clamp(13px,2.7vw,20px)}
.clothing-result-top{margin-bottom:11px}
.clothing-result-top h3{font-size:1.18rem;margin:1px 0 0}
.clothing-outfit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.clothing-result .clothing-outfit-row{align-items:center;gap:10px;margin:0;min-height:64px;padding:10px;border-radius:10px}
.clothing-outfit-icon{flex:0 0 37px;height:37px;border-radius:10px}
.clothing-outfit-icon svg{width:23px;height:23px}
.clothing-outfit-info{gap:2px}
.clothing-outfit-info strong{font-size:.92rem;line-height:1.28}
.clothing-outfit-info small{font-size:.73rem;line-height:1.25}
.clothing-outfit-info em{font-size:.76rem}
.clothing-outfit-verdict{font-size:.9rem;margin:12px 0 4px;color:#285743}
.clothing-outfit-verdict.clothing-incomplete{color:#8b5028}
.clothing-result-section{padding:11px 12px;margin-top:11px}
.clothing-result-section h4{margin-bottom:4px;font-size:.91rem}
.clothing-feedback{margin:5px 0;padding-left:19px}.clothing-feedback li{margin:4px 0;font-size:.88rem}
.clothing-explanations{margin-top:10px;padding:11px 12px}
.clothing-disclaimer{margin-top:14px}
@media(max-width:700px){
 .clothing-core-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .clothing-outfit-grid{grid-template-columns:1fr}
 .clothing-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .clothing-outfit-row{min-height:54px!important;padding:8px 10px!important}
 .clothing-step{padding-top:10px}
 .clothing-workspace{padding:14px}
}
@media(max-width:370px){.clothing-core-fields{grid-template-columns:1fr}.clothing-quick-grid{grid-template-columns:1fr}}

/* V5.9.3 — distinct single-garment vs. owned-outfit flows, without new URLs. */
.clothing-step-check{border-top:0;padding-top:0;margin-top:6px}
.clothing-primary-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.clothing-step-closet-weather .clothing-primary-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.clothing-temp-row{max-width:190px;margin:10px 0}
.clothing-temp-row .clothing-field{margin:0}
.clothing-step-check .clothing-advanced,.clothing-step-closet-weather .clothing-advanced{margin:10px 0}
.clothing-save{font-size:.84rem;color:#476452;margin:9px 0}
.clothing-assessment{background:#eef7f0;border:1px solid #c5dfce;border-left:4px solid #3a8561;border-radius:12px;padding:13px 14px;margin:8px 0 14px}
.clothing-assessment strong{font-size:1rem;display:block;color:#245641}
.clothing-assessment p{font-size:.9rem;margin:6px 0 0;color:#36594b;line-height:1.47}
.clothing-assessment-adjust{background:#fff9ed;border-color:#ead9b2;border-left-color:#ae8547}
.clothing-assessment-adjust strong{color:#745523}
.clothing-assessment-avoid{background:#fff2ee;border-color:#e9cabb;border-left-color:#a95742}
.clothing-assessment-avoid strong{color:#923c2a}
.clothing-decision-next{margin:10px 0;border-top:1px solid #e5ede7;padding-top:9px}
.clothing-decision-next h4{font-size:.92rem;color:#294c3d;margin:0 0 4px}
.clothing-decision-next .clothing-feedback{font-size:.88rem;margin:3px 0}
.clothing-decision-next .clothing-feedback li{padding:0}
.clothing-result .clothing-comparison-grid{margin-top:8px}
.clothing-unused summary{font-size:.88rem}
.clothing-workspace .clothing-step h3{font-size:.98rem}
.clothing-result-top h3{line-height:1.2}
@media(max-width:700px){
 .clothing-primary-fields{grid-template-columns:1fr}
 .clothing-step-closet-weather .clothing-primary-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .clothing-temp-row{max-width:none}
 .clothing-result{padding:13px}
 .clothing-quick-grid{gap:7px}
}
@media(max-width:370px){.clothing-step-closet-weather .clothing-primary-fields{grid-template-columns:1fr}}

/* V5.9.7: make chosen/unused owned clothes transparent, without changing the existing forms. */
.clothing-picked-label{display:flex;align-items:center;gap:6px;margin:8px 0 7px;font-size:.83rem;font-weight:700;color:#315843}
.clothing-picked-label span,.clothing-not-used h4 span{font-weight:500;color:#60786a}
.clothing-not-used{background:#f8faf8;border:1px solid #dce8df;border-radius:10px;padding:10px 12px;margin:10px 0}
.clothing-not-used h4{font-size:.85rem;color:#315843;margin:0 0 7px}
.clothing-unused-list{padding:0!important;margin:0!important;list-style:none;display:grid;gap:7px}
.clothing-result .clothing-unused-list li{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;font-size:.83rem;line-height:1.4}
.clothing-unused-list strong{font-size:.86rem;color:#294d3b}
.clothing-unused-list span{color:#52695c}
.clothing-not-used details{margin-top:8px;border-top:1px solid #dce8df;padding-top:7px}
.clothing-not-used details summary{cursor:pointer;font-size:.83rem;font-weight:600;color:#315843}
.clothing-not-used details .clothing-unused-list{margin-top:8px!important}
@media(max-width:700px){.clothing-not-used{padding:9px 11px}.clothing-unused-list{gap:8px}}

/* V6.12.3: make incomplete plans and persistence state visible without adding clutter. */
.clothing-readiness{border:1px solid #cee0d4;background:#f1f8f3;color:#295841;border-radius:11px;padding:12px 14px;margin:5px 0 13px;font-weight:650;line-height:1.5}
.clothing-readiness-incomplete{border-color:#edcdae;background:#fff8ef;color:#825122}
.clothing-save{padding:11px 14px;border-radius:11px;border:1px solid #d9e5dd;background:#f7faf8}
.clothing-save>label{display:flex;gap:8px;align-items:flex-start;font-weight:650}
.clothing-save>label input{flex-shrink:0;margin-top:3px}
.clothing-save-hint,.clothing-save-status{margin:5px 0 0;font-size:.81rem;line-height:1.5}
.clothing-save-status{font-weight:600;color:#285c47}
.clothing-clear-saved{border:0;background:none;text-decoration:underline;color:#355c49;padding:5px 0;cursor:pointer;font:inherit;font-size:.79rem;margin-top:4px}
.clothing-clear-saved[hidden]{display:none}
.clothing-result-storage{color:#466b58;font-weight:600}

/* V6.12.4 — keep the outfit first and offer a clear way back to edit on mobile. */
.clothing-result-context{margin:-5px 0 10px;color:#587064;font-size:.84rem;font-weight:650}
.clothing-result-edit{display:inline-flex;align-items:center;justify-content:center;margin:14px 0 0;padding:9px 14px;min-height:44px;border:1px solid #7fa995;border-radius:10px;background:#fff;color:#245a42;font:inherit;font-size:.89rem;font-weight:700;cursor:pointer}
.clothing-result-edit:focus-visible{outline:3px solid #4c8972;outline-offset:3px}
.clothing-result{scroll-margin-top:20px}
@media(max-width:719px){
 .clothing-result-edit{width:100%}
 .clothing-workspace{margin-top:12px}
 .clothing-quick-pick{min-height:48px;padding:9px 10px}
 .clothing-primary-fields{gap:8px}
 .clothing-save{padding:10px 12px}
 .clothing-result-section{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.clothing-result{scroll-behavior:auto}}