:root {
    --contrast: #373435;
    --contrast-2: #5a5758;
    --contrast-3: #888888;
    --base: #ffffff;
    --base-2: #f7f7f7;
    --base-3: #ebebeb;
    --accent: #E98339;
}
a { color: #E98339; }
a:hover { color: #c9692a; }
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #373435;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #556B2F;
}
.site-header {
    background-color: #556B2F;
}
.site-header a,
.site-header .site-title a {
    color: #ffffff;
}
nav a { color: #ffffff; }
nav a:hover { color: #E98339; }

/* Easy Table of Contents */
#ez-toc-container a,
.ez-toc-container a {
    color: #E98339;
    text-decoration: none;
}
#ez-toc-container a:hover,
.ez-toc-container a:hover {
    color: #c46e28;
    text-decoration: underline;
}
#ez-toc-container .ez-toc-title {
    color: #373435;
}
/* Post navigation — previous/next links */
.post-navigation a,
.post-navigation a:visited,
.nav-previous a,
.nav-next a {
    color: #E98339 !important;
}

.post-navigation a:hover,
.post-navigation a:focus,
.nav-previous a:hover,
.nav-next a:hover {
    color: #333333 !important;
}
.bluf-box {
  border-left: 4px solid #E98339;
  background-color: #FDF0E6;
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 1.5em;
}

.bluf-label {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #E98339;
  margin-bottom: 8px !important;
}

/* Nav sits directly on the header - no light block */
.main-navigation { background-color: transparent; }
.main-navigation .menu-toggle,
.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-items { color: #ffffff; }
.main-navigation .main-nav ul ul li a { color: #373435; }
@media (max-width: 768px) {
	.main-navigation { background-color: #556B2F; }
	.site-header .header-image { max-height: 130px; width: auto; }
}

/* Dropdowns size to their content - 200px forced every Destinations item onto two lines */
.main-navigation ul ul { width: auto; min-width: 200px; }
.main-navigation .main-nav ul ul li a { white-space: nowrap; }

/* Top-level hover + current: white text, orange underline. Orange TEXT is 2.76:1 on the green and fails; as a rule it carries no contrast requirement. */
.main-navigation .main-nav > ul > li:not(.current-menu-item):hover > a,
.main-navigation .main-nav > ul > li.current-menu-item > a,
.main-navigation .main-nav > ul > li.current-menu-parent > a,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a { color: #ffffff; box-shadow: inset 0 -3px 0 #E98339; }

/* Submenu hover stays orange on its white panel */
.main-navigation .main-nav ul ul li a:hover { color: #E98339; }

/* At a Glance summary list. Added 2026-08-26.
   Two columns so the label and its value sit on one line, and the browser's
   default dd indent and margins removed so the rows sit tight. Stacks below
   600px, where two columns stop fitting: there the breathing room moves to
   BETWEEN pairs rather than inside them. */
.smt-at-a-glance{
	display:grid;
	grid-template-columns:max-content 1fr;
	column-gap:1.1rem;
	row-gap:.35rem;
}
.smt-at-a-glance dt{
	font-weight:600;
	margin:0;
	white-space:nowrap;
}
.smt-at-a-glance dd{
	margin:0;
}
@media (max-width:600px){
	.smt-at-a-glance{
		grid-template-columns:1fr;
		row-gap:0;
	}
	.smt-at-a-glance dt{
		white-space:normal;
		margin-top:.7rem;
	}
	.smt-at-a-glance dt:first-of-type{
		margin-top:0;
	}
	.smt-at-a-glance dd{
		margin-top:.1rem;
	}
}

/* Standard buffer around the boxed blocks. Added 2026-08-26.
   Measured before choosing a number: the same blocks were sitting anywhere between
   22px and 114px from their neighbours, depending on which spacer divs a given post
   happened to carry. Set once, here, so it stops depending on per-post markup and
   applies to every post already published and every post written from now on. */
.bluf-box,
.smt-at-a-glance,
.smt-shanas-take,
.smt-author-bio,
.ez-toc-container{
	margin-top:40px;
	margin-bottom:40px;
}