body{margin:0;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;color:#555;background:var(--page,#f1f1f1)}
a{color:var(--link)}img{max-width:100%;height:auto}
.container{max-width:1080px;margin:0 auto;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.12)}
.topbar{background:var(--top);color:#fff;font-size:12px;padding:6px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.topbar a{color:#fff;text-decoration:none}
.masthead{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:12px;flex-wrap:wrap}
.brand{font-family:var(--bfont,Georgia,serif);font-size:28px;color:var(--brand);text-decoration:none;font-weight:bold;line-height:1.1}
.brand small{display:block;font-size:13px;color:#888;font-weight:normal;font-style:italic}
.callout{text-align:right;font-size:13px}.callout b{display:block;font-size:22px;color:var(--brand)}
.menu{background:var(--menu);display:flex;flex-wrap:wrap}
.menu a{color:#fff;text-decoration:none;padding:12px 18px;font-size:13px;text-transform:uppercase;font-weight:600;border-right:1px solid rgba(255,255,255,.15)}
.menu a:hover,.menu a.cur{background:var(--menu-hi)}
.mtoggle{display:none}
.slider{position:relative;height:340px;overflow:hidden;background:#333}
.slider img{width:100%;height:100%;object-fit:cover}
.slider .cap{position:absolute;left:30px;bottom:30px;background:rgba(0,0,0,.55);color:#fff;padding:14px 20px;max-width:420px;font-size:15px}
.slider .cap h2{margin:0 0 4px;font-size:24px;font-family:var(--bfont,Georgia,serif);font-weight:normal}
.dots{position:absolute;right:20px;bottom:14px}.dots i{display:inline-block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);margin-left:5px}.dots i:first-child{background:#fff}
.main{display:flex;gap:25px;padding:25px 20px}
.content{flex:1;min-width:0}.sidebar{width:270px;flex-shrink:0}
h1,h2,h3{color:#333;font-family:var(--bfont,Georgia,serif);font-weight:normal}
h1{font-size:26px;margin:0 0 10px;border-bottom:1px solid #ddd;padding-bottom:8px}
h2{font-size:21px;margin:22px 0 8px}h3{font-size:17px;margin:14px 0 6px}
.widget{background:#f7f7f7;border:1px solid #e3e3e3;padding:14px;margin-bottom:18px}
.widget h3{margin-top:0;font-size:15px;text-transform:uppercase;color:var(--brand);border-bottom:2px solid var(--brand);padding-bottom:5px}
.widget ul{padding-left:18px;margin:0}
.boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:15px 0}
.box{border:1px solid #e5e5e5;padding:10px;background:#fff}.box img{width:100%;height:130px;object-fit:cover}
.box h3{font-size:15px}.more{font-size:12px}
table{width:100%;border-collapse:collapse;font-size:13px}td,th{border:1px solid #ddd;padding:7px;text-align:left}th{background:#eee}
.btnb{display:inline-block;background:var(--btn);color:#fff;padding:7px 14px;text-decoration:none;border:0;font-size:13px;border-radius:3px;cursor:pointer}
form.f input,form.f textarea,form.f select{width:100%;padding:6px;border:1px solid #ccc;margin:3px 0 10px;font:inherit;box-sizing:border-box}
.f-ok{display:none;background:#dff0d8;border:1px solid #b2d8a3;color:#3c763d;padding:10px;margin-top:8px}.f-ok.show{display:block}
.footer{background:#2f2f2f;color:#aaa;font-size:12px;padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.footer h4{color:#fff;margin:0 0 8px;font-size:13px;text-transform:uppercase}.footer a{color:#ccc}
.copy{background:#222;color:#888;font-size:11px;padding:10px 20px;text-align:center}
.social span{display:inline-block;width:24px;height:24px;background:#555;color:#fff;text-align:center;line-height:24px;margin-right:3px;font-size:11px;border-radius:2px}
.wk-label{position:fixed;left:12px;bottom:12px;z-index:90;font:500 11px/1 system-ui,sans-serif;background:rgba(10,10,12,.78);color:#fff;padding:7px 10px;border-radius:999px;text-decoration:none}
@media(max-width:780px){
 .main{flex-direction:column}.sidebar{width:auto}.boxes{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}
 .mtoggle{display:block;background:var(--menu);color:#fff;border:0;width:100%;text-align:left;padding:12px 20px;font:600 13px Arial;text-transform:uppercase}
 .menu{display:none;flex-direction:column}.menu.open{display:flex}.menu a{border-right:0;border-top:1px solid rgba(255,255,255,.15)}
 .slider{height:220px}.slider .cap{left:10px;right:10px;bottom:10px;font-size:13px}.callout{text-align:left}
 .tbl-wrap{overflow-x:auto}
}
.slider .cap h2{color:#fff}
