/* STRAIOS fit review. Scope is local; layouts follow the panel width. */
.fit-workspace{--fit-ink:var(--ink,#141419);--fit-muted:var(--muted,#676560);--fit-line:var(--line,#d8d3c9);--fit-cream:var(--cream,#f6f2e9);--fit-blue:var(--blue,#3050c8);container-type:inline-size;container-name:straios-fit;color:var(--fit-ink);font-family:var(--sans,Archivo,Arial,sans-serif);max-width:1180px;margin:auto;text-align:left}
.fit-workspace *{box-sizing:border-box}.fit-workspace button,.fit-workspace input,.fit-workspace select{font:inherit}.fit-workspace button{cursor:pointer}.fit-workspace button:disabled{cursor:default;opacity:.5}.fit-workspace button:focus-visible,.fit-workspace input:focus-visible,.fit-workspace select:focus-visible,.fit-workspace a:focus-visible{outline:3px solid var(--fit-blue);outline-offset:3px}
.fit-workspace .fit-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.fit-workspace .fit-eyebrow{font-family:var(--mono,Fragment,monospace);font-size:10px;letter-spacing:.17em;text-transform:uppercase;margin:0 0 10px;color:var(--fit-muted)}.fit-workspace h2,.fit-workspace h3{font-family:var(--serif,Caslon,Georgia,serif);font-weight:400;letter-spacing:-.035em;margin:0 0 12px;line-height:1.13}.fit-workspace h2{font-size:clamp(30px,7cqw,44px)}.fit-workspace h3{font-size:clamp(26px,6cqw,36px)}.fit-workspace p{font-size:14px;line-height:1.6;margin:0 0 16px}.fit-workspace .fit-lede{color:var(--fit-muted);max-width:620px}.fit-workspace .fit-close{border:1px solid var(--fit-line);background:transparent;width:44px;height:44px;flex:0 0 44px;font-size:24px}
.fit-workspace .fit-methods{display:grid;grid-template-columns:1fr;gap:10px;margin:22px 0 28px}.fit-workspace .fit-method{min-height:88px;min-width:0;border:1px solid var(--fit-line);padding:18px 20px;background:transparent;text-align:left;color:var(--fit-ink)}.fit-workspace .fit-method[aria-pressed=true]{background:var(--fit-ink);border-color:var(--fit-ink);color:var(--cream,#f6f2e9)}.fit-workspace .fit-method strong{display:block;font-weight:500;font-size:15px;line-height:1.4}.fit-workspace .fit-method-description{display:block;font-size:12px;line-height:1.5;opacity:.8;margin-top:5px}.fit-workspace .fit-method-recommended{border-color:var(--fit-blue);background:#f1f4fd;box-shadow:inset 3px 0 0 var(--fit-blue)}.fit-workspace .fit-method-recommended[aria-pressed=true]{background:var(--fit-blue);border-color:var(--fit-blue);color:#fff}.fit-workspace .fit-recommended-badge{display:inline-block;font-family:var(--mono,Fragment,monospace);font-size:9px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--fit-blue);background:#e1e7fb;padding:4px 7px;margin-bottom:9px}.fit-workspace .fit-method-recommended[aria-pressed=true] .fit-recommended-badge{background:#fff;color:var(--fit-blue)}
.fit-workspace .fit-measurement-choice{margin-bottom:24px}.fit-workspace .fit-measurement-choice>p:first-child{font-size:13px;margin-bottom:10px}.fit-workspace .fit-measurement-methods{display:flex;gap:8px;flex-wrap:wrap}.fit-workspace .fit-measurement-method{min-height:44px;border:1px solid var(--fit-line);padding:11px 15px;background:transparent;color:var(--fit-ink);font-size:12px;line-height:1.5}.fit-workspace .fit-measurement-method[aria-pressed=true]{border-color:var(--fit-blue);background:#f1f4fd;color:var(--fit-blue);box-shadow:inset 0 0 0 1px var(--fit-blue)}.fit-workspace .fit-measurement-choice .fit-note{margin-top:12px;max-width:590px}.fit-workspace .fit-ai-intro{padding:clamp(22px,4cqw,36px);background:var(--fit-cream);border-top:2px solid var(--fit-blue)}.fit-workspace .fit-ai-intro .fit-ai-availability{font-size:12px;color:var(--fit-muted);max-width:580px}.fit-workspace .fit-ai-intro .fit-button-ai{background:var(--fit-blue);border-color:var(--fit-blue);color:#fff}
@container straios-fit (min-width:980px){.fit-workspace .fit-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.fit-workspace .fit-method{min-height:160px}}
.fit-workspace .fit-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start}.fit-workspace .fit-content{min-width:0}.fit-workspace .fit-unit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 25px}.fit-workspace .fit-unit-row>span{font-size:11px;color:var(--fit-muted)}.fit-workspace .fit-units{display:flex;gap:0;border:1px solid var(--fit-line)}.fit-workspace .fit-units button{min-height:44px;min-width:66px;border:0;background:transparent;color:var(--fit-muted);padding:10px 14px;font-size:12px}.fit-workspace .fit-units button[aria-pressed=true]{background:var(--fit-ink);color:var(--cream,#f6f2e9)}
.fit-workspace .fit-help{background:var(--fit-cream);padding:26px;position:sticky;top:24px}.fit-workspace .fit-help strong{display:block;font-size:13px;font-weight:500;margin-bottom:10px}.fit-workspace .fit-help p{font-size:12px;color:var(--fit-muted)}.fit-workspace .fit-help .fit-guide-svg{max-width:180px;width:100%;height:210px;display:block;margin:0 auto 18px;color:var(--fit-muted)}.fit-workspace .fit-help .fit-help-note{font-size:10px;border-top:1px solid var(--fit-line);padding-top:14px;margin-top:20px}
.fit-workspace .fit-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.fit-workspace .fit-field{display:block;min-width:0}.fit-workspace .fit-field>span,.fit-workspace .fit-field>label{font-size:12px;display:block;margin-bottom:9px}.fit-workspace .fit-field input,.fit-workspace .fit-field select{min-height:48px;border:1px solid #b5afa4;background:transparent;border-radius:0;padding:12px;color:var(--fit-ink);width:100%;min-width:0}.fit-workspace .fit-field input[aria-invalid=true],.fit-workspace .fit-field select[aria-invalid=true]{border-color:#9c3028}.fit-workspace .fit-field small{display:block;font-size:11px;line-height:1.5;color:var(--fit-muted);margin-top:7px}.fit-workspace .fit-wide{grid-column:1/-1}.fit-workspace .fit-error{color:#9c3028;font-size:12px;margin-top:7px;line-height:1.5}.fit-workspace .fit-errors{background:#fbefec;border-left:3px solid #9c3028;padding:12px 16px;margin:20px 0;font-size:12px}.fit-workspace .fit-profile-name{border-top:1px solid var(--fit-line);margin-top:27px;padding-top:22px;max-width:420px}
.fit-workspace .fit-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:28px;flex-wrap:wrap}.fit-workspace .fit-button{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:48px;padding:13px 22px;border:1px solid var(--fit-ink);background:var(--fit-ink);color:var(--cream,#f6f2e9);text-decoration:none;font-size:12px;letter-spacing:.02em}.fit-workspace .fit-button-secondary{background:transparent;color:var(--fit-ink)}.fit-workspace .fit-note{font-size:11px;color:var(--fit-muted);line-height:1.6;margin-top:19px}.fit-workspace .fit-progress{height:2px;background:var(--fit-line);margin:0 0 22px}.fit-workspace .fit-progress span{display:block;height:100%;background:var(--fit-ink)}.fit-workspace .fit-step{font-size:11px;color:var(--fit-muted);margin:0 0 16px}
.fit-workspace .fit-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.fit-workspace .fit-choice{min-height:52px;border:1px solid var(--fit-line);background:transparent;color:var(--fit-ink);padding:14px 12px;font-size:13px}.fit-workspace .fit-choice[aria-pressed=true]{border-color:var(--fit-blue);box-shadow:inset 0 0 0 1px var(--fit-blue);background:#f1f4fd}.fit-workspace .fit-choice .fit-guide-svg{width:100%;height:155px;display:block;margin-bottom:10px;color:var(--fit-muted)}.fit-workspace .fit-number{max-width:300px;margin-top:25px}.fit-workspace .fit-inline-help{font-size:12px;color:var(--fit-muted);margin-top:15px}.fit-workspace .fit-review{margin:25px 0 0}.fit-workspace .fit-review>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--fit-line);font-size:12px}.fit-workspace .fit-review dt{color:var(--fit-muted)}.fit-workspace .fit-review dd{margin:0;text-align:right}.fit-workspace .fit-mail{background:var(--fit-cream);padding:clamp(24px,5vw,48px)}.fit-workspace .fit-mail p{max-width:600px}.fit-workspace .fit-mail a:not(.fit-button){color:var(--fit-blue)}
@container straios-fit (max-width:760px){.fit-workspace .fit-layout{grid-template-columns:1fr;gap:24px}.fit-workspace .fit-help{position:static;display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 18px;padding:20px}.fit-workspace .fit-help .fit-guide-svg{height:140px;grid-row:1/4;margin:0}.fit-workspace .fit-help .fit-help-note{grid-column:1/-1}.fit-workspace .fit-choice .fit-guide-svg{height:125px}.fit-workspace .fit-fields{gap:18px 12px}.fit-workspace .fit-actions .fit-button{flex:1}.fit-workspace .fit-top{gap:12px}.fit-workspace .fit-choice-grid{gap:7px}.fit-workspace .fit-choice{font-size:12px;padding:12px 7px}}
@container straios-fit (max-width:380px){.fit-workspace .fit-fields{grid-template-columns:1fr}.fit-workspace .fit-choice .fit-guide-svg{height:100px}.fit-workspace .fit-help{grid-template-columns:84px minmax(0,1fr);padding:16px;gap:0 12px}.fit-workspace .fit-help .fit-guide-svg{height:115px}.fit-workspace .fit-method{padding:16px}.fit-workspace .fit-measurement-method{width:100%}}
@media(prefers-reduced-motion:reduce){.fit-workspace *{scroll-behavior:auto!important}}

/* Shape comparisons get their own consistent front/side artwork and room for
   descriptions. The measurement guides above retain their measuring marks. */
.fit-workspace .fit-comparison-layout{grid-template-columns:minmax(0,1fr);gap:22px}
.fit-workspace .fit-comparison-grid{gap:12px;align-items:stretch;margin-top:26px}
.fit-workspace .fit-comparison-choice{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;text-align:left;background:#fcfaf5;min-width:0}
.fit-workspace .fit-comparison-choice:hover{border-color:#85837e}
.fit-workspace .fit-comparison-art{display:flex;flex-direction:column;align-items:center;background:#eeeae1;min-width:0;padding:13px 12px 8px;color:#575954}
.fit-workspace .fit-view-caption{font-family:var(--mono,Fragment,monospace);font-size:8px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;align-self:flex-start;color:#74756e}
.fit-workspace .fit-comparison-svg{display:block;width:100%;height:198px;margin-top:5px;overflow:visible}
.fit-workspace .fit-figure-body{fill:#d8d7cc}.fit-workspace .fit-figure-shade{fill:#c6c7bd}.fit-workspace .fit-figure-arm{fill:#cfd0c5}
.fit-workspace .fit-choice-copy{display:block;padding:17px 15px 19px;min-width:0}
.fit-workspace .fit-choice-copy strong{display:block;font-size:15px;font-weight:500;line-height:1.4;color:var(--fit-ink)}
.fit-workspace .fit-choice-copy small{display:block;margin-top:7px;font-size:12px;line-height:1.6;color:var(--fit-muted)}
.fit-workspace .fit-comparison-choice[aria-pressed=true]{border-color:var(--fit-blue);box-shadow:inset 0 0 0 1px var(--fit-blue);background:#f1f4fd}
.fit-workspace .fit-comparison-choice[aria-pressed=true] .fit-comparison-art{background:#e7eaf2}
.fit-workspace .fit-comparison-choice[aria-pressed=true]::after{content:'✓';position:absolute;top:10px;right:10px;color:var(--fit-blue);font:600 15px/1 Arial,sans-serif}
.fit-workspace .fit-comparison-unsure{grid-column:1/-1;min-height:64px;background:transparent}
.fit-workspace .fit-comparison-unsure .fit-choice-copy{padding:15px 34px 15px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.fit-workspace .fit-comparison-unsure .fit-choice-copy strong{font-size:13px}.fit-workspace .fit-comparison-unsure .fit-choice-copy small{margin:0;font-size:11px}
.fit-workspace .fit-comparison-help{border-top:1px solid var(--fit-line);padding-top:19px;max-width:690px}
.fit-workspace .fit-comparison-help strong{display:block;font-size:13px;font-weight:500;margin-bottom:7px}
.fit-workspace .fit-comparison-help p{font-size:12px;line-height:1.7;color:var(--fit-muted);margin-bottom:9px}
.fit-workspace .fit-comparison-help p:last-child{font-size:11px;margin-bottom:0}
.fit-workspace .fit-review-description{display:block;font-size:11px;line-height:1.6;color:var(--fit-muted);margin-top:6px}
@container straios-fit (max-width:540px){
  .fit-workspace .fit-comparison-grid{grid-template-columns:1fr;gap:10px;margin-top:22px}
  .fit-workspace .fit-comparison-choice{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:stretch}
  .fit-workspace .fit-comparison-art{padding:9px 7px 6px}
  .fit-workspace .fit-comparison-svg{height:143px;margin-top:3px}
  .fit-workspace .fit-view-caption{font-size:7px;align-self:center}
  .fit-workspace .fit-choice-copy{align-self:center;padding:15px 17px}
  .fit-workspace .fit-choice-copy strong{font-size:16px}
  .fit-workspace .fit-choice-copy small{font-size:12px;line-height:1.6;margin-top:6px}
  .fit-workspace .fit-comparison-unsure{display:block}
  .fit-workspace .fit-comparison-unsure .fit-choice-copy{display:block;padding:14px 34px 14px 17px}
  .fit-workspace .fit-comparison-unsure .fit-choice-copy small{margin-top:4px}
}
@container straios-fit (max-width:340px){
  .fit-workspace .fit-comparison-choice{grid-template-columns:98px minmax(0,1fr)}
  .fit-workspace .fit-comparison-svg{height:137px}
  .fit-workspace .fit-choice-copy{padding:12px}
  .fit-workspace .fit-choice-copy small{font-size:11px}
}