:root{--blue:#173951;--deep:#122c40;--cream:#faf7ee;--gold:#bba366;--rule:#d0c8b6}
*{box-sizing:border-box}
body{margin:0;background:#dce4e8;color:#282a2d;font:14px/1.55 Arial,Helvetica,sans-serif}
a{color:#164e76}
a:focus-visible{outline:2px solid #a75824;outline-offset:3px}
h1,h2{font-family:Georgia,"Times New Roman",serif;color:var(--deep);line-height:1.2}
h1{font-size:29px;margin:0 0 12px}
h2{font-size:21px;margin:0 0 9px}
p{margin:0 0 12px}
.site{max-width:980px;margin:17px auto 26px;border:1px solid #9caeb8;background:white;box-shadow:0 2px 8px #192d3b26}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;padding:8px;background:white;z-index:2}
.topline{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:5px 22px;background:var(--deep);color:white;font:12px/1.55 Verdana,sans-serif}
.topline a{color:white}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;background:linear-gradient(#fff,#f3efe3);border-bottom:2px solid var(--gold)}
.brand{display:inline-flex;align-items:center;gap:13px;color:var(--deep);text-decoration:none}
.brand strong{display:block;font:bold 38px/.96 Georgia,"Times New Roman",serif}
.brand small{display:block;margin-top:7px;font:bold 11px/1 Verdana,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.compass{border:1px solid #a48a4a;border-radius:50%;width:45px;height:45px;text-align:center;font:32px/42px Georgia,serif;color:#79602c}
.tag{font:italic 15px Georgia,serif;color:#46545b}
.main-nav{display:flex;flex-wrap:wrap;padding:0 12px;background:linear-gradient(#305a75,#18384e);border-bottom:1px solid #102d41}
.main-nav a{padding:9px 15px;color:white;border-right:1px solid #ffffff2e;text-decoration:none;font:bold 12px/1.5 Verdana,sans-serif}
.main-nav a[aria-current],.main-nav a:hover{background:#112f45;text-decoration:underline}
.banner{margin:12px 12px 0;border:1px solid #aeb7b9;background:var(--blue)}
.banner img{display:block;width:100%;height:auto;aspect-ratio:96/31;object-fit:cover}
.banner-label{padding:7px 14px;color:white;border-top:1px solid var(--gold);font:17px/1.3 Georgia,serif}
.front{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,28%);gap:22px;padding:19px 21px 22px}
.overline,.eyebrow{margin:0 0 5px;color:#64522c;font:bold 11px/1.4 Verdana,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.bar,.sidebox h2{margin:0;padding:7px 10px;background:linear-gradient(#305975,#1c4057);color:white;font:bold 16px/1.2 Georgia,serif}
.tour-list{list-style:none;margin:0 0 15px;padding:0;border:1px solid var(--rule);border-top:0}
.tour-list li{padding:9px 11px}
.tour-list li + li{border-top:1px solid var(--rule)}
.tour-list li:nth-child(odd),.notice{background:var(--cream)}
.tour-list strong,.tour-list span{display:block}
.tour-list strong{font-size:15px}
.notice{border:1px solid var(--rule);padding:8px 11px;margin-bottom:0}
.sidebox{border:1px solid #acbac4;margin:0 0 12px;background:#f3f6f7}
.box-body{padding:10px;overflow-wrap:anywhere}
.box-body p:last-child{margin-bottom:0}
.box-body ul,.directory{margin:0;padding-left:17px}
.box-body li,.directory li{margin:4px 0}
.heading{padding:19px 22px 13px;background:var(--cream);border-bottom:1px solid var(--rule)}
.heading h1{margin:0}
.inner{padding:18px 22px 25px;max-width:710px}
.inner h2{margin-top:14px}
.entry,.contact{border:1px solid var(--rule);padding:10px 12px;margin:0 0 12px;background:var(--cream)}
.entry h2{margin:0 0 6px}
footer{border-top:2px solid var(--gold);background:#f1eee6;text-align:center;padding:10px 12px;color:#444;font:12px/1.6 Verdana,sans-serif}
footer p{margin:3px 0 0}
footer span{margin:0 3px;color:#6f675a}
@media(max-width:630px){.site{margin:0;border-inline:0}.tag{display:none}.masthead{padding:14px}.brand strong{font-size:32px}.main-nav{padding:0}.main-nav a{padding:8px 10px}.front{grid-template-columns:1fr;padding:14px;gap:16px}.topline{padding-inline:14px}.banner{margin:8px 8px 0}.banner-label{font-size:14px}h1{font-size:25px}}
