*{box-sizing:border-box}body{margin:0;background:#e6e6da;font:13px/1.6 Arial,Helvetica,sans-serif;color:#4a4a4a}
.wrap{display:flex;min-height:100vh;max-width:1100px;margin:0 auto}
aside{width:210px;background:#4e5a62;flex:none}
.logo{display:block;background:#fff;text-align:center;padding:30px 10px 16px;color:#333;text-decoration:none;border-bottom:1px solid #ccc}
.logo b{display:block;font:300 22px Georgia,serif;letter-spacing:1px}.logo small{font-size:10px}
.mark{display:inline-flex;gap:4px;margin-bottom:6px}.mark i{width:18px;height:52px;background:#2a4a7a}.mark i+i{background:#333}
nav{margin-top:40px}nav a{display:block;color:#fff;text-decoration:none;font-size:11px;padding:7px 14px;border-bottom:1px solid #6c777f}
nav a:hover,nav a.on{background:#1b2a3a}
main{flex:1;background:#fff;display:flex;flex-direction:column;max-width:560px}
.top{font-size:10px;padding:8px 14px}.top a{color:#555;text-decoration:none}
.banner{height:140px;background:radial-gradient(circle at 70% 40%,#5d7fc0,#0b1230 70%)}
article{padding:20px 28px 40px;flex:1}
h1{font:300 24px/1.2 "Arial Narrow",Arial,sans-serif;color:#333;margin:0 0 10px}
.lead{font-size:13px;color:#666;text-align:justify}hr{border:0;border-top:1px dotted #999;margin:18px 0}
h2{font:400 18px "Arial Narrow",Arial,sans-serif;color:#8a2a1a;margin:0 0 10px}p{font-size:11.5px;text-align:justify}
footer{background:#e6e6da;font-size:10px;padding:10px 14px}footer a{color:#333;text-decoration:none}
.req label,.cb{display:block;font-size:11px;margin:0 0 8px}.req input:not([type=checkbox]){display:block;width:100%;padding:4px;border:1px solid #bbb;background:#f3f3ee}
.cols{display:flex;gap:20px}.cols>div{flex:1}.row{display:flex;gap:8px}.req button{background:#fff;border:0;color:#1b2a3a;font-size:11px;cursor:pointer;padding:6px}
@media(max-width:700px){.wrap{flex-direction:column}aside{width:100%}main{max-width:none}.cols{flex-direction:column}}
ul{font-size:11.5px;padding-left:20px;margin:0 0 12px}ul.plain{list-style:none;padding-left:0}
ul.arrows{list-style:none;padding-left:0}ul.arrows li:before{content:"\25B8";margin-right:8px;color:#555}
ul.arrows li{margin:5px 0}ul.arrows a{color:#444;text-decoration:none}ul.arrows a:hover{text-decoration:underline}
ul.two{columns:2}article a{color:#8a2a1a}
