/*\*/
html {margin: 0; padding: 0; background: #eaeaea; font: 16px/1.2 Verdana, sans-serif;}
body {width: 950px; margin: auto; padding: 1em; background: #fff; min-height: 100vh;}
/*\*/
button {display: block; margin: auto; cursor: pointer; background: #048; border-color: #048; padding: 3px 1em; border-radius: 1em; font-size: 16px; color: #fff;}
/*\*/
h2.HL3 {
display: flex;
font-family: Comic Sans MS, cursive; color: #206592;
}
.HL3::before, .HL3::after {content: ''; flex: 1;}
.lines {margin: 8px 0 -8px; align-items: center;}
.lines::before, .lines::after {height: 1px; margin: 0 1em;}
.grad::before, .grad::after {height: 10px; border-radius: 5px;}
.grad::before {background-image: linear-gradient(90deg, #6db1df, #206592);}
.grad::after {background-image: linear-gradient(-90deg, #6db1df, #206592);}
/*\*/
p.subT::first-line {font-size: 1rem; font-weight: 600; font-style: italic; color: #048;}
/*\*/
table {
border-collapse: collapse;
margin: 1em auto;
}
th, td {padding: 4px 8px; border: 1px solid #555;}
th {background: #27ae61; color: #fff; font-size: 13px;}
td {background: #fbfbfb; font-size: 15px; white-space: pre; text-align: center;}
td:first-child {text-align: left;}
/*\*/
div#g-box2 {
display: grid;
width: calc(400px + 20px + 1px + 20px + 400px); margin: 1em auto;
grid-template-columns: 420px 420px;
grid-gap: 1px;
background: #999; padding: 1px;
}
#g-box2 div {background: #fbfbfb;}
#g-box2 img {display: block; margin: 10px auto; outline: 1px solid #999;}
#g-box2 p {margin: 5px; font-size: 15px;}
/* ext link */
nav {text-align: center;}
nav a.ws:link {text-decoration: none; font: 2ex/1.2 Lucida Conole, Monaco, monospace; color: #00f;}
nav a.ws:visited, nav a.ws:hover {text-decoration: underline; color: #00f;}
nav img {width: 12px; margin-left: 6px;}