:root {
    --wp-dark-mode-bg: #1b2836;
    --wp-dark-mode-text: #fff;
    --wp-dark-mode-link: #5A5B9F;
    --wp-dark-mode-btn: #2f3c4a;
    --wp-dark-mode-border: #394654;
}

/* Doc helpers begin */
*::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
*::-webkit-scrollbar-track
{
    background: rgba(97,73,3,.2);
}
*::-webkit-scrollbar-thumb
{
    background: #000;
}
a
{
    outline: none;
}
::selection {
    color: #930;
    background: #fff600;
    text-shadow: none;
}
body, [role='main'] {
    background: linear-gradient(to right, #fff, #e2e2e2, #fff)
}
.h-center { text-align: center;}
.h-left { text-align: left;}
.h-link {
    font-weight: 400;
    cursor: pointer;
    letter-spacing: .04em;
    color: #fbb502;
}
.h-vect-line-art { stroke: #000;}
.h-smaller {font-size: smaller !important;}
.h-pro-tip, summary {cursor: pointer;user-select: none; margin-top: 8px; font-size: 1em;}
.h-nowrap {white-space: nowrap;}
.h_ital {font-style: italic;}
.h_code {font-family: monospace !important; font-weight: bolder;}
.h_quote {font-style: italic; border-left: solid 3px #777;padding-left: 12px}
.h-ds__none {display: none;}
.h-ds__block {display: block;}
.h-ds__inline {display: inline;}
.h-3d-canvas canvas { display: block;margin: 0 auto; outline: none;}
.h-fade { opacity: 0.4; filter: blur(8px); transition: .88s filter linear;}
.h-bg__stripe, .l-caro-design > article, article.l-caro-design {
    background: repeating-linear-gradient(45deg,#f8f8f8,#f8f8f8 26px,#fefefe 26px,#fefefe 52px);
}
.h-bg__stripe:hover, .l-caro-design > article:hover, article.l-caro-design:hover {
    background: repeating-linear-gradient(45deg,#f6f6f6,#f6f6f6 26px,#ffffff 26px,#ffffff 52px);
}
.vvs-cont {
    min-height: 96px; 
    padding-top: 8px;
    QQQQfilter:brightness(0.5); 
}
.l-blog-crd.caro-target__js.h--select {
    border-bottom: solid 4px #C74375;
    filter: brightness(1.4);
    filter: saturate(1.4);
}
div.caro-target__js:not(.h--select) {
    background: repeating-linear-gradient(45deg,#f6f6f6,#f6f6f6 26px,#ffffff 26px,#ffffff 52px);
}
.l-caro-design section img {
    width: 256px;
    height: auto;
    margin: 4px;
    padding: 4px;
}
.rot180 {
    transform: rotate(180deg);
}
.l-mega-place-holder {height: 56px; margin: 0;}
/* Doc helpers end */

 /* Color of the Year begin */
 .bg-coy_1999  {background-color: #000000;}  /* Black */
 .bg-coy_2000  {background-color: #9BB7D4;}  /* Cerulean */
 .bg-coy_2001  {background-color: #C74375;}  /* Fuchsia Rose */
 .bg-coy_2002  {background-color: #BF1932;}  /* True Red */
 .bg-coy_2003  {background-color: #7BC4C4;}  /* Aqua Sky */
 .bg-coy_2004  {background-color: #E2583E;}  /* Tigerlily */
 .bg-coy_2005  {background-color: #53B0AE;}  /* Blue Turquoise */
 .bg-coy_2006  {background-color: #DECDBE;}  /* Sand Dollar */
 .bg-coy_2007  {background-color: #9B1B30;}  /* Chili Pepper */
 .bg-coy_2008  {background-color: #5A5B9F;}  /* Blue Iris */
 .bg-coy_2009  {background-color: #F0C05A;}  /* Mimosa */
 .bg-coy_2010  {background-color: #45B5AA;}  /* Turquoise */
 .bg-coy_2011  {background-color: #D94F70;}  /* Honeysuckle */
 .bg-coy_2012  {background-color: #DD4124;}  /* Tangerine Tango */
 .bg-coy_2013  {background-color: #009473;}  /* Emerald */
 .bg-coy_2014  {background-color: #B163A3;}  /* Radiant Orchid */
 .bg-coy_2015  {background-color: #955251;}  /* Marsala */
 .bg-coy_2016  {background-color: #F7CAC9;}  /* Rose Quartz */
 .bg-coy_2016b {background-color: #92A8D1;}  /* Serenity */
 .bg-coy_2017  {background-color: #88B04B;}  /* Greenery */
 .bg-coy_2018  {background-color: #5F4B8B;}  /* Ultra Violet */
 .bg-coy_2019  {background-color: #FF6F61;}  /* Living Coral */
 .bg-coy_2020  {background-color: #0F4C81;}  /* Classic Blue */
 .bg-coy_2021  {background-color: #939597;}  /* Ultimate Gray */
 .bg-coy_2021b {background-color: #F5DF4D;}  /* Illuminating */

 .text-coy_1999  {color: #000000;}  /* Black */
 .text-coy_2000  {color: #9BB7D4;}  /* Cerulean */
 .text-coy_2001  {color: #C74375;}  /* Fuchsia Rose */
 .text-coy_2002  {color: #BF1932;}  /* True Red */
 .text-coy_2003  {color: #7BC4C4;}  /* Aqua Sky */
 .text-coy_2004  {color: #E2583E;}  /* Tigerlily */
 .text-coy_2005  {color: #53B0AE;}  /* Blue Turquoise */
 .text-coy_2006  {color: #DECDBE;}  /* Sand Dollar */
 .text-coy_2007  {color: #9B1B30;}  /* Chili Pepper */
 .text-coy_2008  {color: #5A5B9F;}  /* Blue Iris */
 .text-coy_2009  {color: #F0C05A;}  /* Mimosa */
 .text-coy_2010  {color: #45B5AA;}  /* Turquoise */
 .text-coy_2011  {color: #D94F70;}  /* Honeysuckle */
 .text-coy_2012  {color: #DD4124;}  /* Tangerine Tango */
 .text-coy_2013  {color: #009473;}  /* Emerald */
 .text-coy_2014  {color: #B163A3;}  /* Radiant Orchid */
 .text-coy_2015  {color: #955251;}  /* Marsala */
 .text-coy_2016  {color: #F7CAC9;}  /* Rose Quartz */
 .text-coy_2016b {color: #92A8D1;}  /* Serenity */
 .text-coy_2017  {color: #88B04B;}  /* Greenery */
 .text-coy_2018  {color: #5F4B8B;}  /* Ultra Violet */
 .text-coy_2019  {color: #FF6F61;}  /* Living Coral */
 .text-coy_2020  {color: #0F4C81;}  /* Classic Blue */
 .text-coy_2021  {color: #939597;}  /* Ultimate Gray */
 .text-coy_2021b {color: #F5DF4D;}  /* Illuminating */
 /* Color of the Year end */

/* Caption Vivid Vect begin */
.l-capt__vect img {width: 30px; opacity: 0;transition:opacity .3s;}
.l-capt__vect img.img__show {opacity: 1;}
@media only screen and (min-width:48.1em) and (max-width:62em){/* med */
    .l-capt__vect img {width: 32px;}
}
@media only screen and (min-width:62.1em){/* lg */
    .l-capt__vect img {width: 38px;}
}
/* Caption Vivid Vect end */

/* Tag Chips and Categories begin */
.l-cat-chip {
    position: relative;
    top: -64px;
    margin: 8px; padding : 8px;
    text-align: center;
    z-index: 8;
}
.l-tag-chip {
    margin: 8px; padding : 8px;
    text-align: center;
}
.l-cat-chip a {
    border: solid 1px #fff;
}
.l-cat-chip a, .l-tag-chip a {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    border-radius: 24px;
    margin: 4px; padding: 4px 10px;

    line-height: 2;
    white-space: nowrap;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed',sans-serif;
    font-size: 16px;
    letter-spacing: -.008em;
}
.l-cat-chip a:hover {
    background-color: #fff; color: #000;
  }
.l-tag-chip a:hover {
    filter: brightness(1.1);
}
.fav__tag span:hover {
    filter: brightness(1.1); 
}
/* Tag Chips and Categories end */

/* Hero img begin */
.hero-img {
    border-radius: 2px;
    height: auto;
    width: 100%;
    QQQQfilter: hue-rotate(-22deg) sepia(22%) contrast(122%) saturate(40%) hue-rotate(22deg);
    transition: all 1.4s;
}
.hero-img:hover {
    filter: none;
}
.hero-single {width: 85%;margin: 12px auto;display: block;}
.hero-single img {
    width: 76%;
    max-width: 1280px;
    margin: 0 auto;
    display: block;
    border-radius: 8px;
}
/* Hero img end */

/*  Hero Zoom Desktop begin */
.l-HeroZoom-Cntr {
    margin: 0 auto 50px auto;
    position: relative;
}

.l-HeroZoom-Cntr .l-HeroZoom > section {
    cursor: pointer; width: auto; height: auto; font-size: 0px; position: relative; user-select: none;
    background: repeating-linear-gradient(45deg,#fafafa,#fafafa 24px,#ffffff 24px,#ffffff 48px);
}
.l-HeroZoom-Cntr .l-HeroZoom > section > img {
    width: 100%; height: auto; pointer-events: none;
}
.l-HeroZoom-Cntr .l-HeroZoom > section > div {
    overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;pointer-events: none;
}
.l-HeroZoom-Cntr .l-HeroZoom > section > div > img {
    display: block; pointer-events: none; width: 100%;
}

.l-HeroZoom-Cntr .HeroZoom-Cntr__link{
    display: none;
    border: 2px solid #d6d6d6;
}
/*  Hero Zoom Desktop end */ 

/*  Blog Content Card Begin  */
    .l-blog-crd {
        margin: 6px 4px; padding: 4px;
        border: solid 1px #bbb;
        border-top: solid 2px #bbb;
        border-radius: 2px;
        box-shadow: 0px 2px 6px -2px rgba(164,164,164,0.6);
        background-color: #fff;
        min-width: 168px; max-width: 176px;
        min-height: 260px;   
        text-decoration: none;
    }
    .l-blog-crd picture {
        display: block;
        overflow: hidden;
        border-radius: 4px;
        margin: 0; padding: 0;
        width: 100%; height: auto;
    }
    .l-blog-crd img {
        width: 100%;
        transition: all 1s;
        margin: 0; padding: 0;
    }
    .l-blog-crd:hover img{
        transform: scale(1.20);
        margin-left: -18px;
    }
    .l-blog-crd p, .l-blog-crd h5, .l-blog-crd h6{
        color: #000;
        margin: 4px 1px; padding: 2px;
        font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed', sans-serif;
        font-weight: 300;
        font-size: 1.08em;
    }
    .l-blog-crd h5, .l-blog-crd h6 {
        min-height: 44px;
    }
    .l-blog-crd p {
        color: #6a6a6a;
        margin: 2px; padding: 1px;
        font-size: .96em;
        line-height: .88;
    }
    .l-blog-crd h6 {
        border-top: solid 1px #8a8a8a;
    }
/*  Blog Content Card End    */

/* Pan Fried Monkey Fisticufs grid begin */
section.pfmf-grid {
    display: grid;
    grid-area: box-content;
    margin: 0 auto;
    align-content: center;  
    box-sizing: border-box;
    width: 94%; 
}
section.pfmf-grid__25_25_25_25  { grid-template-columns: 100%; }
section.pfmf-grid__25_25_25_25 > div:nth-child(1) { order: 1; }

section.pfmf-grid__40_60  { grid-template-columns: 100%; }
section.pfmf-grid__40_60 > div:nth-child(1) { order: 1; }

section.pfmf-grid__50_50  { grid-template-columns: 100%; }
section.pfmf-grid__50_50 > div:nth-child(1) { order: 1; }

section.pfmf-grid__60_40  { grid-template-columns: 100%; }
section.pfmf-grid__60_40 > div:nth-child(1) { order: 1; }
section.pfmf-grid__70_30  { grid-template-columns: 100%; }
section.pfmf-grid__70_30 > div:nth-child(1) { order: 1; }
section.pfmf-grid__30_70  { grid-template-columns: 100%; }
section.pfmf-grid__100    { grid-template-columns: 100%; }
section.pfmf-grid__33_33_33 { grid-template-columns: 100%; }

section.pfmf-grid > div > article {
    margin: 6px 4px;
    padding: 4px 6px;
    border: solid 1px #bbb;
    QQQQborder-top: solid 2px #bbb;
    border-radius: 2px;
    QQQQbox-shadow: 0px 2px 6px -2px rgba(164,164,164,0.6);
    background-color: #fff;
}
section.pfmf-grid > div > article.pfmf-crd--black {
    background-color: #262626;
}

@media only screen and (min-width:48.1em) and (max-width:62em){/* med */
    section.pfmf-grid__25_25_25_25 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__25_25_25_25  { grid-template-columns: 50% 50%; }
    section.pfmf-grid__40_60 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__40_60  { grid-template-columns: 40% 60%; }
    section.pfmf-grid__50_50 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__50_50  { grid-template-columns: 50% 50%; }
    section.pfmf-grid__60_40 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__60_40  { grid-template-columns: 60% 40%; }
    section.pfmf-grid__70_30 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__70_30  { grid-template-columns: 70% 30%; }
    section.pfmf-grid__30_70  { grid-template-columns: 30% 70%; }
    section.pfmf-grid__33_33_33 { grid-template-columns: 33.3% 33.3% 33.4%; }
    section.pfmf-grid { width: 86%; }
}
@media only screen and (min-width:62.1em){/* lg */
    section.pfmf-grid__25_25_25_25 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__25_25_25_25  { grid-template-columns: 25% 25% 25% 25%; }
    section.pfmf-grid__40_60 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__40_60  { grid-template-columns: 40% 60%; }
    section.pfmf-grid__50_50 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__50_50  { grid-template-columns: 50% 50%; }
    section.pfmf-grid__60_40 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__60_40  { grid-template-columns: 60% 40%; }
    section.pfmf-grid__70_30 > div:nth-child(1) { order: 0; }
    section.pfmf-grid__70_30  { grid-template-columns: 70% 30%; }
    section.pfmf-grid__30_70  { grid-template-columns: 30% 70%; }
    section.pfmf-grid__33_33_33 { grid-template-columns: 33.3% 33.3% 33.4%; }
    section.pfmf-grid { width: 86%; }
}
/* Pan Fried Monkey Fisticufs grid end */

/* megamenu begin */
.megamenu {
    background-color: #fff;
    padding: 0; margin: 0;
    width: 100%;
    overflow: hidden;
    z-index: 16;
    box-shadow: 0px 2px 6px -2px rgba(164,164,164,0.6);
    user-select: none;
}
.megamenu[data-expand-state='false'] .megamenu__grd--card,
.megamenu[data-expand-state='true']  .mm__vect--open,
.megamenu[data-expand-state='false'] .mm__vect--close { display: none;}
.megamenu[data-expand-state='false'] .mm__vect--open,
.megamenu[data-expand-state='true']  .mm__vect--close { display: inline;}
.megamenu[data-expand-state='true']  .megamenu__grd--top { box-shadow: none !important;}

.megamenu[data-expand-state='true']  .megamenu__grd--bottom {visibility: hidden;}
.megamenu[data-expand-state='false'] .megamenu__grd--bottom {visibility: visible;}

.megamenu .megamenu__grd--top {
    position: fixed; top: 0;
    background-color: #fff;
    height: 56px; width: 100%;

    display: grid;
    grid-area: box-content;
    align-content: center;
    grid-gap: 4px;
  
    grid-template-columns: 52px 1fr 96px;
  
    box-sizing: border-box;
    box-shadow: 0px 2px 6px -2px rgba(164,164,164,0.6);
    z-index: 64;
}
.megamenu .mm__vect, .megamenu .scheme__vect{
    cursor: pointer;
    height: 24px; width: 24px;
    margin: 6px 0;
}
.megamenu .megamenu__grd--top > * {
    text-align: center;
    overflow: hidden;
}
.megamenu .megamenu__grd--card {
    position: fixed; top: 55px;
    text-align: center;
    margin: 0;

    display: grid;
    grid-area: box-content;
    align-content: start;

    grid-template-columns: repeat(2, minmax(50vw, 1fr));
  
    box-sizing: border-box;
    width: 100%;
    z-index: 64;
}
.megamenu .megamenu__grd--top .mm__link--top { 
    display: block;
    color: #000;
    cursor: pointer;
    line-height: 1.6;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed',sans-serif;
    font-size: 18px;
    letter-spacing: -.008em;
}
.megamenu .megamenu__grd--card .mm__link--card {
    height: 40vw;
    color: #fff;

    display: block;
    cursor: pointer;
    line-height: 6;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed',sans-serif;
    font-size: 28px;
    letter-spacing: -.008em;
}

.megamenu .megamenu__grd--card .mm__link--card:hover {
    filter: brightness(124%);
  }

.megamenu .megamenu__grd--bottom .mm__link--bottom {
    display: block;
    color: #000;
    cursor: pointer;
    line-height: 1;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed',sans-serif;
    font-size: 22px;
    letter-spacing: -.008em;

    padding: 14px;

    border-right: 1px solid #eee;
    border-left:  1px solid #eee;
}
.mm__link--bottom:hover {
    color: #fff !important;
    background-color: #000;
}
.megamenu .megamenu__grd--bottom {
    text-align: center;
    margin: 0 0 0 0;

    display: none;
    grid-area: box-content;
    align-content: center;
  
    grid-template-columns: repeat(7, 1fr);
  
    box-sizing: border-box;
}

.megamenu .megamenu__grd--card div:nth-of-type(1) a { background-color: #C74375; }
.megamenu .megamenu__grd--card div:nth-of-type(2) a { background-color: #88B04B; }
.megamenu .megamenu__grd--card div:nth-of-type(3) a { background-color: #BF1932; }
.megamenu .megamenu__grd--card div:nth-of-type(4) a { background-color: #53B0AE; }
.megamenu .megamenu__grd--card div:nth-of-type(5) a { background-color: #FF6F61; }
.megamenu .megamenu__grd--card div:nth-of-type(6) a { background-color: #5A5B9F; }
.megamenu .megamenu__grd--card div:nth-of-type(7) a { background-color: #E2583E; }
.mm__link--top:link, .mm__link--top:visited, .mm__link--top:hover, .mm__link--top:focus, .mm__link--top:active,
.mm__link--card:link, .mm__link--card:visited, .mm__link--card:hover, .mm__link--card:focus, .mm__link--card:active,
.mm__link--bottom:link, .mm__link--bottom:visited, .mm__link--bottom:hover, .mm__link--bottom:focus, .mm__link--bottom:active
{
    text-decoration: none;
}
@media only screen and (min-width:48.1em) and (max-width:62em){/* med */
    .megamenu .megamenu__grd--bottom {
        display: grid;
    }
    .megamenu .megamenu__grd--card {    
        grid-template-columns: repeat(3, minmax(33vw, 1fr));
    }
    .megamenu .megamenu__grd--card .mm__link--card {
        height: 24w;
    }
}
@media only screen and (min-width:62.1em){/* lg */
    .megamenu .megamenu__grd--bottom {
        display: grid;
    }
    .megamenu .megamenu__grd--card {    
        grid-template-columns: repeat(7, minmax(14vw, 1fr));
    }
    .megamenu .megamenu__grd--card .mm__link--card {
        height: 12vw;
    }
}
/* megamenu end */

/* type type type, and type begin */
.readable__doc {
    color: #464646;
    margin: 4px; padding: 2px;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 1.32em;
    line-height: 1.24;
}
.readable__doc--white {
    color: #fff;
}
.readable__caption {
    color: #000;
    margin: 4px; padding: 2px;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 1.3em;
}
.readable__caption_white {
    color: #fafafa;
    margin: 4px; padding: 2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.4;
}
.readable__title {
    color: #000;
    margin: 4px; padding: 2px;
    margin-top: -42px;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 1.46em; 
}
.readable__legal {
    font-size: .8em;
}
@media only screen and (min-width:48.1em) {/* med lg */
    .readable__title {
        font-size: 2.016em; 
    }
    .readable__doc {
        font-size: 1.28em;
        le
    }
}
/* type type type, and type end */

a.skip__main:active, a.skip__main:focus {
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #000;
    color: #000;
    font-size: 1.2em;
    height: auto; width: 16%;
    left: auto;
    margin: 8px 42%;
    overflow: auto;
    padding: 4px;
    text-align: center;
    top: auto;
    z-index: 1024;
}
a.skip__main {
    left: -1024px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px; height: 1px;
    z-index: -1024;
}

/* Curated Links Begin */
    .l-favs article { 
    display: grid;
    grid-template-rows: auto;
        font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.06em;
        line-height: 1.5;
    text-align: center;

}
body[data-n55-ampm-theme='dark']  .l-favs article:nth-child(even) {
    background-color: #222;
    background: linear-gradient(to right, #5A5852, #242424, #5A5852);
}
body[data-n55-ampm-theme='light'] .l-favs article:nth-child(even) {
    background-color: #f9f9f9;
    background: linear-gradient(to right, #fff, #e8e8e8, #fff);
}

body[data-n55-ampm-theme='dark']  .l-favs article div {border: solid 1px #333; }
body[data-n55-ampm-theme='dark']  .l-favs article:hover div {border: solid 1px #666; }
body[data-n55-ampm-theme='dark']  .l-favs article:hover div a { color: #000000; }
body[data-n55-ampm-theme='light'] .l-favs article div {border: solid 1px #ddd; }
body[data-n55-ampm-theme='light'] .l-favs article:hover div {border: solid 1px #aaa; }
body[data-n55-ampm-theme='light']  .l-favs article:hover div a { filter: brightness(78%); }
.l-favs article div {
    
    margin: 2px; padding: 2px;
    border-radius: 6px;
    overflow: hidden;
}
.l-favs article div p.fav-cat {
    color: #464646;
    position: relative;
    top: 4px; left: 4px;
    margin: 2px 4px 8px;
    width: 100%;
    text-align: center; text-transform: uppercase;
}
.l-favs article div.fav__comment {
    padding: 12px;
    text-align: justify !important;
}
.l-favs article div .fav__tag span {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    border-radius: 24px;
    margin: 4px;
    padding: 4px 10px;
    line-height: 2;
    white-space: nowrap;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed',sans-serif;
    font-size: 16px;
    letter-spacing: -.008em;
    background-color: #edba08;
    user-select: none;
    box-shadow: 2px 2px 16px rgba(102, 102, 102, 0.6); 
}
.l-favs article div .fav__tag span.fav-tag--3d      {background-color: #C74375;}
.l-favs article div .fav__tag span.fav-tag--animation  {background-color: #BF1932;}
.l-favs article div .fav__tag span.fav-tag--api     {background-color: #009473;}
.l-favs article div .fav__tag span.fav-tag--art     {background-color: #0F4C81;}
.l-favs article div .fav__tag span.fav-tag--blog    {background-color: #955251;}
.l-favs article div .fav__tag span.fav-tag--codepen {background-color: #B163A3;}
.l-favs article div .fav__tag span.fav-tag--creative {background-color: #813373;}
.l-favs article div .fav__tag span.fav-tag--css     {background-color: #5A5B9F;}
.l-favs article div .fav__tag span.fav-tag--dataviz {background-color: #000000;}
.l-favs article div .fav__tag span.fav-tag--encryption   {background-color: #5A5B9F;}
.l-favs article div .fav__tag span.fav-tag--generative {background-color: #C74375;}
.l-favs article div .fav__tag span.fav-tag--git     {background-color: #9B1B30;}
.l-favs article div .fav__tag span.fav-tag--infosec      {background-color: #009473;}
.l-favs article div .fav__tag span.fav-tag--js      {background-color: #B163A3;}
.l-favs article div .fav__tag span.fav-tag--lwc     {background-color: #DD4124;}
.l-favs article div .fav__tag span.fav-tag--music   {background-color: #9BB7D4;}
.l-favs article div .fav__tag span.fav-tag--nestjs         {background-color: #000000;}
.l-favs article div .fav__tag span.fav-tag--npm         {background-color: #955251;}
.l-favs article div .fav__tag span.fav-tag--pdf     {background-color: #BF1932;}
.l-favs article div .fav__tag span.fav-tag--privacy      {background-color: #DD4124;}
.l-favs article div .fav__tag span.fav-tag--procedural {background-color: #009473;}
.l-favs article div .fav__tag span.fav-tag--podcast {background-color: #9BB7D4;}
.l-favs article div .fav__tag span.fav-tag--pwa     {background-color: #000000;}
.l-favs article div .fav__tag span.fav-tag--reddit         {background-color: #B163A3;}
.l-favs article div .fav__tag span.fav-tag--saas         {background-color: #20B493;}
.l-favs article div .fav__tag span.fav-tag--stackoverflow         {background-color: #0F4C81;}
.l-favs article div .fav__tag span.fav-tag--Lit   {background-color: #000000;}
.l-favs article div .fav__tag span.fav-tag--threejs         {background-color: #000000;}
.l-favs article div .fav__tag span.fav-tag--typescript {background-color: #000000;}
.l-favs article div .fav__tag span.fav-tag--video   {background-color: #DD4124;}
.l-favs article div .fav__tag span.fav-tag--vue      {background-color: #45B5AA;}
.l-favs article div .fav__tag span.fav-tag--wasm         {background-color: #000000;}
.l-favs article div .fav__tag span.fav-tag--ux         {background-color: #000000;}

.l-favs article div.fav-cat--a55 {background-color: #FFBAD1; }
.l-favs article:hover div.fav-cat--a55 {filter: brightness(106%);}
.l-favs article div.fav-cat--api {background-color: #C7FFC4;}
.l-favs article:hover div.fav-cat--api {filter: brightness(106%);}
.l-favs article div.fav-cat--blogfolio {background-color: #a0e4e3;}
.l-favs article:hover div.fav-cat--blogfolio {filter: brightness(106%);}
.l-favs article div.fav-cat--creative {background-color: #FFE0C2;}
.l-favs article:hover div.fav-cat--creative {filter: brightness(106%);}
.l-favs article div.fav-cat--ecosystem {background-color: #E0F5FF;}
.l-favs article:hover div.fav-cat--ecosystem {filter: brightness(106%);}
.l-favs article div.fav-cat--privacy {background-color: #FFBAD1;}
.l-favs article:hover div.fav-cat--privacy {filter: brightness(106%);}
.l-favs article div.fav-cat--saas {background-color: #C7FFC4;}
.l-favs article:hover div.fav-cat--saas {filter: brightness(106%);}
.l-favs article div.fav-cat--tech {background-color: #FFF7B8;}
.l-favs article:hover div.fav-cat--tech {filter: brightness(106%);}
[data-pfmf-tag-filter='true'] {display: grid !important;}
[data-pfmf-tag-filter='false'] {display: none !important;} 
@media only screen and (min-width:48.1em) and (max-width:62em){/* med */
    .l-favs article {grid-template-columns: 25% 25% 50%;}
}
@media only screen and (min-width:62.1em){/* lg */
    .l-favs article {grid-template-columns: 25% 25% 50%;}
}
/* Curated Links End */ 

/* Dark Mode begin */
/*@media (prefers-color-scheme: dark) {*/

    body[data-n55-ampm-theme='dark']  .scheme__vect--dark { display: inline; }
    body[data-n55-ampm-theme='dark']  .readable__title { color: #fff; }
    body[data-n55-ampm-theme='dark']  .scheme__vect--light{ display: none; }
    body[data-n55-ampm-theme='light'] .scheme__vect--dark { display: none; }
    body[data-n55-ampm-theme='light'] .scheme__vect--light{ display: inline; }

    body[data-n55-ampm-theme='dark'],
    body[data-n55-ampm-theme='dark'] [role='main'] {
        background: linear-gradient(to right, #5A5852, #242424, #5A5852)
    }
    body[data-n55-ampm-theme='dark'] .h-bg__stripe,
    body[data-n55-ampm-theme='dark'] .l-caro-design > article,
    body[data-n55-ampm-theme='dark'] article.l-caro-design,
    body[data-n55-ampm-theme='dark'] .l-HeroZoom-Cntr .l-HeroZoom > section {
        background: repeating-linear-gradient(45deg,#252525,#252525 24px,#292929 24px,#292929 48px);
    }
    body[data-n55-ampm-theme='dark'] .h-bg__stripe:hover,
    body[data-n55-ampm-theme='dark'] .l-caro-design > article:hover,
    body[data-n55-ampm-theme='dark'] article.l-caro-design:hover,
    body[data-n55-ampm-theme='dark'] .l-HeroZoom-Cntr .l-HeroZoom > section:hover {
        background: repeating-linear-gradient(45deg,#242424,#242424 24px,#303030 24px,#303030 48px);
    }
    body[data-n55-ampm-theme='dark'] section.pfmf-grid > div > article {
        border: solid 1px rgba(200,200,200,.1);
        QQQQborder: solid 1px #888;
        QQQQborder-top: solid 2px #888;
        QQQQbox-shadow: 0px 2px 6px -2px rgba(164,164,164,0.6);
        background-color: #242424;
    }
    body[data-n55-ampm-theme='dark'] .readable__doc { color: #fff; }
    body[data-n55-ampm-theme='dark'] .readable__caption { color: #fff; }
    body[data-n55-ampm-theme='dark'] .h-vect-line-art { stroke: #fff;}

    /* megamenu begin */
    body[data-n55-ampm-theme='dark'] .megamenu .megamenu__grd--bottom .mm__link--bottom {
        background-color: #000;
    }
    body[data-n55-ampm-theme='dark'] .megamenu .megamenu__grd--bottom .mm__link--bottom {
        display: block;
        color: #fff;
        cursor: pointer;
        line-height: 1;
        font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed',sans-serif;
        font-size: 22px;
        letter-spacing: -.008em;

        padding: 14px;

        border-right: 1px solid #eee;
        border-left:  1px solid #eee;
    }
    body[data-n55-ampm-theme='dark'] .mm__link--bottom:hover {
        color: #000 !important;
        background-color: #fff !important;
    }
    /* megamenu end */
    body[data-n55-ampm-theme='dark'] neodigm-sodapop {
        background-color: #242424;
    }
/* Dark Mode end */

/* App Buttons CTA yo begin */

.l-btn {
    background: linear-gradient(#DD4124, #aE3728);
    border-radius: 6px 24px;
    border: solid 1px rgba(255, 255, 255, .4) ;
    color: #fff;
    cursor: pointer;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto',sans-serif;
    font-size: 15px;
    line-height: 1.4;
    margin: 4px 8px; padding: 8px 18px;
    min-width: 104px;
    text-decoration: none;
    user-select: none;
}
.l-btn--ghost {
    background: #fff;
    border: solid 1px rgba(221, 65, 36, .4) !important;
    color: #DD4124;
}
.l-btn:hover, .l-btn--ghost:hover {
    background: linear-gradient(#edba08,#bd9506);
}
/* App Buttons CTA yo end */

/* Tools Sample Input begin */
input.tool-sample__input, textarea.tool-sample__input {
    display: block;
    color: #383838;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed', sans-serif; font-size: 18px;
    line-height: 1.1;
    border: solid 1px #767676; border-radius: 20px;
    width: 76%;
    margin: 8px auto; padding: 10px 8px;
}
/* Tools Sample Input end */

/* Forms Begin */
input.m5m-input, textarea.m5m-input {
    display: block;
    color: #383838;
    font-family: 'Helvetica Neue', 'Helvetica', 'Roboto','Roboto Condensed', sans-serif; font-size: 18px;
    line-height: 1.1;
    border: solid 1px #585858; border-radius: 20px;
    width: 76%;
    margin: 8px auto; padding: 10px 8px;
}
/* Forms End */