/*<!--*/

:root
   {
    /* Defining color variables for a set of progressive enhancements that will change them */

    /* Pantone® */
    --PMS288C:  #002D72;
    --PMS640C:  #0082BA;
    --PMS109C:  #FFD100;
    --PMS130C:  #F2A900;
    --PMS255C:  #72246C;
    --PMS7622C: #92272C;
    --PMS553C:  #284734;
    --PMS255C:  #7224C6;
    --PMS161C:  #603D20;
    --PMS433C:  #1D252D;
    --PMSCG11C: #53565A;
    --PMS131C:  #BB133E;
    --PMS347C:  #009A44;
    --PMS433C:  #1D252D;
    --PMS193C:  #BB133E;
    --PMSCG6C:  #A7A8AA; /* Added during 4618 testbench */
    --subCG11C: #383D43; /* An average of CG11C and 433C */
    
    /* Duplicate these colors as fallbacks for browsers that undestand neither              */
    /* variables nor the likes of prefers-color-scheme                                      */

    /* Don't bother adding to most prefixed properties as those are for browsers            */
    /* that predate these capabilities */
    
    /* Legacy browsers can't do any of this and will be static                              */
    /* with the hardcoded fallback values and normal light mode 
    
    /* Default for header, primary, link, and visited link colors set to 288C */
    --header-color: #002D72;
    --primary-color: #002D72;
    --link-color: #002D72;
    --visited-link-color: #002D72;
    --content-border-color: #002D72;

    /* Default for secondary and hover link colors set to 640C */
    --secondary-color: #0082BA;
    --hover-link-color: #0082BA;

    /* Default for text color set to black */
    --text-color: #000000;

    /* Default for active link colors set to 7622C */
    --active-link-color: #93272C;

    /* Default for ...button? color set to 109C */
    --button-color: #FFD100;

    /* Default for background and ...button text? colors set to white */
    --button-text-color: #FFFFFF;
    --background-color: #FFFFFF;
    --background-color-rgb: 255, 255, 255;
    --textcontainment-opacity: 0.8333;

    /* Lines in tables; default is Cool Gray 6C */
    --table-border: #A7A8AA;
    --border-color: #A7A8AA;

    /* Link text shadow color defaultn is Cool Gray 11C */
    --link-shadow-color: #53565A;    

    /* Button shadows */
    --box-shadow-color: 0, 0, 0; 
    --box-shadow-opacity: 0.5; 
    --box-shadow-color-hex: #000000;
    --mmbutton-shadow-rgb: 0, 0, 0;  /* added during 4618 testbench */


    --table-background: #FFFFFF;  /* added during 4618 testbench */
    --bigheading: #002D72;  /* added during 4618 testbench */
    --langdon-brook: #92272C;  /* added during 4618 testbench */
    --button-border: #000000;  /* added during 4618 testbench */
    --button-text: var(--PMS288C);  /* added during 4618 testbench */
    --button-text-hover: var(--PMS640C);  /* added during 4618 testbench */
    --button-text-active: var(--PMS640C);  /* added during 4618 testbench */
    }


BODY
   { 
    background-color: #FFFFFF;
    background-color: var(--background-color);
    font-size: 110%;
    font-family: "Roboto 2014", Roboto, Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", "Nimbus Sans", Nimbus, "TeXGyre Heroes", "Free Sans", Freesans, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", "clear sans", Lato, "Fira Sans",  "Source Sans Pro", "Source Sans", Geneva, sans-serif; 
    font-variant-numeric: slashed-zero;

    min-height: 100%;
    max-width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: auto;
    font-smooth: auto;
    }

.shorttable
   {
    margin: 0.5em;
    }

.heading,       
.title,
.bigheading,
.deepredgold
H2
   {
    font-family: 'Libertygramma_web', "Libertygramma-ACExtBold", "Libertygramma AC", EurostileExt-Bla, EurostileExtBla, MicrogrammaDBol, MicrogrammaDBolExt, MicrogrammaBol, Eurostile-Bla,  EurostileBla, Eurostile-Black, Microgramma, Michroma, Idlewild, Eurostile, Acens, Federation, "Roboto", Helvetica-Black-SemiBold, HelveticaBlackSemiBold, "Helvetica Black Semi Bold", "Arial Black", ArialBlack, Arial-Black, Impact, "Nimbus Sans L", Helvetica, "TeXGyreHeros", "TeX Gyre Heros", "League Gothic", Haettenschweiler, Charcoal, CenturyGothic, "Century Gothic", Fantasy, Sans-Serif;
    /* font-family: "Libertygramma_web", comicsans, "comic sans", "MS Comic Sans", mscomicsans, "Bradley Hand", "Brush Script MT", cursive, fantasy; */
    font-weight: normal; 
    font-style: normal; 
    font-variant: small-caps;
    text-transform: uppercase;
    color: #002D72;
    color: var(--header-color);
    font-stretch: wider;
    font-stretch: expanded;
    margin-bottom: 1px;
    margin-bottom: 0.03125rem;
    }


.deepredgold
   {
    color: var(--langdon-brook);
    }

.mmbutton
   {
    /* display: block; */
    float: left
    }
.mmbutton A
   {
    display: inline-block;
    -moz-box-shadow:
        0.3125em 0.3125em 0.3125em rgba(000,000,000,0.5);
    -webkit-box-shadow:
        0.3125em 0.3125em 0.3125em rgba(000,000,000,0.5);
    box-shadow:
        0.3125em 0.3125em 0.3125em rgba(000,000,000,0.5);
    box-shadow:
        0.3125em 0.3125em 0.3125em rgba(var(--box-shadow-color), var(--box-shadow-opacity));
    }
.mmbutton A IMG
   {
    display: block
    }
.mmbutton A:hover
   {
    -moz-box-shadow:
        0.15625em 0.15625em 0.15625em rgba(000,000,000,0.5);
    -webkit-box-shadow:
        0.15625em 0.15625em 0.15625em rgba(000,000,000,0.5);
    box-shadow:
        0.15625em 0.15625em 0.15625em rgba(000,000,000,0.5);
    box-shadow:
        0.15625em 0.15625em 0.15625em rgba(var(--box-shadow-color), var(--box-shadow-opacity));
    }
.mmbutton A:active
   {
    -moz-box-shadow: none;
    /* 0.15625em 0.15625em 0 0.25em #F8E08E; */
    -webkit-box-shadow: none;
    box-shadow: none;
    }
.mmitemtxt
   {
    padding-left: 1em;
    float:        left; 
    width:        30em
    }



A:link
   {
    color: #002D72;
    color: var(--link-color);
    text-decoration: none
    }

A:visited
   {
    color: #002D72;
    color: var(--visited-link-color);
    text-decoration: none
    }

A:hover
   {
    color: #002D72;
    color: var(--link-color);
    text-decoration: underline;
    }
    
A:active
   {
    color: #93272C;
    color: var(--active-link-color);
    text-decoration: none;
    }


.linkbutton, .endbtn, .itembtn
   {
    padding: 0.5em;
    margin-right: 1em;
    text-shadow: 0 0 0.25em #53565A;
    text-shadow: 0 0 0.25em rgba(var(--box-shadow-color), var(--box-shadow-opacity));
    max-width: 15em; /* was at 16em, then at 20em */ 
    display: block;
    font-size: 120%;
    
    /* This border gets removed later in this stylesheet on CSS3 capable browsers */
    border: 1px solid  #002D72;
    
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    background-image: -moz-linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    background-image: -ms-linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    background-image: -o-linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    background-image: linear-gradient(to right, rgba(209,212,214,1) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(192,194,199,1) 100%), linear-gradient(to bottom, rgba(209,212,214,1) 0%,rgba(255,255,255,1) 5%,rgba(245,245,245,1) 95%,rgba(192,194,199,1) 100%);
    
    -webkit-border-radius: 0.125em;
    -moz-border-radius: 0.125em;
    -ms-border-radius: 0.125em;
    -o-border-radius: 0.125em;
    border-radius: 0.125em;
    -webkit-box-shadow: 0.0625em 0.0625em 0.25em #000000;
    -moz-box-shadow: 0.0625em 0.0625em 0.25em #000000;
    -ms-box-shadow: 0.0625em 0.0625em 0.25em #000000;
    -o-box-shadow: 0.0625em 0.0625em 0.25em #000000; 
    box-shadow: 0.0625em 0.0625em 0.25em var(--box-shadow-color-hex);
    
    /* For IE 8 and 9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=5)";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=5)
    }

.linkbutton:hover, .endbtn:hover, .itembtn:hover
   {
    color: #0082BA;
    color: var(--hover-link-color);
    text-decoration: none;
    }


.titleshadow
   {
    text-shadow: 0.03125em 0.03125em 0.08333em #000000;
    text-shadow: 0.03125em 0.03125em 0.08333em var(--box-shadow-color-hex);
    }

.linkbutton:active, .endbtn:active, .itembtn:active
   {
    background: #FFFFFF;
    background-image: -webkit-linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    background-image: -moz-linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    background-image: -ms-linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    background-image: -o-linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    background-image: linear-gradient(to right, rgba(201,204,205,1) 0%,rgba(245,245,245,0) 5%,rgba(245,245,245,0) 95%,rgba(184,186,191,1) 100%), linear-gradient(to bottom, rgba(201,204,205,1) 0%,rgba(245,245,245,1) 5%,rgba(245,245,245,1) 95%,rgba(184,186,191,1) 100%);
    -webkit-box-shadow: 0.015625em 0.015625em 0.125em #000000;
    -moz-box-shadow: 0.015625em 0.015625em 0.125em #000000;
    -ms-box-shadow: 0.015625em 0.015625em 0.125em #000000;
    -o-box-shadow: 0.015625em 0.015625em 0.125em #000000;
    box-shadow: 0.015625em 0.015625em 0.125em #000000;
    box-shadow: 0.015625em 0.015625em 0.125em var(--box-shadow-color-hex);
    }

.pgsample
   {
    display: block;
    -moz-box-shadow:
        0 0 0.15625em #00205B,
        0 0 0.3125em #FFB81C;
    -webkit-box-shadow:
        0 0 0.15625em #00205B,
        0 0 0.3125em #FFB81C;
    box-shadow:
        0 0 0.15625em #00205B,
        0 0 0.3125em #FFB81C;
    }
    
.btbox 
   {
    float: left; 
    margin: 0.5em
    }
    
.contentbox
   {
    -moz-border-radius:    1em;
    -khtml-border-radius:  1em; 
    -o-border-radius:      1em; 
    border-radius:         1em;
    -webkit-border-radius: 1em; 
    -webkit-box-shadow:    0.25em 0.25em 1em #000000; 
    -moz-box-shadow:       0.25em 0.25em 1em #000000; 
    box-shadow:            0.25em 0.25em 1em #000000;
    box-shadow:            0.25em 0.25em 1em var(--box-shadow-color-hex);
    padding:   1em;
    color:     #000000;
    color:     var(--text-color);
    
    margin:    1.5em;
    max-width: 37em;
    
    /* This border gets removed later in this stylesheet on CSS3 capable browsers */
    border: 1px solid  #002D72;
    
    background: #FFFFFF; /* Old browsers */ 
    background: var(--table-background); /* Okay, need to cover this for less old ones too */
    }
    


.nicetable,
.niceglossytable
   {
    background:#F7F7F7; 
    border-collapse:collapse;
    margin:0.25em;
    }
.nicetable TR TD,
.niceglossytable TR TD
   {
    border-top:    1px #A7A8AA solid; 
    border-top:    1px var(--table-border) solid; 
    border-bottom: 1px #A7A8AA solid; 
    border-bottom: 1px var(--table-border) solid; 
    padding: 0.2em 0.8em 0.2em 0.8em;
    margin: 0;
    }
.niceglossytable
   {
    background:linear-gradient(to bottom, #FBEFC6 0%,#FFFFFF 10%, #FBEFC6  100%)
    }
.indent 
   { 
    margin-left: 5em; 
    }
    

/* start pasted in */
.nicetable
    {
     background:#FFFFFF; 
     border-collapse:collapse;
     margin:0.25em;
     }
     
 .nicetable TR TD
   {
    background: #FFFFFF; 
    border-top:    1px #A7A8AA solid; 
    border-top:    1px var(--table-border) solid; 
    border-bottom: 1px #A7A8AA solid; 
    border-bottom: 1px var(--table-border) solid; 
    padding: 0.2em 0.8em 0.2em 0.8em;
    margin: 0;
    }

.nicetable_leftcell
   {
    border-right: 1px #A7A8AA solid; 
    border-right: 1px var(--table-border) solid; 
    font-weight: bold
    }

.nicetable_header
    {
     text-align: center; 
     font-size: larger;
     height: 2em;
     color: var(--text-color); 
     }
/* end pasted in */

.serif,
.serifbold
   {
    font-family: Schola, "Tex Gyre Schola", TexGyreSchola, Century, "Century Schoolbook", CenturySchoolbook, "New Century Schoolbook", "Century Schoolbook L", "EF Century Schoolbook", "EF Century", "ITC Garamond", "Garamond", Palatino, "Palatino Linotype", "Palatino LT STD", Palladio, "URW Palladio L", "Palatino Novo", serif;
    font-weight: normal;
    font-variant-numeric: slashed-zero;
    /* font-family: "Schola", comicsans, "comic sans", "MS Comic Sans", mscomicsans, "Bradley Hand", "Brush Script MT", cursive, fantasy */
    }

.serifbold
   {
    font-weight: bold;
    }

.monospace
   {
    font-family: "Roboto Mono 2014", "Roboto Mono", "DIN Mono", "PF DIN Mono", Inconsolata, Consolas, Monaco, "Osaka Unicode", "Nu Sans Mono", Crystal, ProFontWindows, BPMono, Terminus, "Anonymous Pro", "Share Tech Mono", Raize, "DejaVu Sans Mono", "Vera Sans Mono", "Bitstream Vera Sans Mono", "Vera Mono", "Andale Mono", Monofur, Liberation Mono, Proggy, monospace; 
    font-variant-numeric: slashed-zero;
    /* font-family: "Roboto Mono 2014", comicsans, "comic sans", "MS Comic Sans", mscomicsans, "Bradley Hand", "Brush Script MT", cursive, fantasy */
    }

.PMS288C
   {
    color: #002D72
    }

.PMS640C
   {
    color: #0082BA
    }

.PMS109C
   {
    color: #FFD100
    }

.PMS130C
   {
    color: #F2A900
    }

.PMS255C
   {
    color: #72246C
    }

.PMS7622C
   {
    color: #92272C
    }

.PMS553C
   {
    color: #284734
    }

.PMS255C
   {
    color: #7224C6
    }

.PMS161C
   {
    color: #603D20
    }

.PMS433C
   {
    color: #1D252D
    }

.PMSCG11C
   {
    color: #53565A
    }

.PMS131C
   {
    color: #BB133E
    }

.PMS347C
   {
    color: #009A44
    }


.mmbutton A
   {
    display: inline-block;
    -moz-box-shadow:
        0.3125em 0.3125em 0.3125em rgba(000,000,000,0.5);
    -webkit-box-shadow:
        0.3125em 0.3125em 0.3125em rgba(000,000,000,0.5);
    box-shadow:
        0.3125em 0.3125em 0.3125em rgba(000,000,000,0.5);
    box-shadow:
        0.3125em 0.3125em 0.3125em rgba(var(--mmbutton-shadow-rgb), var(--box-shadow-opacity));
    }

.mmbutton A:hover
   {
    -moz-box-shadow:
        0.15625em 0.15625em 0.15625em rgba(000,000,000,0.5);
    -webkit-box-shadow:
        0.15625em 0.15625em 0.15625em rgba(000,000,000,0.5);
    box-shadow:
        0.15625em 0.15625em 0.15625em rgba(000,000,000,0.5);
    box-shadow:
        0.15625em 0.15625em 0.15625em rgba(var(--mmbutton-shadow-rgb), var(--box-shadow-opacity));
    }

.articlenode, .contentbox, .basicpagenode, .deckitem
   {
    -moz-border-radius:    1em;
    -khtml-border-radius:  1em; 
    -o-border-radius:      1em; 
    border-radius:         1em;
    -webkit-border-radius: 1em; 
    -webkit-box-shadow:    0.25em 0.25em 1em #000000;
    -moz-box-shadow:       0.25em 0.25em 1em #000000; 
    box-shadow:            0.25em 0.25em 1em #000000; 
    box-shadow:            0.25em 0.25em 1em var(--box-shadow-color-hex); 
    padding:   1em;
    color:     #000000;
    color:     var(--text-color);
    
    margin:    1.5em;
    max-width: 30em;
    
    /* This border gets removed later in this stylesheet on CSS3 capable browsers */
    border: 1px solid  #002D72;
    
    background: #FFFFFF; /* Old browsers */
    background: var(--background-color) /* replaceable on new browsers */
    }



.deckitem, .contentbox
   /* Remember to go back and remove a bunch of replaced by this markup if this idea is a go */
   {
    background: #FFFFFF;
    background: var(--table-background);
    border: 0.4em solid #002D72;
    border: 0.4em solid var(--content-border-color);
    }
    
.deckitem
   {
    display: -moz-inline-stack;
    display: inline-block;
    height: 10em;
    width: 10em;  /********/
    max-width: 100%;
    margin: 0.125em;

    }

.deckitem IMG
   {
    height:10.5em;
    width:10.5em;
    }

.nicetable
   {
    background:#FFFFFF;  
    background: var(--table-background);
    border-collapse:collapse;
    margin:0.25em;
    }
     
 .nicetable TR TD
   {
    background: #FFFFFF; 
    background: var(--table-background); 
    border-top:1px #A7A8AA solid; 
    border-top:1px var(--table-border) solid; 
    border-bottom:1px #A7A8AA solid; 
    border-bottom:1px var(--table-border) solid;
    padding: 0.2em 0.8em 0.2em 0.8em;
    margin: 0;
    }

.nicetable_leftcell
   {
    border-right: 1px #A7A8AA solid; 
    border-right:1px var(--table-border) solid; 
    font-weight: bold
    }

.nicetable_header
    {
     text-align: center; 
     font-size: larger;
     height: 2em;
     }

.nudgeright
   {
    margin-left: 18px;
    margin-left: 1.5rem;
    margin-top: 18px;
    margin-top: 1.5rem;
    max-width: 37em;
    
    }

.centerpage,
.section
   {
    display:         -webkit-box;
    display:         -webkit-flex;
    display:         -moz-box;
    display:         -ms-flexbox;
    display:         flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -webkit-flex-direction:  column;
       -moz-box-orient:  vertical;
       -moz-box-direction:  normal;
        -ms-flex-direction:  column;
            flex-direction:  column;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
    -webkit-box-align:     center;
    -webkit-align-items:     center;
       -moz-box-align:     center;
        -ms-flex-align:     center;
            align-items:     center;
    -webkit-box-align:     safe center;
    -webkit-align-items:     safe center;
       -moz-box-align:     safe center;
        -ms-flex-align:     safe center;
            align-items:     safe center;
    }


.centerimage
   {
    margin-left: auto;
    margin-right: auto
    }

.spacebox
   {
    height: 0
    }

.textcontainment
   {
    padding: 6px;
    padding: 0.5rem;
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.8333);
    background: rgba(var(--background-color-rgb), var(--textcontainment-opacity));
    }


.logobackdrop
   {
    background-image: url("Sparks_Page_Background_CSL_2511_01_2400px.png");
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    }


.buildname 
   {
    text-align: center;
    font-family: "Roboto Mono", Consolas, Inconsolata, Monaco, monospace, monospace;
    }

.whitecolorsquare
   {
    border:1px solid #BBBCBC
    }
    
.bigheading /* After .heading styling to override color */
   {
    color: #002D72;
    color: var(--bigheading);
    }

    
@font-face 
   {
    font-family: 'Libertygramma_web';
    src: url('libertygramma_ac_ext_s416_05-webfont.eot');
    src: url('libertygramma_ac_ext_s416_05-webfont.eot?#iefix') format('embedded-opentype'),
         url('libertygramma_ac_ext_s416_05-webfont.woff2') format('woff2'),
         url('libertygramma_ac_ext_s416_05-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    }

@font-face 
   {
    font-family: 'Roboto Mono 2014';
    src: url('robotomono-medium-webfont.eot');
    src: url('robotomono-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotomono-medium-webfont.woff2') format('woff2'),
         url('robotomono-medium-webfont.woff') format('woff'),
         url('robotomono-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
    }

@font-face 
   {
    font-family: 'Schola';
    src: url('texgyreschola-bold-webfont.eot');
    src: url('texgyreschola-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreschola-bold-webfont.woff2') format('woff2'),
         url('texgyreschola-bold-webfont.woff') format('woff'),
         url('texgyreschola-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: fallback;
    }

/* Overwriting structure design method */
/* Troubleshooting?  Please ensure that everything that an earlier permutation may do */
/* gets overwritten with the exception of non-exclusive permutations */

/* Non-exclusive permutations: */
/* * -ms-high-contrast:anything and forced-colors:active */
/* * Anything and prefers-reduced-transparency:reduce */
/* * Anything and inverted-colors:inverted */


@media only screen and ( not(prefers-color-scheme: light)), 
            screen and (prefers-color-scheme: dark), 
            screen and (prefers-contrast: less)
       {
        /* DARK THEME CSS GOES HERE */
        /* Treating all non-light options that may become supported as dark for now */
        /* Stuffing low contrast into this trunk for now. */

        /* BODY {background-color:#FF7FBF !important; `color:green !important} */

        :root
           {    
            --header-color: var(--PMS109C);
            --primary-color: var(--PMS109C);
            --link-color: var(--PMS109C);
            --visited-link-color: var(--PMS109C);
            --content-border-color: var(--PMS640C);
            --secondary-color: #FFFFFF;
            --hover-link-color: #FFFFFF;
            --text-color: #FFFFFF;
            --active-link-color: var(--PMS193C);
            --button-color: var(--PMS640C);
            --button-text-color: var(--PMS109C);
            --background-color: var(--PMS433C); 
            --background-color-rgb: 29, 37, 45;
            --textcontainment-opacity: 0.8333;
            --table-border: var(--PMSCG6C);
            --table-background: var(--subCG11C); /* added during 4618 testbench */
            --bigheading: #FFFFFF;  /* added during 4618 testbench */
            --langdon-brook: var(--PMS109C);  /* added during 4618 testbench */
            --border-color: var(--dark-text-color);
            --link-shadow-color: 0,0,0 ;
            --box-shadow-color: 0,0,0;
            --mmbutton-shadow-rgb: 117, 120, 123;  /* added during 4618 testbench */
            --box-shadow-opacity: 0.8333;
            --box-shadow-color-hex: #000000;
            --button-border: #000000;  /* added during 4618 testbench */
            --button-text: var(--PMS109C);  /* added during 4618 testbench */
            --button-text-hover: white;  /* added during 4618 testbench */
            --button-text-active: white;  /* added during 4618 testbench */
            }
         
         /* BODY {background-color:#7F7F3F !important; color:green !important} Got it working */

        .contentbox
           {
            border: 0.4em solid var(--content-border-color);
            }

        .colorsquare, .blackcolorsquare
           {
            border:0.1rem solid #FFFFFF;
            }

        .whitecolorsquare
           {
            border:0.1rem solid #000000;
            }

        .stamp
           {
            filter: hue-rotate(-12deg) brightness(150%);
            }

        .logobackdrop
           {
            background-image: none;
            }

        .linkbutton:visited, .endbtn:visited, .itembtn:visited
           {
            color: var(--button-text);
            }        
        
        .linkbutton, .endbtn, .itembtn
           {
            background-image: linear-gradient(to right, rgba(192,194,199,1) 0%,rgba(83, 86, 90,0) 5%,rgba(117, 120, 123,0) 95%,rgba(83, 86, 90,1) 100%), linear-gradient(to bottom, rgba(83, 86, 90,1) 0%,rgba(117, 120, 123,1) 5%,rgba(117, 120, 123,1) 95%,rgba(83, 86, 90,1) 100%);
            color: var(--button-text);
            }

        .linkbutton:hover, .endbtn:hover, .itembtn:hover
           {
            color: var(--button-text-hover);
            }

        .linkbutton:active, .endbtn:active, .itembtn:active
           {
            background-image: linear-gradient(to right, rgba(192, 194, 199,1) 0%,rgba(192, 194, 199, 0.33333) 5%, rgba(192,194,199, 0.06125) 95%, rgba(83, 86, 90, 1) 100%), linear-gradient(to bottom, rgba(83, 86, 90,1) 0%,rgba(117, 120, 123,1) 5%,rgba(117, 120, 123,1) 95%,rgba(83, 86, 90,1) 100%);
            color: var(--button-text-active);
            }
        
        .niceglossytable
           {
            background: var(--table-background)
            }
        }

    
    @media only screen and (prefers-contrast: more) and (prefers-color-scheme: light),
                screen and (prefers-reduced-complexity: active) and (prefers-color-scheme: light)
       {
        /* LIGHT HIGH CONTRAST CSS GOES HERE */
        
        /* BODY {background:#FF7FBF !important} /* Searching for where the stylesheet broke */
        
        :root
           {
            --header-color: #002D72;
            --primary-color: #002D72;
            --link-color: #002D72;
            --visited-link-color: #002D72;
            --content-border-color: #002D72;
            --secondary-color: #002D72;
            --hover-link-color: var(--PMS109C); /*#0082BA; */
            --text-color: #000000;
            --active-link-color: #93272C;
            --button-color: #FFD100;
            --button-text-color: #FFFFFF;
            --background-color: #FFFFFF;
            --background-color-rgb: 255, 255, 255;
            --textcontainment-opacity: 1;
            --table-border: #000000;
            --table-background: #FFFFFF;  /* added during 4618 testbench */
            --bigheading: #002D72;  /* added during 4618 testbench */
            --langdon-brook: #002D72;  /* added during 4618 testbench */
            --border-color: #000000;
            --link-shadow-color: #53565A;    
            --box-shadow-color: 0, 0, 0; 
            --mmbutton-shadow-rgb: 0, 0, 0;  /* added during 4618 testbench */
            --box-shadow-opacity: 0; 
            --box-shadow-color-hex: #000000;
            --button-border: #000000;  /* added during 4618 testbench */
            --button-text: var(--PMS109C);  /* added during 4618 testbench */
            --button-text-hover: var(--PMS288C);  /* added during 4618 testbench */
            --button-text-active: white;  /* added during 4618 testbench */
            }

        A
           {
            background-color: none;
            color: var(--link-color);
            }

        A:hover, /* .heading:hover Why was this here+?  Causes an obvious problem, BTW*/
           {
            background-color: var(--PMS288C);
            color: var(--hover-link-color);
            font-weight: 900;
            }
        
        A:active
           {
            color: var(--active-link-color);
            outline: var(--PMS193C) solid 0.15rem;
            }

        .mmbutton A
           {
            box-shadow:none;
            border: 0.1em solid black;
            }
    
        .mmbutton A:hover
           {
            box-shadow:none;
            }

        .linkbutton, .endbtn, .itembtn
           {
            box-shadow:none;
            text-shadow: none;
            background-image: none;
            background: #FFFFFF;
            border: 0.1em solid var(--PMS288C);
            color: var(--button-text);
            }

        .linkbutton:active, .endbtn:active, .itembtn:active
           {
            box-shadow:none;
            text-shadow: none;
            background-image: none;
            background: var(--PMS109C)
            }

        .itembtn:hover, .endbtn:hover, .mmbutton A:hover
           {
            outline: black solid 0.2rem;
            }

        .itembtn:active, .endbtn:active, .mmbutton A:active
           {
            color: var(--PMS7622C);
            outline: black solid 0.4rem;
            }

        .titleshadow
           {
            text-shadow: none;
            }

        .contentbox
           {
            box-shadow: none;
            }
    
        IMG
           {
            border: 0.1rem solid black
            }

        .colorsquare, .blackcolorsquare, .whitecolorsquare
           {
            border:0.1rem solid #000000;
            }

        .logobackdrop
           {
            background-image: none !important;
            }
    
        .stamp
           {
            /* filter: hue-rotate(-12deg) brightness(150%); /* Dark modes only */
            border: none !important;
            /* forced color & transparency okay only * /
            background-color: rgba(255, 255, 255, 0.5);
            forced-color-adjust: none;
            padding: 1rem;
            /**/
            }
        
        .linkbutton, .endbtn, .itembtn, A.linkbutton, A.endbtn, A.itembtn
           {
            /* --button-text: #FFFFFF;
            background: none; /* Attempted reset to override <A> styling; no joy */
            background-image: none;
            background-color: var(--link-color);
            color: var(--button-text); /* !important; */
            border: none;
            outline: var(--button-border) solid 0.05rem;
            }
        
        .linkbutton:hover, .endbtn:hover, .itembtn:hover, A.linkbutton:hover, A.endbtn:hover, A.itembtn:hover
           {
            background: none; /* Attempted reset to override <A> styling; no joy */
            background-image: none;
            background-color: var(--hover-link-color);
            color: var(--button-text-hover);
            outline: var(--button-border) solid 0.2rem;
            }
        
        .linkbutton:active, .endbtn:active, .itembtn:active, A.linkbutton:active, A.endbtn:active, A.itembtn:active
           {
            background-color: var(--active-link-color);
            color: var(--button-text-active);
            outline: var(--button-border) solid 0.4rem;
            background-image: none;
            }  

        BODY
           {
            font-weight: bolder;
            font-size: larger;
            }
        
        .niceglossytable
           {
            background: var(--table-background)
            }
                  
        }   
    
    
    @Xmedia only screen and (prefers-contrast: less) 
       {
        /* LOW CONTRAST CSS IS BEING TAKOEN UP BY DARK MODE INSTEAD FOR NOW */
        :root
           {
            --header-color: var(--low-header-color);
            --primary-color: var(--low-primary-color);
            --link-color: var(--low-link-color);
            --visited-link-color: var(--low-visited-link-color);
            --content-border-color: var(--low-content-border-color);
            --secondary-color: var(--low-secondary-color);
            --hover-link-color: var(--low-hover-link-color);
            --text-color: var(--low-text-color);
            --active-link-color: var(--low-active-link-color);
            --button-color: var(--low-button-color);
            --button-text-color: var(--low-button-text-color);
            --background-color: var(--low-background-color);
            --background-color-rgb: var(--low-background-color-rgb);
            --textcontainment-opacity: var(--low-textcontainment-opacity);
            --table-border: var(--low-table-border);
            --border-color: var(--low-border-color);
            --link-shadow-color: var(--low-link-shadow-color);
            --box-shadow-color: var(--low-box-shadow-color);
            --box-shadow-opacity: var(--low-box-shadow-opacity);
            --box-shadow-color-hex: var(--low-box-shadow-color-hex);
            --table-background: var(--low-table-background);  /* added during 4618 testbench */
            --bigheading: var(--low-bigheading);  /* added during 4618 testbench */   
            --langdon-brook: var(--low-langdon-brook);  /* added during 4618 testbench */
            --mmbutton-shadow-rgb: var(--low-mmbutton-shadow-rgb);  /* added during 4618 testbench */
            --button-border: var(--low-button-border);  /* added during 4618 testbench */
            --button-text: var(--low-button-text);  /* added during 4618 testbench */
            --button-text-hover: var(--low-button-text-hover);  /* added during 4618 testbench */
            --button-text-active: var(--low-button-text-active);  /* added during 4618 testbench */
            }
        }


    
    @media only screen and (prefers-contrast: more) and (not (prefers-color-scheme: light)),
                screen and (prefers-reduced-complexity: active) and (not (prefers-color-scheme: light))
       {
        /* DARK HIGH CONTRAST CSS GOES HERE */
        :root
           {
            --header-color: var(--PMS109C);
            --primary-color: var(--PMS109C);
            --link-color: var(--PMS109C);
            --visited-link-color: var(--PMS109C);
            --content-border-color: #FFFFFF;
            --secondary-color: #FFFFFF;
            --hover-link-color: #FFFFFF;
            --text-color: #FFFFFF;
            --active-link-color: var(--PMS193C);
            --button-color: var(--PMS640C);
            --button-text-color-: ;
            --background-color: #000000; 
            --background-color-rgb: 29, 37, 45;
            --textcontainment-opacity: 0;
            --table-border: #FFFFFF;
            --table-background: #000000; /* added during 4618 testbench */
            --bigheading: #FFFFFF;  /* added during 4618 testbench */
            --langdon-brook: #FFFFFF;  /* added during 4618 testbench */
            --border-color-: #FFFFFF;
            --link-shadow-color: 0,0,0 ;
            --box-shadow-color: 0,0,0;
            --mmbutton-shadow-rgb: 0, 0, 0;  /* added during 4618 testbench */
            --box-shadow-opacity: 0;
            --box-shadow-color-hex: #000000;
            --button-border: #FFFFFF;  /* added during 4618 testbench */
            --button-text: var(--PMS288C);  /* added during 4618 testbench */
            --button-text-hover: var(--PMS288C);  /* added during 4618 testbench */
            --button-text-active: white;  /* added during 4618 testbench */
            }
                
        .linkbutton, .endbtn, .itembtn
           {
            box-shadow: none;
            border: 0.1em solid  #FFFFFF;
            }
        
        .mmbutton A
           {
            box-shadow: none;
            outline: white solid 0.1rem;
            border: 0.1rem solid #FFFFFF;
            }
        
        .mmbutton A:hover
           {
            outline: white solid 0.2rem;
            }
        
        .mmbutton A:active
           {
            outline: white solid 0.4rem;
            }
        
        .itembtn:A
           {
            box-shadow: none;
            outline: white solid 0.1rem;
            }
        
        .itembtn:hover, .endbtn:hover
           {
            outline: white solid 0.2rem;
            }
        
        .itembtn:active, .endbtn:active
           {
            outline: white solid 0.4rem;
            }
        
        .titleshadow
           {
            text-shadow: none;
            }
        
        .colorsquare, .blackcolorsquare, .whitecolorsquare
           {
            border:0.1rem white #000000;
            }
        
        A:hover
           {
            background-color: var(--PMS288C);
            color: #FFFFFF;
            font-weight: 900;
            }
            
        A:active
           {
            color: #FFFFFF;
            background-color: var(--PMS7622C)
            }
        
        BODY
           {
            font-weight: bolder;
            font-size: larger;
            }
        
        .mmbutton A
           {
            box-shadow:none;
            }
            
        .mmbutton A:hover
           {
            box-shadow:none;
            }
        
        .linkbutton, .endbtn, .itembtn
           {
            box-shadow:none;
            text-shadow: none;
            background-image: none;
            background: #000000;
            }
        
        .linkbutton:active, .endbtn:active, .itembtn:active
           {
            box-shadow:none;
            text-shadow: none;
            background-image: none;
            background: var(--PMS288C)
            }
        
        .itembtn:hover, .endbtn:hover
           {
            outline: white solid 0.2rem;
            }
        
        .itembtn:active, .endbtn:active
           {
            outline: white solid 0.4rem;
            }
        
        .titleshadow
           {
            text-shadow: none;
            }
        
        .contentbox
           {
            box-shadow: none;
            }
            
        IMG
           {
            border: 0.1rem solid white
            }
        
        .colorsquare, .blackcolorsquare, .whitecolorsquare
           {
            border:0.1rem solid #FFFFFF;
            }
                
        .logobackdrop
           {
            background-image: none;
            }
    
        .stamp
           {
            filter: hue-rotate(-12deg) brightness(150%); /* Dark modes only */
            border: none !important;
            /* forced color & transparency okay only * /
            background-color: rgba(255, 255, 255, 0.75);
            forced-color-adjust: none;
            padding: 1rem;
            /**/
            }
        
        .linkbutton, .endbtn, .itembtn
           {
            background-color: var(--link-color)
            }
        
        .linkbutton:hover, .endbtn:hover, .itembtn:hover
           {
            background-color: var(--hover-link-color)
            }
        
        .linkbutton:active, .endbtn:active, .itembtn:active
           {
            background-color: var(--active-link-color)
            }
        
        .linkbutton, .endbtn, .itembtn,
        A.linkbutton, A.endbtn, A.itembtn
           {
            background-color: var(--link-color);
            color: var(--button-text);
            border: none;
            outline: ButtonBorder solid 0.05rem;
            background-image: none;
            }
        
        .linkbutton:hover, .endbtn:hover, .itembtn:hover,
        A.linkbutton:hover, A.endbtn:hover, A.itembtn:hover
           {
            background-color: var(--hover-link-color);
            color: var(--button-text-hover);
            outline: ButtonBorder solid 0.2rem;
            background-image: none;
            }
        
        .linkbutton:active, .endbtn:active, .itembtn:active, 
        A.linkbutton:active, A.endbtn:active, A.itembtn:active
           {
            background-color: var(--active-link-color);
            color: var(--button-text-active);
            outline: ButtonBorder solid 0.4rem;
            background-image: none;
            }
        
        .niceglossytable
           {
            background: var(--table-background)
            }
            
        }
    
    
        
    @media only screen and (-ms-high-contrast: active),
                screen and (-ms-high-contrast: black-on-white),
                screen and (-ms-high-contrast: white-on-black)
       {
        /* MS CUSTOM COLORS THEME CSS GOES HERE */
        :root
           {
            --header-color: windowText;
            --primary-color: windowText;
            --link-color: linkText;
            --link-color: -ms-hotlight;
            --visited-link-color: linkText;
            --visited-link-color: -ms-hotlight;
            --content-border-color: windowText;
            --secondary-color: windowText;
            --hover-link-color: highlightText;
            --text-color: windowText;
            --active-link-color: highlightText;
            --button-color: buttonFace;
            --button-text-color: buttonText;
            --background-color: window;
            --background-color-rgb: window;
            --textcontainment-opacity: 0.8333;
            --table-border: windowText;
            --border-color: windowText;
            --link-shadow-color: window;
            --box-shadow-color: window;
            --box-shadow-opacity : 0;
            --box-shadow-color-hex: window;
            --table-background: window;  /* added during 4618 testbench */
            --bigheading: windowText;  /* added during 4618 testbench */
            --langdon-brook: windowText;  /* added during 4618 testbench */
            --mmbutton-shadow-rgb: window;  /* added during 4618 testbench */
            --button-border: windowText;  /* added during 4618 testbench */
            --button-text: linkText;  /* added during 4618 testbench */
            --button-text: -ms-hotlight;  
            --button-text-hover: highlightText;  /* added during 4618 testbench */
            --button-text-hover: -ms-hotlight;  
            --button-text-active: windowText;  /* added during 4618 testbench */
            --button-text-active: -ms-hotlight; 
            }
                    
        A:hover
           {
            background-color: highlight;
            color: highlightText;
            font-weight: 900;
            }
            
        A:active
           {
            color: windowText;
            background-color: highlightText
            }
        
        .colorsquare
           {
            /* border:1px solid #000000; */
            forced-color-adjust: none;
            -ms-high-contrast-adjust: none;
            }
        
        .whitecolorsquare
           {
            border:1px solid #000000;
            forced-color-adjust: none;
            -ms-high-contrast-adjust: none;
            }
        
        .blackcolorsquare
           {
            border:1px solid #FFFFFF;
            forced-color-adjust: none;
            -ms-high-contrast-adjust: none;
            }
        
        .deepredgold
           {
            color: var(--langdon-brook);
            }
        
        .mmbutton A
           {
            box-shadow:none;
            outline: linkText solid 0.1rem;
            border 0.1rem solid linkText
            }
            
        .mmbutton A:hover
           {
            box-shadow:none;
            outline: linkText solid 0.2rem;
            }
        
        .mmbutton A:active
           {
            outline: linkText solid 0.4rem;
            }
        
        .linkbutton, .endbtn, .itembtn,
        A.linkbutton, A.endbtn, A.itembtn,
        A.linkbutton:visited, A.endbtn:visited, A.itembtn:visited
           {
            box-shadow:none;
            text-shadow: none;
            background-image: none;
            background: highlight;
            color: highlightText;
            }
        
        .linkbutton:active, .endbtn:active, .itembtn:active,
        A.linkbutton:active, A.endbtn:active, A.itembtn:active
           {
            box-shadow:none;
            text-shadow: none;
            background-image: none;
            background: ButtonFace;
            color: windowText;
            outline: windowText solid 0.4rem;
            background-image: none;
            }
        
        .itembtn:hover, .endbtn:hover,
        A.linkbutton:hover, A.endbtn:hover, A.itembtn:hover
           {
            outline: windowText solid 0.2rem;
            background-image: none;
            background: HighlightText;
            color: Highlight;
            }
        
        .itembtn:active, .endbtn:active
           {
            }
        
        .titleshadow
           {
            text-shadow: none;
            }
        
        .contentbox
           {
            box-shadow: none;
            }
            
        IMG
           {
            border: 0.1rem solid windowText
            }
        
        .logobackdrop
           {
            background-image: none;
            }
            
        .stamp
           {
            border: none !important;
            background-color: rgba(255, 255, 255, 0.5);
            -ms-high-contrast-adjust: none;
            forced-color-adjust: none;
            padding: 1rem;
            }
        
        .mmitemtxt A SPAN:hover
           {
            color: var(--hover-link-color);
            }
        
        .mmitemtxt A SPAN:active
           {
            color: var(--mscustom-active-link-color);
            background-color: var(--mscustom-content-border-color)
            }
        
        .linkbutton, .endbtn, .itembtn
           {
            background-color: var(--link-color)
            }
        
        .linkbutton:hover, .endbtn:hover, .itembtn:hover
           {
            background-color: var(--hover-link-color)
            }
        
        .linkbutton:active, .endbtn:active, .itembtn:active
           {
            background-color: var(--active-link-color)
            }
        
        .linkbutton, .endbtn, .itembtn
           {
            background-color: var(--link-color);
            color: var(--text-color);
            border: none;
            outline: ButtonBorder solid 0.05rem;
            background-image: none;
            forced-color-adjust: none; /* This is a workaround for a Chromium bug circa 2024 */
            }
        
        .linkbutton:hover, .endbtn:hover, .itembtn:hover
           {
            background-color: var(--hover-link-color);
            color: var(--text-color);
            outline: ButtonBorder solid 0.2rem;
            background-image: none;
            }
        
        .linkbutton:active, .endbtn:active, .itembtn:active
           {
            background-color: var(--active-link-color);
            color: var(--text-color);
            outline: ButtonBorder solid 0.4rem;
            background-image: none;
            }
        
        .niceglossytable
           {
            background: var(--table-background)
            }
            
        }
    
    

    @media only screen and (forced-colors: active),
                screen and (prefers-contrast: custom),
                screen and (prefers-contrast: forced)
       {
        /* CUSTOM COLORS THEME CSS 5 GOES HERE */
        :root
           {
            --header-color: CanvasText;
            --primary-color: CanvasText;
            --link-color: LinkText;
            --visited-link-color: LinkText;
            --content-border-color: CanvasText;
            --secondary-color: CanvasText;
            --hover-link-color: HighlightText;
            --text-color: CanvasText;
            --active-link-color: ActiveText;
            --button-color: ButtonFace;
            --button-text-color: CanvasText;
            --background-color: Canvas;
            --background-color-rgb: Canvas;
            --textcontainment-opacity: 1;
            --table-border: CanvasText;
            --border-color: CanvasText;
            --link-shadow-color: Canvas;
            --box-shadow-color: Canvas;
            --box-shadow-opacity : 0;
            --box-shadow-color-hex: Canvas;
            --table-background: Canvas; /* added during 4618 testbench */
            --bigheading: CanvasText;  /* added during 4618 testbench */
            --langdon-brook: CanvasText;  /* added during 4618 testbench */
            --mmbutton-shadow-rgb: Canvas;  /* added during 4618 testbench */
            --button-border: ButtonBorder;  /* added during 4618 testbench */
            --button-text: Canvas;  /* added during 4618 testbench */
            --button-text-hover: LinkText;  /* added during 4618 testbench */
            --button-text-active: MarkText;  /* added during 4618 testbench */
            }      
          
        A:hover, .mmitemtxt A SPAN:hover
           {
            background-color: Highlight;
            color: HighlightText;
            font-weight: 900;
            }
            
        A:active, .mmitemtxt A SPAN:active
           {
            color: SelectedItemText;
            background-color: SelectedItem;
            
            /* background-color: #FF7FBF; */
            
            /* forced-color-adjust: none; /* Debugging use only */
            }
        
        .colorsquare
           {
            /* border:1px solid #000000; */
            forced-color-adjust: none;
            }
        
        .whitecolorsquare
           {
            border:1px solid #000000;
            forced-color-adjust: none;
            }
        
        .blackcolorsquare
           {
            border:1px solid #FFFFFF;
            forced-color-adjust: none;
            }
        
        .deepredgold
           {
            color: var(--langdon-brook);
            }
        
        .mmbutton A
           {
            box-shadow:none;
            }
            
        .mmbutton A:hover
           {
            box-shadow:none;
            outline: ButtonBorder solid 0.2rem;
            }
        
        .mmbutton A:active
           {
            outline: ButtonBorder solid 0.4rem;
            }
        
        .titleshadow
           {
            text-shadow: none;
            }
        
        .contentbox
           {
            box-shadow: none;
            }
            
        IMG
           {
            border: 0.1rem solid ButtonBorder
            }
        
        .logobackdrop
           {
            background-image: none;
            }
            
        .stamp
           {
            border: none;
            background-color: rgba(255, 255, 255, 0.5);
            forced-color-adjust: none;
            padding: 1rem;
            }
        
        .mmitemtxt A SPAN:hover
           {
            color: var(--hover-link-color);
            }
        
        .linkbutton, .endbtn, .itembtn,
        A.linkbutton, A.endbtn, A.itembtn,
        A.linkbutton:visited, A.endbtn:visited, A.itembtn:visited
           {
            background-color: ButtonFace;
            border: none;
            outline: ButtonBorder solid 0.1rem;
            background-image: none;
            box-shadow:none;
            text-shadow: none;
            background: ButtonFace;
            color: ButtonText;
            forced-color-adjust: none; /* This is a workaround for a Chromium bug circa 2024 */
            }
        
        .linkbutton:hover, .endbtn:hover, .itembtn:hover,
        A.linkbutton:hover, A.endbtn:hover, A.itembtn:hover
           {
            background-color: Mark;
            color: MarkText;
            outline: ButtonBorder solid 0.2rem;
            background-image: none;
            }
        
        .linkbutton:active, .endbtn:active, .itembtn:active,
        A.linkbutton:active, A.endbtn:active, A.itembtn:active
           {
            outline: ButtonBorder solid 0.4rem;
            box-shadow:none;
            text-shadow: none;
            background-image: none;
            background: SelectedItem;
            color: SelectedItemText;
            }
        
        .niceglossytable
           {
            background: var(--table-background)
            }

            
        }

    @mediaX only screen and (prefers-reduced-transparency:reduce) and (not (forced-colors: active))
       {
        /* TRANSPARENCY MITIGATIONS */
        }

    
    @mediaX only screen and (inverted-colors: inverted)
       {
        /* FOR WHEN THE USER HAS INVERTED THEIR SCREEN COLORS FOR SOME REASON */
        /* How do I even test this? */
        /* Case specific corrections are probably needed; start with not in conjunction with anything else */
        }
    }


/*-->*/