#csf{--bg:#F3F5F2;--surface:#FFFFFF;--ink:#1D2A2C;--muted:#5E6E6C;--line:#D5DDDA;--accent:#2C6A63;--accent-ink:#FFFFFF;--chip:#E3EBE8;--tint:#E9F1EE;--warn:#8A5A12;--warn-bg:#FBF1DC;--display:"Young Serif",Georgia,"Times New Roman",serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}#csf{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}#csf .wrap{max-width:760px;margin:0 auto;padding-block:20px 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:22px}#csf header{display:grid;gap:6px}#csf .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#csf h1{font-family:var(--display);font-weight:400;font-size:clamp(30px,6vw,44px);line-height:1.1;margin:0;text-wrap:balance}#csf .lede{color:var(--muted);margin:0;max-width:60ch}#csf .search{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:12px}#csf .field{display:flex;gap:8px}#csf .field input{flex:1;min-width:0;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}#csf .field input:focus-visible,#csf button:focus-visible,#csf a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#csf .btn{font:inherit;font-weight:600;border:0;border-radius:8px;padding:12px 16px;background:var(--accent);color:var(--accent-ink);cursor:pointer;text-decoration:none;display:inline-block}#csf .chips{display:flex;flex-wrap:wrap;gap:6px}#csf .chip{font:inherit;font-size:14px;border:1px solid transparent;background:var(--chip);color:var(--ink);border-radius:999px;padding:5px 12px;cursor:pointer}#csf .chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}#csf .label{font-size:13px;color:var(--muted)}#csf .top{display:grid;gap:12px}#csf .lead-salt{background:var(--tint);border-radius:10px;padding:16px;display:grid;gap:8px}#csf .lead-salt .no{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}#csf .lead-salt h2{font-family:var(--display);font-weight:400;font-size:28px;margin:0;line-height:1.15}#csf .lead-salt p{margin:0;color:var(--muted)}#csf .ranks{display:grid;gap:6px}#csf .rank{display:grid;grid-template-columns:minmax(0,9.5rem) 1fr 2.5rem;align-items:center;gap:10px;font-size:14px}#csf .bar{height:8px;background:var(--chip);border-radius:4px;overflow:hidden}#csf .bar i{display:block;height:100%;background:var(--accent);border-radius:4px}#csf .rank .n{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}#csf .lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}#csf .lines li{padding:10px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:4px 12px}#csf .lines .sym{min-width:0}#csf .lines .area{font-size:12px;color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}#csf .lines .salts{grid-column:1/-1;font-weight:600;color:var(--accent)}#csf .lines .pg{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}#csf .agree{color:var(--accent)!important;font-weight:600}#csf .tick{color:var(--accent)}#csf .face{display:grid;gap:12px;margin-top:20px;padding:20px 16px;border-radius:12px;background:var(--tint);border-top:3px solid var(--accent)}#csf .face .lede{font-size:15px}#csf .face .eyebrow{margin-bottom:-6px}#csf .faces{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}#csf .fcard{font:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:grid;gap:4px;cursor:pointer;color:var(--ink)}#csf .fcard:hover{border-color:var(--accent)}#csf .fcard .no{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}#csf .fcard b{font-family:var(--display);font-weight:400;font-size:18px}#csf .fcard span{font-size:14px;color:var(--muted)}#csf .picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}#csf .layer{margin:0;padding:10px 12px;background:var(--tint);border-radius:8px;font-size:14px}#csf .why{color:var(--muted)!important;font-size:15px}#csf .why b{color:var(--ink)}#csf blockquote{margin:0;padding-left:12px;border-left:2px solid var(--accent);font-family:var(--display);font-size:15px;color:var(--ink)}#csf blockquote cite{display:block;font-family:var(--mono);font-style:normal;font-size:12px;color:var(--muted);margin-top:4px}#csf .also{margin:0;font-size:15px}#csf details{border:1px solid var(--line);border-radius:10px;background:var(--surface)}#csf summary{cursor:pointer;padding:12px 14px;font-weight:600;color:var(--accent);list-style-position:inside}#csf .detail{padding:0 14px 14px;display:grid;gap:12px}#csf .empty{color:var(--muted);margin:0}#csf .more{font:inherit;background:none;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 14px;cursor:pointer;justify-self:start}#csf .email{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:10px}#csf .email h3{margin:0;font-family:var(--display);font-weight:400;font-size:20px}#csf .email form{display:flex;gap:8px;flex-wrap:wrap}#csf .email input{flex:1;min-width:0;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}#csf .note{font-size:13px;color:var(--muted)}#csf footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px}#csf h2.sec{font-family:var(--display);font-weight:400;font-size:20px;margin:0}@media(max-width:480px){#csf .field{flex-direction:column}#csf .rank{grid-template-columns:minmax(0,7.5rem) 1fr 2rem}}@media(prefers-reduced-motion:no-preference){#csf .bar i{transition:width .3s ease}}#csf *{box-sizing:border-box}#csf h1,#csf h2,#csf h3{letter-spacing:normal;text-transform:none}
/*# sourceMappingURL=/cdn/shop/files/salt-finder-page.css.map */