/* Generated by scripts/export_web.py — do not hand-edit.
   Shares the widget's design tokens (web/fitcheck-lookup-widget.html). */
.fc, .fc * { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body { background:#F7F8F6; }
@media (prefers-color-scheme: dark){ body { background:#14191A; } }

.fc {
  --paper:#F7F8F6; --surface:#FFFFFF; --surface2:#EFF2F0;
  --ink:#182320; --inkDim:#57665F; --inkFaint:#93A09A;
  --line:#D6DCD9; --lineSoft:#E5E9E7;
  --answer:#E8500A; --machine:#0F766E; --brass:#C49A3A;
  --steel-fill:#9AA5AC; --steel-outline:#4E5A60;
  --mono: ui-monospace,'JetBrains Mono',SFMono-Regular,Menlo,Consolas,monospace;
  --sans: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  max-width:720px; margin:0 auto; padding:20px 16px 48px; color:var(--ink);
  font-family:var(--sans); -webkit-font-smoothing:antialiased; line-height:1.45;
}
.fc-shell {
  background:var(--paper); border:1px solid var(--line); border-radius:16px;
  padding:20px; box-shadow:0 1px 2px rgba(24,35,32,.04);
}
.fc-head { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin-bottom:16px; }
.fc-brand { display:flex; flex-direction:column; }
.fc-logo { font-weight:800; font-size:20px; letter-spacing:-.01em; text-decoration:none; color:var(--ink); }
.fc-tag { font-size:12px; color:var(--inkDim); }
.fc-crumb { font-size:12px; color:var(--inkDim); }
.fc-crumb a { color:var(--machine); text-decoration:none; }
.fc-crumb a:hover { text-decoration:underline; }

.fc-card { background:var(--surface); border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.fc-diagram { padding:8px 14px 0; }
.fc-diagram svg { display:block; width:100%; max-width:280px; height:auto; margin:0 auto; }
.fc-diag-note { text-align:center; font-size:11.5px; font-weight:600; color:var(--machine); padding:6px 8px 2px; }
.fc-size {
  display:flex; align-items:baseline; flex-wrap:wrap; gap:10px;
  padding:14px 16px; border-bottom:1px solid var(--lineSoft);
}
.fc-size-name { font-family:var(--mono); font-weight:700; font-size:22px; letter-spacing:-.02em; }
.fc-size-meta { font-size:12.5px; color:var(--inkDim); }

.fc-sec { border-top:1px solid var(--lineSoft); }
.fc-sec-h { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 16px 3px; }
.fc-sec-t { font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--inkDim); margin:0; }
.fc-sec-note { font-size:11px; color:var(--inkFaint); }
.fc-rows { padding:2px 16px 12px; }
.fc-row {
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  padding:8px 0; border-bottom:1px dashed var(--lineSoft);
}
.fc-row:last-child { border-bottom:0; }
.fc-row-l { min-width:0; }
.fc-row-name { font-size:14px; color:var(--ink); }
.fc-row-sub { font-size:11.5px; color:var(--inkFaint); margin-top:1px; }
.fc-val { font-family:var(--mono); font-size:16px; font-weight:700; color:var(--answer); white-space:nowrap; }
.fc-val small { font-weight:600; font-size:11px; color:var(--inkDim); }
.fc-val.plain { color:var(--ink); }
.fc-appnote { margin-top:9px; font-size:12px; font-weight:700; color:var(--machine); }

.fc-cta {
  margin-top:16px; background:var(--surface2); border:1px solid var(--line);
  border-radius:14px; padding:15px 16px; display:flex; flex-wrap:wrap; gap:14px;
  align-items:center; justify-content:space-between;
}
.fc-cta-copy { flex:1 1 240px; font-size:12.5px; color:var(--inkDim); line-height:1.5; }
.fc-cta-copy strong { color:var(--ink); display:block; margin-bottom:2px; }
.fc-cta-copy b { color:var(--machine); }
.fc-cta-btns { display:flex; gap:8px; flex:0 0 auto; }
.fc-store {
  display:inline-block; text-decoration:none; font-size:13px; font-weight:700;
  color:var(--surface); background:var(--ink); border-radius:10px; padding:10px 14px;
  transition:.12s; white-space:nowrap;
}
.fc-store:hover { background:var(--machine); }
.fc-prov { margin:12px 2px 0; font-size:10.5px; color:var(--inkFaint); text-align:center; line-height:1.5; }

/* ---- site chrome (no widget equivalent) ---- */
.fc-h1 { font-size:21px; line-height:1.3; letter-spacing:-.01em; margin:0 0 8px; }
.fc-lead { font-size:14.5px; color:var(--inkDim); margin:0 0 16px; }
.fc-lead b { color:var(--ink); font-family:var(--mono); font-weight:700; }
.fc-prose { font-size:13px; color:var(--inkDim); line-height:1.6; margin:16px 2px 0; }
.fc-prose h2 { font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); margin:18px 0 6px; }
.fc-related { margin-top:16px; }
.fc-related h2 { font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--inkDim); margin:0 0 8px; }
.fc-links { display:flex; flex-wrap:wrap; gap:6px; list-style:none; margin:0; padding:0; }
.fc-links a {
  display:inline-block; font-family:var(--mono); font-size:13px; text-decoration:none;
  color:var(--inkDim); background:var(--surface); border:1px solid var(--line);
  border-radius:999px; padding:5px 11px; transition:.12s;
}
.fc-links a:hover { border-color:var(--machine); color:var(--ink); }
.fc-links a i { font-style:normal; color:var(--inkFaint); font-size:11px; }
.fc-group { margin-top:22px; }
.fc-group h2 { font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--inkDim); margin:0 0 8px; }
.fc-foot { margin-top:22px; font-size:11.5px; color:var(--inkFaint); text-align:center; }
.fc-foot a { color:var(--inkDim); }
@media (max-width:460px){
  .fc-shell{ padding:16px; }
  .fc-cta-btns{ flex:1 1 100%; }
  .fc-store{ flex:1; text-align:center; }
}
@media (prefers-color-scheme: dark){
  .fc {
    --paper:#14191A; --surface:#1C2426; --surface2:#232D2F;
    --ink:#E9EFED; --inkDim:#A7B3AE; --inkFaint:#6E7B76;
    --line:#2C3639; --lineSoft:#242D30;
    --answer:#FF6B1A; --machine:#2DD4BF; --brass:#D9B85A;
    --steel-fill:#6B767C; --steel-outline:#AEB8BE;
  }
  .fc-store{ color:#14191A; }
}