/**
 * Cost of Living public chrome. Tokens come from Theme V1 (`--fsc-color-*`, `--fsc-radius`,
 * `--fsc-space-*`, `--fsc-color-focus`). Layout only — not a second colour system.
 */
.fsc-col-public{
  --fsc-c-accent: var(--fsc-color-accent, #2473E9);
  --fsc-c-accent-hover: var(--fsc-color-accent-hover, #1A5CC4);
  --fsc-c-text: var(--fsc-color-text, #15202b);
  --fsc-c-muted: var(--fsc-color-muted, #556575);
  --fsc-c-border: var(--fsc-color-border, #c5d0dc);
  --fsc-c-surface: var(--fsc-color-surface, #fff);
  --fsc-c-focus: var(--fsc-color-focus, #2473E9);
  --fsc-c-error: var(--fsc-color-error, #9b1c1c);
  --fsc-c-radius: var(--fsc-radius, .5rem);
  width:100%;
  max-width:none;
  margin:0;
  padding:var(--fsc-space-2, .5rem) 0 var(--fsc-space-6, 2rem);
  box-sizing:border-box;
  overflow-x:clip;
  color:var(--fsc-c-text);
}
.fsc-col-crumb ol{
  display:flex;flex-wrap:wrap;gap:.35rem .6rem;list-style:none;
  margin:0 0 var(--fsc-space-4, 1rem);padding:0;
  color:var(--fsc-c-muted);font-size:var(--fsc-meta, .9375rem);
}
.fsc-col-crumb li:not(:last-child)::after{content:"/";margin-left:.6rem;opacity:.6}
.fsc-col-public h1{margin:0 0 var(--fsc-space-3, .75rem);font-size:clamp(1.6rem, 2vw + 1rem, 2.1rem)}
.fsc-col-kicker{
  margin:0 0 var(--fsc-space-2, .5rem);
  color:var(--fsc-c-muted);
  font-size:var(--fsc-meta, .9375rem);
  font-weight:650;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.fsc-col-intro,
.fsc-col-copy,
.fsc-col-faq{max-width:46rem;line-height:1.55}
.fsc-col-intro{margin:0 0 var(--fsc-space-5, 1.5rem);color:var(--fsc-c-muted)}
.fsc-col-fallback{margin:0 0 var(--fsc-space-3, .75rem);font-weight:600}
.fsc-col-card,
.fsc-col-form > fieldset.fsc-col-card{
  margin:0 0 var(--fsc-space-5, 1.5rem);
  padding:var(--fsc-space-4, 1rem) var(--fsc-space-4, 1.1rem) var(--fsc-space-5, 1.15rem);
  border:1px solid var(--fsc-c-border);
  border-radius:var(--fsc-c-radius);
  background:rgba(255,255,255,0.80);
  min-width:0;
  max-width:36rem;
}
.fsc-col-lead{
  max-width:46rem;
  box-shadow:none;
}
.fsc-col-lead > .fsc-col-intro,
.fsc-col-lead > .fsc-col-related{margin-bottom:0}
.fsc-col-lead > .fsc-col-intro + .fsc-col-related{margin-top:var(--fsc-space-3, .75rem)}
.fsc-col-form > fieldset.fsc-col-card{min-width:0}
.fsc-col-form legend{
  font-weight:700;
  font-size:1.05rem;
  padding:0 .25rem;
}
.fsc-col-field{min-width:0;margin:0 0 var(--fsc-space-4, 1rem)}
.fsc-col-form label{display:block;margin:0 0 var(--fsc-space-1, .25rem);font-size:var(--fsc-meta, .9rem);font-weight:600}
.fsc-col-form input[type="text"],
.fsc-col-form select{
  display:block;width:100%;max-width:100%;box-sizing:border-box;
  min-height:2.75rem;padding:.55rem .75rem;
  border:1px solid var(--fsc-c-border);border-radius:var(--fsc-c-radius);
  background:var(--fsc-c-surface);font:inherit;color:inherit
}
.fsc-col-form input[type="text"]:focus-visible,
.fsc-col-form select:focus-visible,
.fsc-col-btn:focus-visible,
.fsc-col-crumb a:focus-visible,
.fsc-col-alert a:focus-visible{
  outline:2px solid var(--fsc-c-focus);
  outline-offset:2px;
}
.fsc-col-hint{margin:.35rem 0 0;color:var(--fsc-c-muted);font-size:.875rem;line-height:1.4}
.fsc-col-error{margin:.35rem 0 0;color:var(--fsc-c-error);font-size:.875rem;font-weight:600}
.fsc-col-alert{
  margin:0 0 var(--fsc-space-5, 1.5rem);
  padding:var(--fsc-space-4, 1rem);
  border:2px solid var(--fsc-c-error);
  border-radius:var(--fsc-c-radius);
  background:color-mix(in srgb, var(--fsc-c-error) 8%, var(--fsc-c-surface));
  max-width:36rem;
}
.fsc-col-alert ul{margin:.5rem 0 0;padding-left:1.2rem}
.fsc-col-actions{margin:var(--fsc-space-4, 1rem) 0 0}
.fsc-col-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:2.75rem;padding:.55rem 1.1rem;
  border:1px solid var(--fsc-c-accent);border-radius:var(--fsc-c-radius);
  background:var(--fsc-c-accent);color:#fff;font:inherit;font-weight:650;cursor:pointer
}
.fsc-col-btn:hover{background:var(--fsc-c-accent-hover);border-color:var(--fsc-c-accent-hover);color:#fff}
.fsc-col-results{max-width:36rem}
.fsc-col-interpretation{font-size:1.05rem;line-height:1.5;overflow-wrap:anywhere}
.fsc-col-year,
.fsc-col-ratio{color:var(--fsc-c-text);font-size:var(--fsc-meta, .9375rem);overflow-wrap:anywhere}
.fsc-col-stale{
  margin:0 0 var(--fsc-space-4, 1rem);
  padding:.75rem 1rem;
  border:2px solid var(--fsc-c-border);
  border-left:4px solid var(--fsc-c-accent);
  border-radius:var(--fsc-c-radius);
  background:color-mix(in srgb, var(--fsc-c-accent) 8%, var(--fsc-c-surface));
  max-width:46rem;
  line-height:1.45;
}
.fsc-col-copy,
.fsc-col-faq{margin:0 0 var(--fsc-space-6, 2rem)}
.fsc-col-copy h3,
.fsc-col-faq h3{margin:1.1rem 0 .35rem;font-size:1.05rem}
.fsc-col-related{max-width:46rem;margin:0 0 var(--fsc-space-4, 1rem);line-height:1.5}
.fsc-col-salary{max-width:46rem;margin:0 0 var(--fsc-space-6, 2rem)}
.fsc-col-salary > .fsc-col-intro{margin-bottom:var(--fsc-space-3, .75rem)}
.fsc-col-category{max-width:46rem;margin:0 0 var(--fsc-space-6, 2rem)}
.fsc-col-category > .fsc-col-intro{margin-bottom:var(--fsc-space-3, .75rem)}
.fsc-col-form--salary .fsc-col-sub,
.fsc-col-form--category .fsc-col-sub{
  margin:0 0 var(--fsc-space-4, 1rem);
  padding:0;
  border:0;
  min-width:0;
}
.fsc-col-form--salary .fsc-col-sub legend,
.fsc-col-form--category .fsc-col-sub legend{
  font-weight:650;
  font-size:.95rem;
  padding:0;
  margin:0 0 var(--fsc-space-2, .5rem);
}
.fsc-col-unavailable{
  margin:0 0 var(--fsc-space-5, 1.5rem);
  max-width:36rem;
  border-left:4px solid var(--fsc-c-accent);
}
.fsc-col-unavailable ul{margin:.5rem 0 0;padding-left:1.2rem;line-height:1.45}
.fsc-col-form--category select{overflow-wrap:anywhere;text-overflow:ellipsis}
.fsc-col-annual{font-size:var(--fsc-meta, .9375rem);overflow-wrap:anywhere;line-height:1.45}
.fsc-col-attribution{color:var(--fsc-c-muted);font-size:var(--fsc-meta, .9375rem)}
@media (max-width: 30rem){
  .fsc-col-card,
  .fsc-col-form > fieldset.fsc-col-card,
  .fsc-col-alert,
  .fsc-col-results,
  .fsc-col-unavailable{max-width:none}
}