:root{--color-bg: #fcfaf8;--color-surface: #ffffff;--color-surface-soft: #f6f1f5;--color-surface-muted: #f2eef1;--color-text: #211d23;--color-text-secondary: #676069;--color-text-subtle: #837b85;--color-surface-dark: #211d23;--color-primary: #86618c;--color-primary-hover: #6d4a72;--color-primary-active: #5b2a5e;--color-primary-soft: #f1e6f2;--color-primary-vivid: #b388ba;--color-accent: #8b5e8e;--color-accent-soft: #eadbea;--color-border: #ded7dd;--color-border-strong: #beb3bd;--color-success: #2f6b55;--color-success-soft: #e7f2ed;--color-warning: #8a5a16;--color-warning-soft: #fff3d9;--color-danger: #9a3d46;--color-danger-soft: #fcebed;--color-info: #3f5f80;--color-info-soft: #eaf1f7;--color-focus: #7c4d80;--color-overlay: rgba(33, 29, 35, .56);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Source Serif 4", Georgia, serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--text-4xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(33, 29, 35, .05);--shadow-md: 0 10px 30px rgba(33, 29, 35, .08);--shadow-lg: 0 20px 50px rgba(33, 29, 35, .1);--container-reading: 760px;--container-tool: 980px;--container-default: 1120px;--container-wide: 1240px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}h1,h2,h3,h4{line-height:1.15;font-weight:700;margin:0 0 var(--space-4);color:var(--color-text);text-transform:capitalize}h1{font-family:var(--font-serif);font-size:clamp(2.25rem,4vw,var(--text-3xl));letter-spacing:-.01em}h2{font-size:clamp(1.5rem,3vw,var(--text-2xl));margin-top:var(--space-8)}h3{font-size:var(--text-lg);margin-top:var(--space-6)}p{margin:0 0 var(--space-4);color:var(--color-text)}ul,ol{padding-left:1.25em}ul li,ol li{margin-bottom:var(--space-2)}a{color:var(--color-primary);text-underline-offset:.15em}a:hover{color:var(--color-primary-hover)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--color-surface-muted);padding:.1em .4em;border-radius:4px;font-size:.9em}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-header,.site-footer{width:100%}.header-inner,.footer-inner{max-width:var(--container-wide);margin-inline:auto;padding-inline:var(--space-5)}main{display:block;max-width:var(--container-default);margin-inline:auto;padding:var(--space-7) var(--space-5) var(--space-9)}main.container-tool{max-width:var(--container-tool)}main.container-reading{max-width:var(--container-reading)}article{max-width:var(--container-reading);margin-inline:auto}.site-header{background:#fcfaf8eb;backdrop-filter:blur(6px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:72px}.nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer}.nav-toggle:hover{border-color:var(--color-primary)}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);color:var(--color-text);text-decoration:none;white-space:nowrap}.wordmark:hover{color:var(--color-text)}.wordmark .badge-pro{background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;padding:.15em .55em;border-radius:var(--radius-pill);letter-spacing:.02em}.main-nav-panel{display:flex;align-items:center;gap:var(--space-5)}.main-nav-panel ul{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-5)}.main-nav-panel a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:600;white-space:nowrap}.main-nav-panel a:hover{color:var(--color-primary)}.main-nav-panel .btn-primary,.main-nav-panel .btn-primary:hover{color:#fff}@media(max-width:1180px){.header-inner{justify-content:flex-start}.nav-toggle{display:inline-flex;margin-left:auto}.main-nav{display:contents}.main-nav-panel{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;align-items:stretch;gap:var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-4) var(--space-5) var(--space-5)}.main-nav-panel.is-open{display:flex}.main-nav-panel ul{flex-direction:column;gap:0}.main-nav-panel ul li{border-bottom:1px solid var(--color-border)}.main-nav-panel ul a{display:block;padding:var(--space-3) 0}.header-cta{width:100%;justify-content:center}}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface-soft);margin-top:var(--space-9)}.footer-inner{padding-block:var(--space-8);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-6)}.footer-inner h2{font-family:var(--font-sans);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);margin:0 0 var(--space-3)}.footer-inner ul{list-style:none;margin:0;padding:0}.footer-inner li{margin-bottom:var(--space-2)}.footer-inner a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.footer-inner a:hover{color:var(--color-primary)}.footer-trust{grid-column:1 / -1;border-top:1px solid var(--color-border);padding-top:var(--space-5);margin-top:var(--space-3);color:var(--color-text-subtle);font-size:var(--text-sm);max-width:var(--container-reading)}nav[aria-label=Breadcrumb]{background:var(--color-surface-soft);border-bottom:1px solid var(--color-border)}nav[aria-label=Breadcrumb] ol{max-width:var(--container-default);margin:0 auto;padding:var(--space-3) var(--space-5);display:flex;flex-wrap:wrap;align-items:center;list-style:none;gap:var(--space-2);font-size:var(--text-sm);line-height:1;color:var(--color-text-subtle)}nav[aria-label=Breadcrumb] li:not(:last-child):after{content:"/";margin-left:var(--space-2);color:var(--color-border-strong)}nav[aria-label=Breadcrumb] a{color:var(--color-text-secondary);text-decoration:none}nav[aria-label=Breadcrumb] a:hover{color:var(--color-primary)}button,.btn{font-family:inherit;font-size:var(--text-base);cursor:pointer}button[type=submit],.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:12px;min-height:48px;padding-inline:1.25rem;font-weight:650;transition:background-color .18s ease,transform .15s ease}button[type=submit]:hover,.btn-primary:hover{background:var(--color-primary-hover);color:#fff;transform:translateY(-1px)}button[type=submit]:active,.btn-primary:active{background:var(--color-primary-active);color:#fff;transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:12px;min-height:48px;padding-inline:1.25rem;font-weight:650;transition:background-color .18s ease,transform .15s ease}.btn-secondary:hover{background:var(--color-primary-soft);transform:translateY(-1px)}.calculator-mode-toggle{display:inline-flex;gap:var(--space-2);background:var(--color-surface-soft);padding:var(--space-1);border-radius:var(--radius-pill);margin-block:var(--space-5)}.calculator-mode-toggle button{border:none;background:transparent;border-radius:var(--radius-pill);padding:.6em 1.1em;font-weight:600;color:var(--color-text-secondary);min-height:44px}.calculator-mode-toggle button[aria-pressed=true]{background:var(--color-primary);color:#fff}section[id$=-calculator],section#converter,section#sister-sizes,section#brand-size-match,section#shape-explorer,section#fit-checker{background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:clamp(1.25rem,3vw,2.5rem);margin-block:var(--space-6)}section[id$=-calculator] h2,section#converter h2,section#sister-sizes h2,section#brand-size-match h2,section#shape-explorer h2,section#fit-checker h2{margin-top:0}form{margin-top:var(--space-5)}form fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-5)}form legend{padding-inline:var(--space-2);font-family:var(--font-mono);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary)}form fieldset label{display:inline-flex;align-items:center;gap:var(--space-2);margin-right:var(--space-5);font-weight:500}.field{margin-bottom:var(--space-5)}.field label{display:block;font-family:var(--font-mono);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);margin-bottom:var(--space-2)}section#fit-checker .field label{font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);text-transform:none;letter-spacing:normal;color:var(--color-text)}.field p{font-size:var(--text-sm);color:var(--color-text-subtle);margin:0 0 var(--space-2);line-height:1.45}input[type=number],input[type=text],input[type=email],select{font-family:inherit;font-size:var(--text-md);width:100%;max-width:320px;min-height:52px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.6em .9em;background:var(--color-surface);color:var(--color-text)}input:focus-visible,select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #5b2a5e1f}input[aria-invalid=true]{border-color:var(--color-danger)}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235B2A5E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9em center;padding-right:2.5em;cursor:pointer}input[type=radio],input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.25em;height:1.25em;border:2px solid var(--color-border-strong);background:var(--color-surface);margin:0;flex-shrink:0;position:relative;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:5px}input[type=radio]:checked,input[type=checkbox]:checked{border-color:var(--color-primary);background:var(--color-primary-soft)}input[type=radio]:checked:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--color-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:.3em;top:.08em;width:.3em;height:.6em;border:solid var(--color-primary);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}fieldset label{cursor:pointer}.field-error{color:var(--color-danger);font-size:var(--text-sm);font-weight:600;margin-top:var(--space-2)}[role=alert]{background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}[role=alert] h3{margin:0 0 var(--space-2);color:var(--color-danger);font-size:var(--text-base)}[role=alert] ul{margin:0;padding-left:1.1em}[role=alert] a{color:var(--color-danger);font-weight:600}p[role=note]{background:var(--color-info-soft);border-left:3px solid var(--color-info);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.privacy-notice{font-size:var(--text-sm);color:var(--color-text-subtle)}section[id$=-result]{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.result-heading{font-family:var(--font-sans);font-size:var(--text-xl)!important;margin-top:0!important}.result-starting-size,.result-size{background:var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--space-5);font-size:var(--text-lg)}.result-confidence{display:inline-block;background:var(--color-warning-soft);color:var(--color-warning);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600}.result-why,.result-conversions,.result-sister-sizes{background:var(--color-surface-soft);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-5)}.result-why h3,.result-conversions h3,.result-sister-sizes h3{margin-top:0}.sister-sizes-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.sister-size{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.sister-size--firmer{border-left:3px solid var(--color-accent)}.sister-size--looser{border-left:3px solid var(--color-info)}.result-warnings,.sister-sizes-warning,.conversion-warning{color:var(--color-warning);font-size:var(--text-sm)}.brand-match-entry-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.brand-match-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2) var(--space-4);margin-top:var(--space-3)}.brand-match-checkbox-grid label{display:flex;align-items:center;gap:var(--space-2);font-weight:400}.brand-match-hint{font-size:var(--text-sm);color:var(--color-text-subtle);margin:0 0 var(--space-3)}.home-tool-card .brand-match-hint,.tool-hero-card .brand-match-hint{color:#ffffff8c}.brand-match-limitation{background:var(--color-surface-soft);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-subtle);margin-top:var(--space-3)}.brand-match-group{margin-top:var(--space-6)}.brand-match-group h3{margin-top:0;font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary)}.brand-match-group--collapsed summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-subtle);padding:var(--space-2) 0}.brand-match-grid{list-style:none;padding:0;margin-top:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.brand-match-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.brand-match-card--unsupported{opacity:.7}.brand-match-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.brand-match-brand{font-weight:700;margin:0}.brand-match-size{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;margin:0}.brand-match-size--none{font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--color-text-subtle)}.brand-match-explanation{font-size:var(--text-sm);color:var(--color-text-subtle);margin:0}.brand-match-unconfirmed{font-size:var(--text-sm);color:var(--color-warning);margin:0}.brand-match-limitations{font-size:var(--text-sm);color:var(--color-text-subtle);margin:0;padding-left:var(--space-5)}.brand-match-verified{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);margin:0}.brand-match-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.brand-match-actions .btn-primary,.brand-match-actions .btn-secondary{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.result-brand-match-cta{margin-top:var(--space-5)}.fit-finding{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);background:var(--color-surface)}.fit-finding--care{background:var(--color-danger-soft);border-color:var(--color-danger)}.fit-finding--action{border-left:4px solid var(--color-primary)}.fit-finding--info{border-left:4px solid var(--color-info);background:var(--color-info-soft)}.fit-finding h3{margin-top:0}.fit-finding-first-test{background:var(--color-surface-soft);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.shape-question{text-align:center;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.12);margin-top:var(--space-5)}.shape-question-progress{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);margin-bottom:var(--space-2)}.shape-question-options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin:var(--space-5) 0}.shape-option-button{font:inherit;font-weight:600;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.shape-option-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.shape-question-actions{display:flex;justify-content:center;gap:var(--space-3);align-items:center}.shape-question-actions .btn-secondary{min-height:40px;padding-inline:var(--space-5);font-size:var(--text-sm)}.shape-observations-grid{display:grid;gap:var(--space-3);margin-top:var(--space-4)}@media(min-width:640px){.shape-observations-grid{grid-template-columns:repeat(2,1fr)}}.shape-observation-card{border-left:3px solid var(--color-primary);background:var(--color-surface-soft);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4);margin:0}.shape-observation-dimension{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-subtle);margin:0 0 var(--space-1)}.shape-observation-text{margin:0}.shape-constructions{display:grid;gap:var(--space-4);margin-top:var(--space-5)}@media(min-width:640px){.shape-constructions{grid-template-columns:repeat(2,1fr)}}.shape-construction-list{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.shape-construction-list--try{background:var(--color-success-soft)}.shape-construction-list--care{background:var(--color-warning-soft)}.shape-construction-label{display:flex;align-items:center;gap:var(--space-2);font-weight:700;margin:0 0 var(--space-3)}.shape-construction-label:before{content:"";width:8px;height:8px;flex-shrink:0;border-radius:50%;background:currentColor}.shape-construction-list--try .shape-construction-label{color:var(--color-success)}.shape-construction-list--care .shape-construction-label{color:var(--color-warning)}.shape-construction-list ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.shape-construction-list li{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0;color:var(--color-text)}.shape-explorer-fitchecker-note{background:var(--color-surface-soft);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.shape-explorer-fitchecker-note .btn-secondary,#shape-explorer-restart{text-transform:uppercase;letter-spacing:.04em}#shape-explorer-restart{margin-top:var(--space-4)}#shape-explorer-result{background:var(--color-surface-soft)}.tool-hero-card .shape-option-button{background:#ffffff0d;border-color:#fff3;color:#fff}.tool-hero-card .shape-option-button:hover{border-color:var(--color-primary-vivid);color:var(--color-primary-vivid)}.tool-hero-card .shape-observation-card,.tool-hero-card .shape-explorer-fitchecker-note{background:var(--color-surface)}.tool-hero-card .shape-question h3{color:#fff}.tool-hero-card .shape-question-progress{color:var(--color-primary-vivid)}.table-scroll{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-block:var(--space-5)}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:1.4}table caption{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;color:var(--color-text-secondary)}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}thead th{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700;white-space:nowrap}tbody tr:nth-child(2n){background:var(--color-surface-soft)}tbody th[scope=row]{font-weight:700}dl>div{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}dl dt a{font-weight:700;text-decoration:none;font-size:var(--text-md)}dl dd{margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.problem-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);list-style:none;padding:0}.problem-picker li a{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;font-weight:600;color:var(--color-text);transition:border-color .15s ease,transform .15s ease}.problem-picker li a:hover{border-color:var(--color-primary);transform:translateY(-2px)}.guide-card-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.guide-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color .15s ease,transform .15s ease}.guide-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.guide-card a{font-weight:700;text-decoration:none;font-size:var(--text-md)}.guide-card p{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.guide-category{text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-2)}.guide-byline{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-2) 0 var(--space-6);display:flex;gap:var(--space-2)}.article-body{font-size:var(--text-base)}.article-body>p:first-child{font-size:var(--text-md);color:var(--color-text-secondary);border-left:3px solid var(--color-primary-vivid);padding-left:var(--space-4)}.article-body>ul{list-style:none;padding:0;margin:var(--space-5) 0;display:grid;gap:var(--space-3)}.article-body>ul>li{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-9);margin:0}.article-body>ul>li:before{content:"";position:absolute;left:var(--space-5);top:1.35em;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.article-body>ol{list-style:none;counter-reset:article-ol;padding:0;margin:var(--space-5) 0;display:grid;gap:var(--space-3)}.article-body>ol>li{counter-increment:article-ol;position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-9);margin:0}.article-body>ol>li:before{content:counter(article-ol);position:absolute;left:var(--space-4);top:var(--space-4);display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-weight:700;font-size:var(--text-sm)}.article-body table{display:block;overflow-x:auto;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-block:var(--space-6)}.article-body blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);background:var(--color-primary-soft);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-body blockquote p:last-child{margin-bottom:0}.section-lede{font-size:var(--text-md);color:var(--color-text-secondary);max-width:68ch;margin-bottom:var(--space-5)}.section-note{background:var(--color-surface-soft);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-6) 0;color:var(--color-text-secondary)}.section-note :last-child{margin-bottom:0}.content-band{margin-block:var(--space-8)}.content-band--tint{background:var(--color-surface-soft);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6)}.content-band--card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-7) var(--space-6)}.content-band h2:first-child{margin-top:0}.guide-article-layout{max-width:var(--container-wide);display:grid;grid-template-columns:minmax(0,var(--container-reading)) 260px;gap:var(--space-8);align-items:start}.guide-article-main{min-width:0}.guide-article-main article{max-width:none;margin-inline:0}.guide-aside{position:sticky;top:96px;display:grid;gap:var(--space-5)}.guide-aside-heading{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:var(--space-3)}.guide-recalculate-card{background:var(--color-surface-soft);border-radius:var(--radius-lg);padding:var(--space-5)}.guide-recalculate-card p:not(.guide-aside-heading){font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.guide-tool-callout{background:var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0;max-width:var(--container-reading)}.guide-tool-callout-heading{font-weight:700;font-size:var(--text-md);margin-bottom:var(--space-2)}.guide-tool-callout p:not(.guide-tool-callout-heading){color:var(--color-text-secondary);margin-bottom:var(--space-4)}.related-links-section{margin-top:var(--space-8)}.related-links-section h2{margin-bottom:var(--space-4)}.related-links-grid{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.related-link-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color .15s ease,transform .15s ease}.related-link-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.related-link-card a{font-weight:700;text-decoration:none;font-size:var(--text-md)}.related-link-card p{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.related-link-card--tool{background:var(--color-primary-soft);border:none}.related-link-card--tool a{color:var(--color-primary)}@media(max-width:880px){.guide-article-layout{grid-template-columns:1fr}.guide-aside{position:static}}.visual-caption{text-align:center;color:var(--color-text-subtle);font-size:var(--text-sm)}.credibility-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.credibility-links a{display:inline-flex;align-items:center;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.credibility-links a:hover{border-color:var(--color-primary);transform:translateY(-2px)}.page-hero{text-align:center;max-width:var(--container-reading);margin:0 auto var(--space-8)}.page-hero-eyebrow{display:inline-flex;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:var(--color-primary-soft);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);margin-bottom:var(--space-4)}.page-hero-lede{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.content-cards{list-style:none;padding:0;margin:var(--space-5) 0;display:grid;gap:var(--space-4)}@media(min-width:640px){.content-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.content-cards li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:0}.content-cards.content-cards--tint li{background:var(--color-surface-soft);border:none}.content-cards-stack{list-style:none;padding:0;margin:var(--space-5) 0;display:grid;gap:var(--space-3)}.content-cards-stack li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:0}.content-cards-stack li strong:first-child{color:var(--color-primary)}.numbered-list{list-style:none;counter-reset:numbered-list;padding:0;margin:var(--space-5) 0;display:grid;gap:var(--space-3)}.numbered-list li{counter-increment:numbered-list;position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-9);margin:0}.numbered-list li:before{content:counter(numbered-list);position:absolute;left:var(--space-4);top:var(--space-4);display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-weight:700;font-size:var(--text-sm)}.size-progression-visual{font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2rem);color:var(--color-primary);margin:var(--space-5) 0 var(--space-2)}.next-step-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--color-primary-soft);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-6) 0}.next-step-cta span{font-weight:600;color:var(--color-text)}.detail-block{background:var(--color-surface-soft);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0}.detail-block h2{margin-top:0}.chip-list{list-style:none;padding:0;margin:var(--space-4) 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-list li{margin:0;background:var(--color-primary-soft);color:var(--color-primary);font-weight:600;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill)}.home-hero,.tool-hero{position:relative;overflow:hidden;background:var(--color-surface-dark);padding:var(--space-9) var(--space-5) var(--space-8);width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:calc(-1 * var(--space-7))}.home-hero-grid,.tool-hero-grid{position:absolute;inset:0;z-index:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.home-hero-inner,.tool-hero-inner{position:relative;z-index:1;max-width:var(--container-tool);margin:0 auto;text-align:center}.home-eyebrow,.tool-hero-eyebrow{display:inline-flex;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary-vivid);margin:0 0 var(--space-6)}.home-eyebrow:before,.tool-hero-eyebrow:before{content:"// "}.home-hero-inner h1,.tool-hero-inner h1{font-family:var(--font-sans);font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#fff;margin:0 0 var(--space-6);text-transform:none}.home-highlight{color:var(--color-primary-vivid)}.home-lede,.tool-hero-lede{font-size:var(--text-lg);color:#ffffffa6;max-width:56ch;margin:0 auto var(--space-7)}.home-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin:0 0 var(--space-7);padding:0}.home-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm)}.home-tool-card,.tool-hero-card{max-width:var(--container-tool);margin:0 auto;text-align:left;background:#2b2630;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6);border:1px solid rgba(255,255,255,.12)}.home-tool-toggle{display:inline-flex;gap:var(--space-2);background:#ffffff14;padding:4px;border-radius:var(--radius-pill);margin-bottom:var(--space-5)}.home-tool-toggle button{border:none;background:transparent;font:inherit;font-weight:600;font-size:var(--text-sm);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);cursor:pointer;color:#fff9}.home-tool-toggle button[aria-pressed=true]{background:var(--color-primary-vivid);color:var(--color-text)}.home-tool-card section[id$=-calculator],.tool-hero-card section[id$=-calculator],.home-tool-card section#converter,.tool-hero-card section#converter,.home-tool-card section#sister-sizes,.tool-hero-card section#sister-sizes,.home-tool-card section#fit-checker,.tool-hero-card section#fit-checker,.home-tool-card section#brand-size-match,.tool-hero-card section#brand-size-match,.home-tool-card section#shape-explorer,.tool-hero-card section#shape-explorer{background:transparent;border:none;box-shadow:none;padding:0;margin:0}.home-tool-card h2,.tool-hero-card h2{font-family:var(--font-mono);font-size:var(--text-md);text-transform:uppercase;letter-spacing:.03em;color:#fff}.home-tool-card #quick-calculator>p,.tool-hero-card #quick-calculator>p,.home-tool-card #advanced-calculator>p,.tool-hero-card #advanced-calculator>p,.home-tool-card #converter>p,.tool-hero-card #converter>p,.home-tool-card #sister-sizes>p,.tool-hero-card #sister-sizes>p,.home-tool-card #fit-checker>p,.tool-hero-card #fit-checker>p,.home-tool-card #brand-size-match>p,.tool-hero-card #brand-size-match>p,.home-tool-card #shape-explorer>p,.tool-hero-card #shape-explorer>p,.home-tool-card .privacy-notice,.tool-hero-card .privacy-notice{color:#ffffff8c}.home-tool-card form fieldset,.tool-hero-card form fieldset{border-color:#ffffff2e}.home-tool-card form legend,.tool-hero-card form legend{color:var(--color-primary-vivid)}.home-tool-card fieldset label,.tool-hero-card fieldset label{color:#ffffffd9}.home-tool-card .field label,.tool-hero-card .field label{color:#fff9}.home-tool-card form label,.tool-hero-card form label{display:flex;align-items:center;gap:var(--space-2);color:#ffffffd9;margin-bottom:var(--space-5)}.home-tool-card .field label,.tool-hero-card .field label,.home-tool-card fieldset label,.tool-hero-card fieldset label{display:block;margin-bottom:var(--space-2)}.home-tool-card fieldset label,.tool-hero-card fieldset label{display:inline-flex;margin-bottom:0;margin-right:var(--space-5)}.home-tool-card .brand-match-checkbox-grid label,.tool-hero-card .brand-match-checkbox-grid label{margin-bottom:0}.home-tool-card section#fit-checker .field label,.tool-hero-card section#fit-checker .field label{font-family:var(--font-sans);text-transform:none;letter-spacing:normal;color:#ffffffd9}.home-tool-card .field p,.tool-hero-card .field p{color:#fff6}.home-tool-card input[type=number],.tool-hero-card input[type=number],.home-tool-card select,.tool-hero-card select{background:#ffffff0d;border-color:#fff3;color:#fff}.home-tool-card select,.tool-hero-card select{color-scheme:dark}.home-tool-card option,.tool-hero-card option{color:var(--color-text);background:var(--color-surface)}.home-tool-card select,.tool-hero-card select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9em center;background-size:16px 16px}.home-tool-card input[type=radio],.tool-hero-card input[type=radio],.home-tool-card input[type=checkbox],.tool-hero-card input[type=checkbox]{border-color:#ffffff59;background:transparent}.home-tool-card input[type=radio]:checked,.tool-hero-card input[type=radio]:checked,.home-tool-card input[type=checkbox]:checked,.tool-hero-card input[type=checkbox]:checked{border-color:var(--color-primary-vivid);background:#b388ba2e}.home-tool-card input[type=radio]:checked:after,.tool-hero-card input[type=radio]:checked:after,.home-tool-card input[type=checkbox]:checked:after,.tool-hero-card input[type=checkbox]:checked:after{background:var(--color-primary-vivid)}.home-tool-card .field-error,.tool-hero-card .field-error{color:#ffb4bd}.home-tool-card input[aria-invalid=true],.tool-hero-card input[aria-invalid=true]{border-color:#ffb4bd}.home-tool-card [role=alert],.tool-hero-card [role=alert]{background:#ffb4bd1f;border-color:#ffb4bd;color:#ffb4bd}.home-tool-card [role=alert] h3,.tool-hero-card [role=alert] h3,.home-tool-card [role=alert] a,.tool-hero-card [role=alert] a{color:#ffb4bd}.home-tool-card button[type=submit],.tool-hero-card button[type=submit]{width:100%;justify-content:center;text-transform:uppercase;letter-spacing:.04em}.home-tool-card section[id$=-result]:not([hidden]),.tool-hero-card section[id$=-result]:not([hidden]){background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-5)}details{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-3)}details summary{font-weight:650;cursor:pointer}details p{margin-top:var(--space-3)}.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);margin-block:var(--space-5)}.two-column>div{background:var(--color-surface-soft);border-radius:var(--radius-lg);padding:var(--space-5)}.two-column h3{margin-top:0}