html.quirk_no_rgba .band.splash {
    background-color: rgb(102,102,102);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
.band.splash {
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgba(102,102,102,0.8);
}

.band.splash .bg_img { background-position-y: 10%; }

html.quirk_ms_grid .band.splash .layout.c2 {
    display: -ms-grid;
    -ms-grid-columns: auto .2em 1fr;
    --dyn-class: ms_gap_grid;
}
.band.splash .layout.c2 {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: .2em;
}
html.quirk_no_grid .band.splash .layout >div { display: inline-block; }
html.quirk_no_rgba .band.splash .layout{ position: relative; }

.band.splash .icon { vertical-align: top; }

.band.splash .icon,
.band.splash .title { font-size: 1.73em; }
.band.splash .title { margin-top: .6em; }

.band.splash .tagline {
    font-size: 1.25em;
    line-height: 1.25;
    font-weight: 700;
}

.byline { font-style: italic; }

.content >:first-child { margin-top: 0; }

.content .more {
    border: solid 2px;
    margin-left: .1em;
    vertical-align: .13em;
    padding: .1em .3em .02em .3em;
    font-size: .75em;
    /* background-color: #d7d7d7; */
    text-transform: uppercase;
}

.layout .content img { width: 100%; }

.layout .content .screenshot {
    width: 25%;
    float: right;
}

.band {
    margin-top: 1em;
    background-color: #ffffff;
/*
    padding-top: 2em;
    padding-bottom: 2em;
*/
}

.band.splash +.band { margin-top: 0; }

.list_graphic { padding: 1em; }

.list_graphic:first-child { padding-left: 0; }

.list_graphic img { width: 11em; }
html.width_lvl_compact .list_graphic img { width: 9em; }
html.width_lvl_narrow .list_graphic img { width: 7em; }

.list_graphic:last-child { padding-right: 0; }

/* logo grid */
html.quirk_ms_grid .logo_grid {
    display: -ms-grid;
    --dyn-class: 'width_lvl!=wide:c2 width_lvl=wide:c3 ms_gap_grid';
}
.logo_grid {
    display: grid;
    margin-top: 3em;
    grid-gap: 2em;
    --dyn-class: 'width_lvl!=wide:c2 width_lvl=wide:c3';
}

.logo_grid >div >* {
    display: block;
    width: 100%;
    position: relative;
    --dyn-class: vcenter;
}

html.pre .logo_grid { display: none; }

html.quirk_ms_grid .logo_grid.c2 { -ms-grid-columns: 1fr 2em 1fr; }
.logo_grid.c2 { grid-template-columns: 1fr 1fr; }

html.quirk_ms_grid .logo_grid.c3 { -ms-grid-columns: 1fr (3em 1fr)[2]; }
.logo_grid.c3 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3em;
}

html.quirk_ms_grid .logo_grid.ms_cell_n_2 { -ms-grid-rows: auto 2em auto; }
html.quirk_ms_grid .logo_grid.ms_cell_n_3 { -ms-grid-rows: auto (2em auto)[2]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_4 { -ms-grid-rows: auto (2em auto)[3]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_5 { -ms-grid-rows: auto (2em auto)[4]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_6 { -ms-grid-rows: auto (2em auto)[5]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_7 { -ms-grid-rows: auto (2em auto)[6]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_8 { -ms-grid-rows: auto (2em auto)[7]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_9 { -ms-grid-rows: auto (2em auto)[8]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_10 { -ms-grid-rows: auto (2em auto)[9]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_11 { -ms-grid-rows: auto (2em auto)[10]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_12 { -ms-grid-rows: auto (2em auto)[11]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_13 { -ms-grid-rows: auto (2em auto)[12]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_14 { -ms-grid-rows: auto (2em auto)[13]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_15 { -ms-grid-rows: auto (2em auto)[14]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_16 { -ms-grid-rows: auto (2em auto)[15]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_17 { -ms-grid-rows: auto (2em auto)[16]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_18 { -ms-grid-rows: auto (2em auto)[17]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_19 { -ms-grid-rows: auto (2em auto)[18]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_20 { -ms-grid-rows: auto (2em auto)[19]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_21 { -ms-grid-rows: auto (2em auto)[20]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_22 { -ms-grid-rows: auto (2em auto)[21]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_23 { -ms-grid-rows: auto (2em auto)[22]; }
html.quirk_ms_grid .logo_grid.ms_cell_n_24 { -ms-grid-rows: auto (2em auto)[23]; }

html.quirk_ms_grid .logo_grid.c2.ms_cell_n_3,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_4 { -ms-grid-rows: auto 2em auto; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_5,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_6 { -ms-grid-rows: auto (2em auto)[2]; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_7,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_8 { -ms-grid-rows: auto (2em auto)[3]; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_9,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_10 { -ms-grid-rows: auto (2em auto)[4]; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_11,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_12 { -ms-grid-rows: auto (2em auto)[5]; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_13,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_14 { -ms-grid-rows: auto (2em auto)[6]; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_15,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_16 { -ms-grid-rows: auto (2em auto)[7]; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_17,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_18 { -ms-grid-rows: auto (2em auto)[8]; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_19,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_20 { -ms-grid-rows: auto (2em auto)[9]; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_21,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_22 { -ms-grid-rows: auto (2em auto)[10]; }
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_23,
html.quirk_ms_grid .logo_grid.c2.ms_cell_n_24 { -ms-grid-rows: auto (2em auto)[11]; }

html.quirk_ms_grid .logo_grid.c3.ms_cell_n_4,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_5,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_6 { -ms-grid-rows: auto 2em auto; }
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_7,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_8,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_9 { -ms-grid-rows: auto (2em auto)[2]; }
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_10,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_11
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_12 { -ms-grid-rows: auto (2em auto)[3]; }
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_13,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_14,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_15 { -ms-grid-rows: auto (2em auto)[4]; }
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_16,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_17,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_18 { -ms-grid-rows: auto (2em auto)[5]; }
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_19,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_20,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_21 { -ms-grid-rows: auto (2em auto)[6]; }
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_22,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_23,
html.quirk_ms_grid .logo_grid.c3.ms_cell_n_24 { -ms-grid-rows: auto (2em auto)[7]; }

/* explore */

table.explore {
    background-size: 100% 100%;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
table.explore.ppm { background-image: url('/products/ppm_graphic_bg.png'); }
table.explore.dt { background-image: url('/products/dsrip_graphic_bg.png'); }
html.width_lvl_compact table.explore { width: 90%; }
html.width_lvl_narrow table.explore {
    width: 100%;
    font-size: 3vw;
}

table.explore .t {
    width: 50%;
    padding: 3em;
    font-weight: bold;
}

html.width_lvl_narrow table.explore .t {
    padding-left: 1.25em;
    padding-right: 2em;
}

table.explore .f {
    width: 50%;
    padding : 1em;
    line-height : 2em;
    font-weight: bold;
}
html.width_lvl_narrow table.explore .f {
    padding-left: 1.5em;
    padding-right: 1em;
}

table.explore .f >a {
    display: block;
}