html {
    box-sizing:border-box;
}
*, *::before, *::after {
    box-sizing:inherit;
}
.outer {
    width:80%;
    margin:0 auto;
}
.articles {
    outline:1px dashed #000;  /* TEST Outline.  To Be DELETED. */
    padding-bottom:8px;
    margin:4px -8px;    /* see NOTE in comment marks at top of page */
}
[class^="row"] {
    width:100%;
    display:table;
    table-layout:fixed;
    border-spacing:8px 0;
    padding:8px 0 0;
}
.tcell {
    display:table-cell;
    border:4px solid #5c759f;
    padding:4px;
}
.row2 .tcell {background-color:#f0c880;}  /* TEST backgkround-color.  To Be DELETED. */
.row3 .tcell {background-color:#def;}  /* TEST backgkround-color.  To Be DELETED. */

@media screen and (max-width:700px) {
    .row2 {
        display:block;
        width:auto;
        padding:0;
    }
    .row2 .tcell {
        display:block;
        width:auto;
        margin:8px 8px 0;
    }
}
@media screen and (max-width:1000px) {
    .row3 {
        display:block;
        width:auto;
        padding:0;
    }
    .row3 .tcell {
        display:block;
        width:auto;
        margin:8px 8px 0;
    }
}


/* Added September 2022 for new box above double blue boxes. */

	.solid {border-style: solid;
		border-color: #5c759f;
		border-width: 4px;
		margin-left: 8px;
		margin-right: 8px;
		padding-bottom:6px;
		padding-top:4px;
		padding-left:4px;
}