.bracalc-guide{max-width:900px;margin:0 auto}.guide-intro{text-align:center;margin-bottom:var(--space-8)}.guide-intro__text{font-size:var(--text-lg);color:var(--color-text-light);max-width:700px;margin:0 auto;line-height:1.7}.guide-section{margin-bottom:var(--space-12)}.guide-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--color-heading)}.guide-section h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.section-intro{color:var(--color-text-light);margin-bottom:var(--space-6);font-size:var(--text-base)}.chart-nav,.faq-nav{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-soft);border-radius:var(--radius-lg);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.chart-nav__label,.faq-nav__label{color:var(--color-text-muted);font-weight:600;font-size:var(--text-sm)}.chart-nav__link,.faq-nav__link{padding:var(--space-2) var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);font-weight:500;text-decoration:none;transition:all .2s}.chart-nav__link:hover,.faq-nav__link:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.supplies-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.supply-item{text-align:center;padding:var(--space-4);background:var(--color-bg-soft);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.supply-item__icon{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.supply-item__name{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-1)}.supply-item__note{font-size:var(--text-xs);color:var(--color-text-muted)}.step-card{gap:var(--space-5);padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-4);display:flex}.step-card__number{background:var(--color-primary);color:#fff;width:48px;height:48px;font-size:var(--text-xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-card__content{flex:1}.step-card__content h3{margin-bottom:var(--space-3)}.step-card__instructions ol,.step-card__instructions ul{margin:0 0 var(--space-4);padding-left:var(--space-5)}.step-card__instructions li{margin-bottom:var(--space-2);line-height:1.6}.step-card__tip{padding:var(--space-4);background:var(--color-primary-ultra-light);border:1px solid var(--color-primary);border-radius:var(--radius-md)}.step-card__tip--alt{background:#10b9811a;border-color:#10b981}.step-card__tip strong{margin-bottom:var(--space-2);display:block}.step-card__tip .example{font-family:monospace;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}@media (width<=600px){.step-card{flex-direction:column}}.cup-chart{gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.cup-chart__row{padding:var(--space-2) var(--space-3);background:var(--color-bg-soft);border-radius:var(--radius-md);justify-content:space-between;display:flex}.cup-chart__diff{color:var(--color-text-muted);font-size:var(--text-sm)}.cup-chart__cup{color:var(--color-primary-dark);font-weight:700}.size-example{background:var(--color-bg-soft);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-4) 0}.size-example__calc{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.size-example__item{text-align:center;padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-lg);min-width:70px}.size-example__item--result{background:var(--color-primary);color:#fff}.size-example__item--result .size-example__label{color:#fffc}.size-example__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.size-example__value{font-size:var(--text-xl);font-weight:700}.size-example__operator{font-size:var(--text-xl);color:var(--color-text-muted);font-weight:300}.mistakes-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.mistake-card{padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.mistake-card--wrong{background:#ef44440d;border-color:#ef44444d}.mistake-card__icon{font-size:var(--text-2xl);margin-bottom:var(--space-2);display:block}.mistake-card h4{font-size:var(--text-sm);margin-bottom:var(--space-2)}.mistake-card p{font-size:var(--text-sm);color:var(--color-text-light)}.table-wrapper{margin-bottom:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}.size-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.size-table th,.size-table td{padding:var(--space-3) var(--space-4);text-align:center;border-bottom:1px solid var(--color-border-light)}.size-table th{background:var(--color-bg-soft);color:var(--color-heading);white-space:nowrap;font-weight:600}.size-table tbody tr:hover{background:var(--color-bg-soft)}.size-table tbody tr.highlight{background:#d4a5a51a}.size-table .highlight-col{background:var(--color-primary-light);font-weight:600}.chart-note{padding:var(--space-4);background:var(--color-bg-soft);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-4)}.conversion-examples{margin:var(--space-6) 0}.conversion-examples h4{margin-bottom:var(--space-3)}.examples-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.example-item{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-soft);border-radius:var(--radius-lg);font-size:var(--text-sm);display:flex}.example-item__from,.example-item__to{font-weight:600}.example-item__arrow{color:var(--color-primary)}.brand-note{background:var(--color-bg-soft);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-6)}.brand-note h4{margin-bottom:var(--space-3)}.brand-note ul{padding-left:var(--space-5);margin:0}.brand-note li{margin-bottom:var(--space-2);font-size:var(--text-sm)}.sister-size-tips{margin-top:var(--space-6)}.sister-size-tips h4{margin-bottom:var(--space-4)}.tips-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.tip-card{padding:var(--space-4);background:var(--color-bg-soft);border-radius:var(--radius-lg);text-align:center}.tip-card__icon{font-size:var(--text-2xl);margin-bottom:var(--space-2);display:block}.tip-card h5{font-size:var(--text-sm);margin-bottom:var(--space-2)}.tip-card p{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.fit-checks-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.fit-check-card{padding:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);position:relative}.fit-check-card__number{top:-12px;left:var(--space-4);background:var(--color-primary);color:#fff;width:28px;height:28px;font-size:var(--text-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.fit-check-card h3{margin-top:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-base)}.fit-check-card__pass,.fit-check-card__fail{font-size:var(--text-sm);margin-bottom:var(--space-2);line-height:1.5}.fit-check-card__pass{color:var(--color-success)}.fit-check-card__fail{color:var(--color-error)}.technique-steps{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.technique-step{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-soft);border-radius:var(--radius-lg);display:flex}.technique-step__number{background:var(--color-primary);color:#fff;width:32px;height:32px;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.technique-step h4{font-size:var(--text-sm);margin-bottom:var(--space-1)}.technique-step p{font-size:var(--text-sm);color:var(--color-text-light);margin:0}.technique-note{padding:var(--space-4);border-radius:var(--radius-md);background:#10b9811a;border:1px solid #10b981}.technique-note p{font-size:var(--text-sm);margin:0}.problems-accordion{gap:var(--space-3);flex-direction:column;display:flex}.problem-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.problem-item__header{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--color-bg);cursor:pointer;text-align:left;border:none;transition:background .2s;display:flex}.problem-item__header:hover{background:var(--color-bg-soft)}.problem-item__icon{font-size:var(--text-xl)}.problem-item__title{font-weight:600;font-size:var(--text-base);flex:1}.problem-item__arrow{color:var(--color-text-muted);transition:transform .2s}.problem-item.is-open .problem-item__arrow{transform:rotate(180deg)}.problem-item__body{padding:var(--space-4);font-size:var(--text-sm);padding-top:0;line-height:1.6;display:none}.problem-item.is-open .problem-item__body{display:block}.good-fit-checklist{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.good-fit-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:#047857;background:#10b9811a;display:flex}.faq-list{gap:var(--space-3);flex-direction:column;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.faq-question{width:100%;padding:var(--space-4);background:var(--color-bg);cursor:pointer;text-align:left;font-size:var(--text-base);color:var(--color-heading);border:none;justify-content:space-between;align-items:center;font-weight:600;transition:background .2s;display:flex}.faq-question:hover{background:var(--color-bg-soft)}.faq-icon{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.faq-item.is-open .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--color-text-light);line-height:1.6;display:none}.faq-item.is-open .faq-answer{display:block}.faq-answer ul,.faq-answer ol{margin:var(--space-3) 0;padding-left:var(--space-5)}.faq-answer li{margin-bottom:var(--space-2)}.guide-cta{text-align:center;padding:var(--space-8);background:linear-gradient(135deg, var(--color-primary-light), var(--color-secondary-light));border-radius:var(--radius-2xl);margin-top:var(--space-8)}.guide-cta h3{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.guide-cta p{color:var(--color-text-light);margin-bottom:var(--space-4)}.guide-cta__buttons{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.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}}