/* The Better Supplement — brand layer: illustrated lockup + icon set.
   Load after /styles.css. Source assets live in brand/logo and brand/icons. */

:where(html) {
  --brand-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='5.5' y='5.5' width='53' height='53' rx='16' fill='%23fffdf8' stroke='%2320352f' stroke-width='3'/%3E%3Cpath d='M14.5 39.5C22 24.5 34.5 18 50.5 21.5' fill='none' stroke='%234b7f68' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M14 46C24.5 35.5 39 33.5 51 40.5' fill='none' stroke='%23d47b67' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='34' cy='29' r='7' fill='%23f4efe6' stroke='%2320352f' stroke-width='3'/%3E%3Ccircle cx='34' cy='29' r='2.5' fill='%23c08a47'/%3E%3C/svg%3E");
  --brand-mark-reversed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='5.5' y='5.5' width='53' height='53' rx='16' fill='%2320352f' stroke='%23fffdf8' stroke-width='3'/%3E%3Cpath d='M14.5 39.5C22 24.5 34.5 18 50.5 21.5' fill='none' stroke='%23a9c0ad' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M14 46C24.5 35.5 39 33.5 51 40.5' fill='none' stroke='%23e69a84' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='34' cy='29' r='7' fill='%2320352f' stroke='%23fffdf8' stroke-width='3'/%3E%3Ccircle cx='34' cy='29' r='2.5' fill='%23d9aa69'/%3E%3C/svg%3E");
  --ic-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E");
  --ic-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
  --ic-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
  --ic-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  --ic-chevron-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
  --ic-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --ic-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E");
  --ic-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9'/%3E%3Cpath d='M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E");
  --ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --ic-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.6v.01'/%3E%3C/svg%3E");
  --ic-caution: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 4.9a2 2 0 0 1 3.4 0l7.1 12.3a2 2 0 0 1-1.7 3H4.9a2 2 0 0 1-1.7-3z'/%3E%3Cpath d='M12 10v4M12 17v.01'/%3E%3C/svg%3E");
  --ic-skip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.6 5.6l12.8 12.8'/%3E%3C/svg%3E");
  --ic-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5h16M7 12h10M10 17.5h4'/%3E%3C/svg%3E");
  --ic-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E");
  --ic-contents: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5h11M9 12h11M9 17.5h11M4.5 6.5v.01M4.5 12v.01M4.5 17.5v.01'/%3E%3C/svg%3E");
  --ic-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
  --ic-capsule: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate%28-45 12 12%29'%3E%3Crect x='2.5' y='8.25' width='19' height='7.5' rx='3.75'/%3E%3Cpath d='M12 8.25v7.5'/%3E%3C/g%3E%3C/svg%3E");
  --ic-tablet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E");
  --ic-softgel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='12' rx='8.5' ry='5.5' transform='rotate%28-35 12 12%29'/%3E%3Cpath d='M8.6 11.3a3.4 3.4 0 0 1 2.6-2.4'/%3E%3C/svg%3E");
  --ic-scoop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5h11v.5a5.5 5.5 0 0 1-11 0z'/%3E%3Cpath d='M14 10.75l7-3.25M6 7v.01M9 5.5v.01M11.5 7.5v.01'/%3E%3C/svg%3E");
  --ic-bottle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v3H9z'/%3E%3Crect x='6' y='6' width='12' height='15' rx='3'/%3E%3Cpath d='M6 11h12M6 16h12'/%3E%3C/svg%3E");
  --ic-label: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13.5V6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v7.5M5 17.5V18a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-.5'/%3E%3Cpath d='M8.5 7h7M8.5 10.25h4'/%3E%3Crect x='3' y='13.5' width='18' height='4' rx='2'/%3E%3C/svg%3E");
  --ic-scale: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M8 20h8M5 7h14M5 7l-2.5 6M5 7l2.5 6M19 7l-2.5 6M19 7l2.5 6M2.5 13a2.5 2.5 0 0 0 5 0M16.5 13a2.5 2.5 0 0 0 5 0'/%3E%3C/svg%3E");
  --ic-lab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3h7M10 3v13.5a2 2 0 0 0 4 0V3M10 11h4'/%3E%3C/svg%3E");
  --ic-doctor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5H5v5a4 4 0 0 0 8 0v-5h-1'/%3E%3Cpath d='M9 12.5v2a5 5 0 0 0 10 0v-1'/%3E%3Ccircle cx='19' cy='11.5' r='2'/%3E%3C/svg%3E");
  --ic-podcast: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M9 21h6'/%3E%3C/svg%3E");
  --ic-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5C10 5 7 4.5 3.5 5v13.5c3.5-.5 6.5 0 8.5 1.5 2-1.5 5-2 8.5-1.5V5c-3.5-.5-6.5 0-8.5 1.5zM12 6.5V20'/%3E%3C/svg%3E");
  --ic-evidence: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16'/%3E%3Crect x='5.5' y='12' width='3.5' height='5' rx='1'/%3E%3Crect x='10.25' y='7' width='3.5' height='10' rx='1'/%3E%3Crect x='15' y='9.5' width='3.5' height='7.5' rx='1'/%3E%3C/svg%3E");
  --ic-interaction: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='5.5'/%3E%3Ccircle cx='15' cy='12' r='5.5'/%3E%3C/svg%3E");
  --ic-vitamin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 12V6.5M12 12l4.76 2.75M12 12l-4.76 2.75M12 12v5.5M12 12l4.76-2.75M12 12l-4.76-2.75'/%3E%3C/svg%3E");
  --ic-mineral: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 4h11l3.5 5L12 20.5 3 9z'/%3E%3Cpath d='M3 9h18M9.5 4L8 9l4 11.5L16 9l-1.5-5'/%3E%3C/svg%3E");
  --ic-compound: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='7' r='2.5'/%3E%3Ccircle cx='18' cy='7' r='2.5'/%3E%3Ccircle cx='12' cy='17.5' r='2.5'/%3E%3Cpath d='M8.5 7h7M7.3 9.2l3.4 6.1M16.7 9.2l-3.4 6.1'/%3E%3C/svg%3E");
  --ic-herb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19C5 10 10 5 19.5 4.5 19 14 14 19 5 19z'/%3E%3Cpath d='M5 19l8.5-8.5'/%3E%3C/svg%3E");
  --ic-gut: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h8a3 3 0 0 1 0 6H9a3 3 0 0 0 0 6h6a2.5 2.5 0 0 1 0 5h-2'/%3E%3C/svg%3E");
  --ic-amino-acid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='4.75' cy='14.5' r='2.25'/%3E%3Ccircle cx='12' cy='9.5' r='2.25'/%3E%3Ccircle cx='19.25' cy='14.5' r='2.25'/%3E%3Cpath d='M6.6 13.2l3.55-2.4M13.85 10.8l3.55 2.4'/%3E%3C/svg%3E");
  --ic-fatty-acid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c3 3.8 6 7.4 6 11a6 6 0 0 1-12 0c0-3.6 3-7.2 6-11z'/%3E%3Cpath d='M9 15a3 3 0 0 0 3 3'/%3E%3C/svg%3E");
  --ic-fiber: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V4'/%3E%3Cpath d='M12 9.5c-2.6 0-4.2-1.6-4.2-4.2 2.6 0 4.2 1.6 4.2 4.2zM12 9.5c2.6 0 4.2-1.6 4.2-4.2-2.6 0-4.2 1.6-4.2 4.2zM12 15c-2.6 0-4.2-1.6-4.2-4.2 2.6 0 4.2 1.6 4.2 4.2zM12 15c2.6 0 4.2-1.6 4.2-4.2-2.6 0-4.2 1.6-4.2 4.2z'/%3E%3C/svg%3E");
  --ic-probiotic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8.5' width='13' height='7' rx='3.5'/%3E%3Cpath d='M16 12c1.3 0 1.3-2 2.6-2s1.3 2 2.6 2M7 12v.01M10.5 11v.01M12.5 13v.01'/%3E%3C/svg%3E");
  --ic-postbiotic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8.5' width='13' height='7' rx='3.5' stroke-dasharray='2.2 2.4'/%3E%3Cpath d='M16 12c1.3 0 1.3-2 2.6-2s1.3 2 2.6 2'/%3E%3C/svg%3E");
  --ic-enzyme: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h5.5l2.5 3.5 2.5-3.5H20v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9.5 4h5L12 7.5z'/%3E%3C/svg%3E");
  --ic-hormone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.02 7.40 L12.00 9.70 L12.00 14.30 L8.02 16.60 L4.03 14.30 L4.03 9.70ZM15.98 7.40 L19.97 9.70 L19.97 14.30 L15.98 16.60 L12.00 14.30 L12.00 9.70Z'/%3E%3C/svg%3E");
  --ic-metabolite: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 10.5A7.5 7.5 0 0 0 6 7.2M4.5 13.5A7.5 7.5 0 0 0 18 16.8'/%3E%3Cpath d='M6.2 3.6L6 7.2l3.5.3M17.8 20.4l.2-3.6-3.5-.3'/%3E%3C/svg%3E");
  --ic-protein: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12c1.5-4 3-4 4.5 0s3 4 4.5 0 3-4 4.5 0 3 4 4.5 0'/%3E%3Cpath d='M3 18h18'/%3E%3C/svg%3E");
  --ic-plant-compound: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='14' r='3'/%3E%3Ccircle cx='15' cy='14' r='3'/%3E%3Ccircle cx='12' cy='18.5' r='3'/%3E%3Cpath d='M12 11V6.5c0-1.7 1.5-3 3.5-3'/%3E%3Cpath d='M12 7c-2.2 0-3.5-1.2-3.5-3.2 2.2 0 3.5 1.2 3.5 3.2z'/%3E%3C/svg%3E");
  --ic-multivitamin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='3'/%3E%3Crect x='6.5' y='7.25' width='5' height='3' rx='1.5'/%3E%3Crect x='12.5' y='7.25' width='5' height='3' rx='1.5'/%3E%3Crect x='6.5' y='13.75' width='5' height='3' rx='1.5'/%3E%3Crect x='12.5' y='13.75' width='5' height='3' rx='1.5'/%3E%3C/svg%3E");
  --ic-guide: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M9 21h6'/%3E%3Cpath d='M5 5.5h10l2.5 2.5-2.5 2.5H5zM19 12.5H9l-2.5 2.5L9 17.5h10z'/%3E%3C/svg%3E");
  --ic-unit-conversion: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h15M15 4l4 4-4 4M20 16H5M9 12l-4 4 4 4'/%3E%3C/svg%3E");
  --ic-extract: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.3 3.7l5 5-2.3 2.3-5-5z'/%3E%3Cpath d='M13.6 8.1l2.3 2.3-7.6 7.6-3 .9.9-3z'/%3E%3Cpath d='M4 21.5v.01'/%3E%3C/svg%3E");
  --ic-blend: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 3.5V12l7.9 3.2'/%3E%3Cpath d='M8.2 14.5v.01M7.4 10v.01M10 17.4v.01'/%3E%3C/svg%3E");
  --ic-sleep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z'/%3E%3C/svg%3E");
  --ic-food-plant: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%20%3Cpath%20d=%22M12%2020v-9%22/%3E%20%3Cpath%20d=%22M12%2014c-4.5%200-7-2.5-7-7%204.5%200%207%202.5%207%207Z%22/%3E%20%3Cpath%20d=%22M12%2012c0-4%202.5-6.5%207-6.5%200%204-2.5%206.5-7%206.5Z%22/%3E%20%3Cpath%20d=%22M8%2020h8%22/%3E%20%3C/svg%3E");
  --ic-food-meat: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%20%3Cpath%20d=%22M4.5%2016.7C2.8%2014.8%203%2011.2%205%208.9c2-2.3%204.8-2.8%207.3-1.7%201.7.7%202.6%201.8%204.3%201.8%202.9%200%204.5%202.4%204.2%205.1-.4%203.2-3.2%205.1-6.1%204.6-1.2-.2-2.3-.7-3.2-1.2-2.6.6-4.9-.1-6.2-1.8Z%22/%3E%20%3Cpath%20d=%22M8.5%2012.7c1.3-2.2%203.8-3.1%206.3-2.4M9.5%2015.1c1.7.7%203.2.5%204.4-.4%22/%3E%20%3C/svg%3E");
  --ic-food-fish: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%20%3Cpath%20d=%22M4.5%2012C7%208.5%209.6%207%2013%207c3.6%200%206%202%208%205-2%203-4.4%205-8%205-3.4%200-6-1.5-8.5-5Z%22/%3E%20%3Cpath%20d=%22M4.5%2012%202%207.8v8.4L4.5%2012Z%22/%3E%20%3Cpath%20d=%22M17%2011.5h.01%22/%3E%20%3C/svg%3E");
  --ic-food-fortified: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%20%3Crect%20x=%224.5%22%20y=%223.5%22%20width=%2215%22%20height=%2217%22%20rx=%222.5%22/%3E%20%3Cpath%20d=%22M8%208.5h8M8%2015h8M12%2011v8%22/%3E%20%3C/svg%3E");
  --ic-food-prepared: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2010h18l-2%2010H5L3%2010ZM7%2010l2-6h6l2%206M8%2014h8M10%2017h4%22/%3E%3C/svg%3E");
  --ic-food-seasoning: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8%203h8v4H8zM7%207h10l1%2013H6L7%207Z%22/%3E%3Cpath%20d=%22M10%2011h.01M14%2011h.01M10%2014h.01M14%2014h.01%22/%3E%3C/svg%3E");
  --ic-food-shellfish: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2018C7.6%2018%204%2015.8%203%2012c1.5-4.4%205.2-7%209-7s7.5%202.6%209%207c-1%203.8-4.6%206-9%206Z%22/%3E%3Cpath%20d=%22M12%205v13M7.5%206.4%2010%2017.7M16.5%206.4%2014%2017.7M4.7%209%208%2017M19.3%209%2016%2017M7%2020h10%22/%3E%3C/svg%3E");
  --ic-food-egg: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%203C8.5%203%205.5%209.4%205.5%2014a6.5%206.5%200%200%200%2013%200C18.5%209.4%2015.5%203%2012%203Z%22/%3E%3Cpath%20d=%22M8.7%2016.8c.6%201%201.6%201.6%202.8%201.8%22/%3E%3C/svg%3E");
  --ic-food-dairy: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.75%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%203h6v3l2.5%203v11H6.5V9L9%206V3Z%22/%3E%3Cpath%20d=%22M9%206h6M7%2011h10M9%2016h6%22/%3E%3C/svg%3E");
}

/* ---------- Icons: <i class="nf-ic nf-ic--external" aria-hidden="true"></i> ----------
   24px grid, 1.75 stroke, round caps + joins. Takes the text colour and 1em size. */
.nf-ic { display: inline-block; width: 1em; height: 1em; flex: none; vertical-align: -0.14em; background: currentColor;
  -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.nf-ic--search { --ic: var(--ic-search); }
.nf-ic--menu { --ic: var(--ic-menu); }
.nf-ic--close { --ic: var(--ic-close); }
.nf-ic--chevron-down { --ic: var(--ic-chevron-down); }
.nf-ic--chevron-right { --ic: var(--ic-chevron-right); }
.nf-ic--arrow-right { --ic: var(--ic-arrow-right); }
.nf-ic--arrow-up { --ic: var(--ic-arrow-up); }
.nf-ic--external { --ic: var(--ic-external); }
.nf-ic--check { --ic: var(--ic-check); }
.nf-ic--info { --ic: var(--ic-info); }
.nf-ic--caution { --ic: var(--ic-caution); }
.nf-ic--skip { --ic: var(--ic-skip); }
.nf-ic--filter { --ic: var(--ic-filter); }
.nf-ic--calendar { --ic: var(--ic-calendar); }
.nf-ic--contents { --ic: var(--ic-contents); }
.nf-ic--clock { --ic: var(--ic-clock); }
.nf-ic--capsule { --ic: var(--ic-capsule); }
.nf-ic--tablet { --ic: var(--ic-tablet); }
.nf-ic--softgel { --ic: var(--ic-softgel); }
.nf-ic--scoop { --ic: var(--ic-scoop); }
.nf-ic--bottle { --ic: var(--ic-bottle); }
.nf-ic--label { --ic: var(--ic-label); }
.nf-ic--scale { --ic: var(--ic-scale); }
.nf-ic--lab { --ic: var(--ic-lab); }
.nf-ic--doctor { --ic: var(--ic-doctor); }
.nf-ic--podcast { --ic: var(--ic-podcast); }
.nf-ic--source { --ic: var(--ic-source); }
.nf-ic--evidence { --ic: var(--ic-evidence); }
.nf-ic--interaction { --ic: var(--ic-interaction); }
.nf-ic--vitamin { --ic: var(--ic-vitamin); }
.nf-ic--mineral { --ic: var(--ic-mineral); }
.nf-ic--compound { --ic: var(--ic-compound); }
.nf-ic--herb { --ic: var(--ic-herb); }
.nf-ic--gut { --ic: var(--ic-gut); }
.nf-ic--amino-acid { --ic: var(--ic-amino-acid); }
.nf-ic--fatty-acid { --ic: var(--ic-fatty-acid); }
.nf-ic--fiber { --ic: var(--ic-fiber); }
.nf-ic--probiotic { --ic: var(--ic-probiotic); }
.nf-ic--postbiotic { --ic: var(--ic-postbiotic); }
.nf-ic--enzyme { --ic: var(--ic-enzyme); }
.nf-ic--hormone { --ic: var(--ic-hormone); }
.nf-ic--metabolite { --ic: var(--ic-metabolite); }
.nf-ic--protein { --ic: var(--ic-protein); }
.nf-ic--plant-compound { --ic: var(--ic-plant-compound); }
.nf-ic--multivitamin { --ic: var(--ic-multivitamin); }
.nf-ic--guide { --ic: var(--ic-guide); }
.nf-ic--unit-conversion { --ic: var(--ic-unit-conversion); }
.nf-ic--extract { --ic: var(--ic-extract); }
.nf-ic--blend { --ic: var(--ic-blend); }
.nf-ic--sleep { --ic: var(--ic-sleep); }
.nf-ic--food-plant { --ic: var(--ic-food-plant); }
.nf-ic--food-meat { --ic: var(--ic-food-meat); }
.nf-ic--food-fish { --ic: var(--ic-food-fish); }
.nf-ic--food-fortified { --ic: var(--ic-food-fortified); }
.nf-ic--food-prepared { --ic: var(--ic-food-prepared); }
.nf-ic--food-seasoning { --ic: var(--ic-food-seasoning); }
.nf-ic--food-shellfish { --ic: var(--ic-food-shellfish); }
.nf-ic--food-egg { --ic: var(--ic-food-egg); }
.nf-ic--food-dairy { --ic: var(--ic-food-dairy); }

/* ---------- Logo: selected illustrated lockup, iteration 6 / option 3 ---------- */
.wm--lockup { display: inline-flex; gap: 0; line-height: 0; }
.wm--lockup img { display: block; width: 170px; height: auto; }
.header-inner > .wm--lockup { padding: 0; border: 0; border-radius: 0; background: transparent; }
.footer-brand .wm--lockup { margin-bottom: 14px; }
.footer-brand .wm--lockup img { width: 250px; }

@media (max-width: 1050px) {
  .header-inner > .wm--lockup img { width: 150px; }
}

@media (max-width: 520px) {
  .header-inner > .wm--lockup img { width: 138px; }
  .footer-brand .wm--lockup img { width: min(250px, 100%); }
}

/* ---------- Search fields ---------- */
.search-wrap::before, .home-search::before { content: ""; position: absolute; z-index: 1; top: 50%; width: 16px; height: 16px;
  transform: translateY(-50%); background: var(--soft); pointer-events: none;
  -webkit-mask: var(--ic-search) center / contain no-repeat; mask: var(--ic-search) center / contain no-repeat; }
.search-wrap::before { left: 12px; }
.search-wrap input[type="search"] { padding-left: 34px; }
.home-search::before { left: 15px; top: 24px; width: 18px; height: 18px; }
.home-search input[type="search"] { padding-left: 42px; }
.search-wrap input::placeholder { color: var(--soft); }

/* ---------- Menu button ---------- */
.ham .nf-ic { font-size: 22px; vertical-align: middle; }
.ham { color: var(--ink); }

/* ---------- Selected filter chip: check icon, not a glyph ---------- */
.chip[aria-pressed="true"]::before { content: ""; width: 13px; height: 13px; background: var(--green-d);
  -webkit-mask: var(--ic-check) center / contain no-repeat; mask: var(--ic-check) center / contain no-repeat; }
.chip .nf-ic { font-size: 15px; color: var(--soft); }
.chip[aria-pressed="true"] .nf-ic { color: var(--green-d); }

/* ---------- Label + icon (caps, card headings) ---------- */
.cap-ic { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--green) 34%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--green-t) 82%, white); }
.cap-ic .nf-ic { font-size: 15px; vertical-align: 0; color: var(--green-d); }
.page-hero .cap-ic .nf-ic { font-size: 18px; }

/* ---------- Home: family tiles ---------- */
.family-tile .tile-ic { display: grid; place-items: center; width: 42px; height: 42px; margin: 0 0 10px; border-radius: 14px;
  background: linear-gradient(145deg, var(--green-t), var(--coral-t)); border: 1px solid color-mix(in srgb, var(--green) 32%, var(--line)); color: var(--green-d); font-size: 22px; box-shadow: inset 0 1px 0 rgba(255,255,255,.65); }
.family-tile:hover .tile-ic { border-color: var(--green); color: var(--green-d); transform: translateY(-1px); }

/* ---------- Home: skip card (amber-d keeps the heading at 5:1) ---------- */
.home-method--skip h2 .nf-ic { font-size: 18px; }

/* ---------- Search suggestions + browse rows ---------- */
ul.sugg li { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
ul.sugg li > .nf-ic, .row-name > .nf-ic { font-size: 15px; color: var(--soft); align-self: center; }
.row-name { display: inline-flex; align-items: center; gap: 8px; }