:root {
    /* brand */
    --color-bg: #ffffff;
    --color-fg: #333333;
    --color-muted: #666666;
    --color-border: #e2e2e2;
    --color-card-top: #f4f0cb; /* legacy gradient support */
    --color-card-bottom: #ded29e;
    --color-accent: #0f62fe; /* links, [more]/[less] */
    /* typography */
    --font-sans: Arial, Helvetica, sans-serif;
    --font-size-body: 12pt;
    --font-size-brewer: 12pt;
    --font-size-beer: 14pt;
    --font-size-family: 20pt;
    /* spacing (4px grid) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    /* radii & shadow */
    --radius-lg: 12px;
    --radius-xl: 20px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
    /* layout */
    --bev-image-size: 80px; /* was 100px in legacy */
    --content-max-width: 980px; /* old container width */
    /* visible/hidden objects */
    --abv-ibu-visible: block; /* none */
    --description-vsible: block; /* none */
    --bev-style-visible: block; /* none */
    --tapId-visible: block; /* none */
    --percentage-left-visible: block; /* none */
    --desc-expander: on; /* on | off */
    --desc-clamp-lines: 1; /* how many lines to show when collapsed */
    --desc-toggle-font-size: 12px; /* size of [more]/[less] */
    --desc-toggle-gap: 6px; /* space before the link */
    --desc-toggle-text-more: [more];
    --desc-toggle-text-less: [less];
    --category-unknown-header-font-size: 16pt;
    --category-unknown-header-background-color: #11a900;
    --category-unknown-header-text-color: #FFFFFF;
    --category-Ale-header-font-size: 16pt;
    --category-Ale-header-background-color: #393b79;
    --category-Ale-header-text-color: #FFFFFF;
    --category-Altbier-header-font-size: 16pt;
    --category-Altbier-header-background-color: #393b79;
    --category-Altbier-header-text-color: #FFFFFF;
    --category-AmberAle-header-font-size: 16pt;
    --category-AmberAle-header-background-color: #393b79;
    --category-AmberAle-header-text-color: #FFFFFF;
    --category-BarleyWine-header-font-size: 16pt;
    --category-BarleyWine-header-background-color: #5254a3;
    --category-BarleyWine-header-text-color: #FFFFFF;
    --category-Belgian-header-font-size: 16pt;
    --category-Belgian-header-background-color: #5254a3;
    --category-Belgian-header-text-color: #FFFFFF;
    --category-BerlinerWeisse-header-font-size: 16pt;
    --category-BerlinerWeisse-header-background-color: #5254a3;
    --category-BerlinerWeisse-header-text-color: #FFFFFF;
    --category-BieredeGarde-header-font-size: 16pt;
    --category-BieredeGarde-header-background-color: #6b6ecf;
    --category-BieredeGarde-header-text-color: #FFFFFF;
    --category-Bitter-header-font-size: 16pt;
    --category-Bitter-header-background-color: #6b6ecf;
    --category-Bitter-header-text-color: #FFFFFF;
    --category-Blonde-header-font-size: 16pt;
    --category-Blonde-header-background-color: #6b6ecf;
    --category-Blonde-header-text-color: #FFFFFF;
    --category-Bock-header-font-size: 16pt;
    --category-Bock-header-background-color: #9c9ede;
    --category-Bock-header-text-color: #000000;
    --category-BrownAle-header-font-size: 16pt;
    --category-BrownAle-header-background-color: #9c9ede;
    --category-BrownAle-header-text-color: #000000;
    --category-CaliforniaCommonSteamBeer-header-font-size: 16pt;
    --category-CaliforniaCommonSteamBeer-header-background-color: #637939;
    --category-CaliforniaCommonSteamBeer-header-text-color: #FFFFFF;
    --category-Cider-header-font-size: 16pt;
    --category-Cider-header-background-color: #637939;
    --category-Cider-header-text-color: #FFFFFF;
    --category-Cocktail-header-font-size: 16pt;
    --category-Cocktail-header-background-color: #8ca252;
    --category-Cocktail-header-text-color: #000000;
    --category-CreamAle-header-font-size: 16pt;
    --category-CreamAle-header-background-color: #8ca252;
    --category-CreamAle-header-text-color: #000000;
    --category-Doppelbock-header-font-size: 16pt;
    --category-Doppelbock-header-background-color: #b5cf6b;
    --category-Doppelbock-header-text-color: #000000;
    --category-DortmunderExport-header-font-size: 16pt;
    --category-DortmunderExport-header-background-color: #b5cf6b;
    --category-DortmunderExport-header-text-color: #000000;
    --category-Dunkelweizen-header-font-size: 16pt;
    --category-Dunkelweizen-header-background-color: #cedb9c;
    --category-Dunkelweizen-header-text-color: #000000;
    --category-Eisbock-header-font-size: 16pt;
    --category-Eisbock-header-background-color: #8c6d31;
    --category-Eisbock-header-text-color: #FFFFFF;
    --category-EnglishAle-header-font-size: 16pt;
    --category-EnglishAle-header-background-color: #bd9e39;
    --category-EnglishAle-header-text-color: #000000;
    --category-FlandersRedAle-header-font-size: 16pt;
    --category-FlandersRedAle-header-background-color: #e7ba52;
    --category-FlandersRedAle-header-text-color: #000000;
    --category-FruitBeer-header-font-size: 16pt;
    --category-FruitBeer-header-background-color: #e7cb94;
    --category-FruitBeer-header-text-color: #000000;
    --category-GoldenAle-header-font-size: 16pt;
    --category-GoldenAle-header-background-color: #843c39;
    --category-GoldenAle-header-text-color: #FFFFFF;
    --category-Gose-header-font-size: 16pt;
    --category-Gose-header-background-color: #ad494a;
    --category-Gose-header-text-color: #FFFFFF;
    --category-Gueuze-header-font-size: 16pt;
    --category-Gueuze-header-background-color: #d6616b;
    --category-Gueuze-header-text-color: #FFFFFF;
    --category-HardSeltzer-header-font-size: 16pt;
    --category-HardSeltzer-header-background-color: #e7969c;
    --category-HardSeltzer-header-text-color: #000000;
    --category-Hefeweizen-header-font-size: 16pt;
    --category-Hefeweizen-header-background-color: #7b4173;
    --category-Hefeweizen-header-text-color: #FFFFFF;
    --category-Helles-header-font-size: 16pt;
    --category-Helles-header-background-color: #a55194;
    --category-Helles-header-text-color: #FFFFFF;
    --category-IndiaPaleAle-header-font-size: 16pt;
    --category-IndiaPaleAle-header-background-color: #ce6dbd;
    --category-IndiaPaleAle-header-text-color: #000000;
    --category-Kolsch-header-font-size: 16pt;
    --category-Kolsch-header-background-color: #de9ed6;
    --category-Kolsch-header-text-color: #000000;
    --category-Kombucha-header-font-size: 16pt;
    --category-Kombucha-header-background-color: #3182bd;
    --category-Kombucha-header-text-color: #FFFFFF;
    --category-Lager-header-font-size: 16pt;
    --category-Lager-header-background-color: #6baed6;
    --category-Lager-header-text-color: #000000;
    --category-Lambic-header-font-size: 16pt;
    --category-Lambic-header-background-color: #9ecae1;
    --category-Lambic-header-text-color: #000000;
    --category-LightAle-header-font-size: 16pt;
    --category-LightAle-header-background-color: #c6dbef;
    --category-LightAle-header-text-color: #000000;
    --category-Liquor-header-font-size: 16pt;
    --category-Liquor-header-background-color: #e6550d;
    --category-Liquor-header-text-color: #FFFFFF;
    --category-Maibock-header-font-size: 16pt;
    --category-Maibock-header-background-color: #fd8d3c;
    --category-Maibock-header-text-color: #FFFFFF;
    --category-MaltLiquor-header-font-size: 16pt;
    --category-MaltLiquor-header-background-color: #fdae6b;
    --category-MaltLiquor-header-text-color: #000000;
    --category-Mead-header-font-size: 16pt;
    --category-Mead-header-background-color: #fdd0a2;
    --category-Mead-header-text-color: #000000;
    --category-Non-Alcoholic-header-font-size: 16pt;
    --category-Non-Alcoholic-header-background-color: #31a354;
    --category-Non-Alcoholic-header-text-color: #FFFFFF;
    --category-Oktoberfest-header-font-size: 16pt;
    --category-Oktoberfest-header-background-color: #74c476;
    --category-Oktoberfest-header-text-color: #000000;
    --category-OldAle-header-font-size: 16pt;
    --category-OldAle-header-background-color: #a1d99b;
    --category-OldAle-header-text-color: #000000;
    --category-OudBruin-header-font-size: 16pt;
    --category-OudBruin-header-background-color: #c7e9c0;
    --category-OudBruin-header-text-color: #000000;
    --category-PaleAle-header-font-size: 16pt;
    --category-PaleAle-header-background-color: #756bb1;
    --category-PaleAle-header-text-color: #FFFFFF;
    --category-Pilsner-header-font-size: 16pt;
    --category-Pilsner-header-background-color: #9e9ac8;
    --category-Pilsner-header-text-color: #000000;
    --category-Porter-header-font-size: 16pt;
    --category-Porter-header-background-color: #bcbddc;
    --category-Porter-header-text-color: #000000;
    --category-RedAle-header-font-size: 16pt;
    --category-RedAle-header-background-color: #dadaeb;
    --category-RedAle-header-text-color: #000000;
    --category-RedWine-header-font-size: 16pt;
    --category-RedWine-header-background-color: #636363;
    --category-RedWine-header-text-color: #FFFFFF;
    --category-Roggenbier-header-font-size: 16pt;
    --category-Roggenbier-header-background-color: #969696;
    --category-Roggenbier-header-text-color: #000000;
    --category-RyeBeer-header-font-size: 16pt;
    --category-RyeBeer-header-background-color: #bdbdbd;
    --category-RyeBeer-header-text-color: #000000;
    --category-Saison-header-font-size: 16pt;
    --category-Saison-header-background-color: #d9d9d9;
    --category-Saison-header-text-color: #000000;
    --category-ScotchAle-header-font-size: 16pt;
    --category-ScotchAle-header-background-color: #8c6d31;
    --category-ScotchAle-header-text-color: #FFFFFF;
    --category-Seasonal-header-font-size: 16pt;
    --category-Seasonal-header-background-color: #bd9e39;
    --category-Seasonal-header-text-color: #000000;
    --category-Sour-header-font-size: 16pt;
    --category-Sour-header-background-color: #e7ba52;
    --category-Sour-header-text-color: #000000;
    --category-Specialty-header-font-size: 16pt;
    --category-Specialty-header-background-color: #e7cb94;
    --category-Specialty-header-text-color: #000000;
    --category-Stout-header-font-size: 16pt;
    --category-Stout-header-background-color: #843c39;
    --category-Stout-header-text-color: #FFFFFF;
    --category-ViennaLager-header-font-size: 16pt;
    --category-ViennaLager-header-background-color: #ad494a;
    --category-ViennaLager-header-text-color: #FFFFFF;
    --category-Weissbier-header-font-size: 16pt;
    --category-Weissbier-header-background-color: #d6616b;
    --category-Weissbier-header-text-color: #FFFFFF;
    --category-Weizenbock-header-font-size: 16pt;
    --category-Weizenbock-header-background-color: #e7969c;
    --category-Weizenbock-header-text-color: #000000;
    --category-WhiteWine-header-font-size: 16pt;
    --category-WhiteWine-header-background-color: #7b4173;
    --category-WhiteWine-header-text-color: #FFFFFF;
    --category-Witbier-header-font-size: 16pt;
    --category-Witbier-header-background-color: #a55194;
    --category-Witbier-header-text-color: #FFFFFF;