.bracalc-style-recommender,.bracalc-fit-diagnoser{max-width:900px;margin:0 auto}.seo-intro{text-align:center;margin-bottom:var(--space-6);font-size:var(--text-lg);color:var(--color-text-light);max-width:700px;margin-left:auto;margin-right:auto}.option-grid{gap:var(--space-3);display:grid}.option-grid--4{grid-template-columns:repeat(4,1fr)}.option-grid--3{grid-template-columns:repeat(3,1fr)}@media (width<=700px){.option-grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.option-grid--4,.option-grid--3{grid-template-columns:1fr}}.option-card{cursor:pointer}.option-card input{opacity:0;pointer-events:none;position:absolute}.option-card__content{text-align:center;padding:var(--space-4);background:var(--color-bg-soft);border:2px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;height:100%;transition:all .2s;display:flex}.option-card__content:hover{border-color:var(--color-primary);background:var(--color-primary-ultra-light);transform:translateY(-2px)}.option-card input:checked+.option-card__content{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 4px #d4a5a533}.option-card__icon{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.option-card__label{font-weight:600;font-size:var(--text-sm);color:var(--color-heading);margin-bottom:var(--space-1)}.option-card__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.checkbox-grid{gap:var(--space-3);display:grid}.checkbox-grid--3{grid-template-columns:repeat(3,1fr)}@media (width<=600px){.checkbox-grid--3{grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.checkbox-grid--3{grid-template-columns:1fr}}.checkbox-card{cursor:pointer}.checkbox-card input{opacity:0;pointer-events:none;position:absolute}.checkbox-card__content{text-align:center;padding:var(--space-4);background:var(--color-bg-soft);border:2px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;height:100%;transition:all .2s;display:flex}.checkbox-card__content:hover{border-color:var(--color-primary)}.checkbox-card input:checked+.checkbox-card__content{border-color:var(--color-primary);background:var(--color-primary-light)}.checkbox-card__icon{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.checkbox-card__label{font-size:var(--text-xs);color:var(--color-text);font-weight:500}.form-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.results__header{text-align:center;margin-bottom:var(--space-6)}.results__header h3{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.results__header p{color:var(--color-text-light)}.style-results-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.style-result-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all .2s}.style-result-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.style-result-card--primary{border-color:var(--color-primary);background:linear-gradient(135deg,#d4a5a51a,#b8a9c91a)}.style-result-card--primary:before{content:"⭐ Top Pick";padding:var(--space-1) var(--space-2);background:var(--color-primary);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);margin-bottom:var(--space-3);font-weight:600;display:inline-block}.style-result-card__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.style-result-card__icon{font-size:var(--text-3xl)}.style-result-card__name{font-weight:700;font-size:var(--text-lg);color:var(--color-heading)}.style-result-card__desc{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-3);line-height:1.6}.style-result-card__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.style-result-card__tag{padding:var(--space-1) var(--space-2);background:var(--color-bg-soft);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.wardrobe-builder{background:var(--color-bg-soft);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.wardrobe-builder h4{font-size:var(--text-lg);margin-bottom:var(--space-2)}.wardrobe-builder>p{color:var(--color-text-light);margin-bottom:var(--space-4)}.wardrobe-checklist{gap:var(--space-3);flex-direction:column;display:flex}.wardrobe-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-lg);display:flex}.wardrobe-item__check{background:var(--color-success);color:#fff;width:24px;height:24px;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wardrobe-item__text{font-size:var(--text-sm)}.wardrobe-item__text strong{color:var(--color-heading)}.fit-problems-grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=700px){.fit-problems-grid{grid-template-columns:1fr}}.fit-category__title{font-size:var(--text-base);margin-bottom:var(--space-3);padding-bottom:var(--space-2);font-weight:600}.problem-option{margin-bottom:var(--space-3);cursor:pointer;display:block}.problem-option input{opacity:0;pointer-events:none;position:absolute}.problem-option__card{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-soft);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s;display:flex}.problem-option__card:hover{border-color:var(--color-primary)}.problem-option input:checked+.problem-option__card{border-color:var(--color-error);background:#e573731a}.problem-option__icon{font-size:var(--text-xl);flex-shrink:0}.problem-option__text{flex-direction:column;display:flex}.problem-option__text strong{font-size:var(--text-sm);color:var(--color-heading);margin-bottom:2px}.problem-option__text span{font-size:var(--text-xs);color:var(--color-text-muted)}.diagnosis-cards{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.diagnosis-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.diagnosis-card__header{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-light);background:#e573731a;display:flex}.diagnosis-card__icon{font-size:var(--text-2xl)}.diagnosis-card__problem{color:var(--color-heading);font-weight:600}.diagnosis-card__body{padding:var(--space-4)}.diagnosis-card__cause{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-bg-soft);border-radius:var(--radius-md);display:flex}.diagnosis-card__cause-icon{color:var(--color-warning);font-weight:700}.diagnosis-card__cause-text{font-size:var(--text-sm)}.diagnosis-card__solutions h4{font-size:var(--text-sm);color:var(--color-success);margin-bottom:var(--space-2)}.diagnosis-card__solutions ul{padding-left:var(--space-5);margin:0}.diagnosis-card__solutions li{font-size:var(--text-sm);margin-bottom:var(--space-2);line-height:1.5}.diagnosis-card__solutions li:last-child{margin-bottom:0}.diagnosis-summary-box{border:1px solid var(--color-success);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);background:linear-gradient(135deg,#7fb77e1a,#81b3d21a)}.diagnosis-summary-box h4{font-size:var(--text-base);margin-bottom:var(--space-3)}.quick-fix-list{gap:var(--space-2);flex-direction:column;display:flex}.quick-fix-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.quick-fix-item__icon{color:var(--color-success)}.style-guide-section{margin-top:var(--space-12);padding:var(--space-8);background:var(--color-bg-soft);border-radius:var(--radius-2xl)}.style-guide-section h2{text-align:center;margin-bottom:var(--space-2)}.style-guide-intro{text-align:center;color:var(--color-text-light);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.style-guide-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.style-guide-item{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-5)}.style-guide-item h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.style-guide-item p{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-2);line-height:1.5}.style-guide-item strong{color:var(--color-primary-dark)}.fit-guide-section{margin-top:var(--space-12);padding:var(--space-8);background:var(--color-bg-soft);border-radius:var(--radius-2xl)}.fit-guide-section h2{text-align:center;margin-bottom:var(--space-8)}.fit-guide-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.fit-guide-item{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-5)}.fit-guide-item h3{font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--color-error)}.fit-guide-item p{font-size:var(--text-sm);margin-bottom:var(--space-2);line-height:1.5}.fit-guide-item strong{color:var(--color-heading)}.results__actions{gap:var(--space-3);flex-direction:column;display:flex}@media (width>=480px){.results__actions{flex-direction:row;justify-content:center}}