/* Scope changes to individual posts; reuse the site's installed fonts. */
body.tracks-single-post main :is(h1,h2,h3,h4,h5,h6) {
  font-family: var(--wp--preset--font-family--baskervville, Baskerville), 'Baskerville', 'Libre Baskerville', Georgia, serif !important;
}
body.tracks-single-post .tracks-sp-heading { margin-block: 0; }
body.tracks-single-post .tracks-sp-heading > .wp-block-post-title { margin-top: 0 !important; margin-bottom: 0 !important; }
body.tracks-single-post .tracks-sp-categories {
  display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 16px;
  font-family:var(--wp--preset--font-family--jost, 'Jost'), Arial, sans-serif;
  font-size:9px; font-weight:500; line-height:1.3; letter-spacing:.07em; text-transform:uppercase;
}
body.tracks-single-post .tracks-sp-categories a {
  display:inline-block; padding:3px 7px; background:transparent !important;
  border:1px solid #000; border-radius:2px; color:#000 !important; text-decoration:none !important;
}
body.tracks-single-post .tracks-sp-categories a:is(:hover,:focus-visible) { background:#000 !important; color:#fff !important; }
body.tracks-single-post .tracks-sp-categories a:focus-visible { outline:2px solid #27d7e0; outline-offset:3px; }
body.tracks-single-post .tracks-sp-meta {
  display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:14px; margin-bottom:0;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:clamp(12px,1vw,14px); font-weight:300; line-height:1.5; letter-spacing:0; color:#000000;
}
/* Short accent follows the first line, rather than the height of the caption. */
body.tracks-single-post .wp-block-post-content :is(figcaption,.wp-caption-text) {
  position:relative; padding:0 0 0 18px !important; margin-top:12px;
  border:0 !important; background:transparent !important; text-align:left !important;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif !important;
  font-size:clamp(12px,1vw,14px) !important; font-weight:300 !important;
  line-height:1.5 !important; letter-spacing:0 !important; color:#000000 !important;
}
body.tracks-single-post .wp-block-post-content :is(figcaption,.wp-caption-text)::before {
  content:''; position:absolute; left:0; top:.2em; width:2px; height:.95em; background:#27d7e0;
}
body.tracks-single-post .wp-block-post-content :is(figcaption,.wp-caption-text) .tracks-caption-credit {
  display:block; margin-top:8px; font-size:.75em; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; line-height:1.5;
}
@media(max-width:600px) {
  body.tracks-single-post .tracks-sp-categories { gap:5px; font-size:8px; }
  body.tracks-single-post .tracks-sp-categories a { padding:3px 6px; }
}

body.tracks-single-post .tracks-sp-story-nav a {
  display:block; box-sizing:border-box; height:100%; padding:18px 20px;
  border:1px solid #171717; border-radius:2px; background:transparent;
  text-align:left; color:#333 !important; text-decoration:none !important;
}
body.tracks-single-post .tracks-sp-story-label {
  display:block; margin-bottom:8px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:10px; font-weight:400; letter-spacing:.08em; text-transform:uppercase; line-height:1.5;
}
body.tracks-single-post .tracks-sp-story-title {
  display:block; font-family:var(--wp--preset--font-family--baskervville, Baskerville),Georgia,serif;
  font-size:16px; font-weight:400; line-height:1.4;
}
body.tracks-single-post .tracks-sp-story-nav a:is(:hover,:focus-visible) {
  border-color:#27d7e0; background:#f4fcfc;
}
body.tracks-single-post .tracks-sp-story-nav a:focus-visible { outline:2px solid #27d7e0; outline-offset:3px; }
body.tracks-single-post .tracks-sp-interest {
  box-sizing:border-box; max-width:var(--wp--style--global--wide-size,1200px);
  margin:40px auto; padding:32px 2rem; border-top:1px solid #27d7e0;
}
body.tracks-single-post .tracks-sp-interest h2 { font-size:24px; line-height:1.3; font-weight:400; color:#333; margin:0 0 18px; }
body.tracks-single-post .tracks-sp-interest .tracks-sp-categories { margin-bottom:0; }
@media(max-width:600px) {
  body.tracks-single-post .tracks-sp-story-nav a { padding:14px 16px; }
  body.tracks-single-post .tracks-sp-story-title { font-size:14px; }
  body.tracks-single-post .tracks-sp-interest h2 { font-size:21px; }
}

body.tracks-single-post .tracks-sp-interest { text-align:center; }
body.tracks-single-post .tracks-sp-interest .tracks-sp-categories { justify-content:center; }
body.tracks-single-post .tracks-sp-travel-notes {
  box-sizing:border-box; margin:32px 0; padding:24px 28px;
  border:1px solid #e2e2e2; border-left:4px solid #27d7e0;
  background:#ffffff; text-align:left;
}
body.tracks-single-post .tracks-sp-travel-notes h2 {
  margin:0 0 14px; font-size:24px; line-height:1.3; font-weight:400; color:#333;
}
body.tracks-single-post .tracks-sp-travel-notes p {
  font-family:var(--wp--preset--font-family--baskervville, Baskerville),Georgia,serif;
  font-size:16px; line-height:1.65; color:#333; margin:0 0 12px;
}
body.tracks-single-post .tracks-sp-travel-notes p:last-child { margin-bottom:0; }
@media(max-width:600px) {
  body.tracks-single-post .tracks-sp-travel-notes { padding:20px; }
}

body.tracks-single-post .tracks-sp-author-box {
  display:flex; align-items:flex-start; gap:24px; box-sizing:border-box;
  max-width:var(--wp--style--global--wide-size,1200px);
  margin:40px auto; padding:28px 32px; background:#f2f2f2;
  border:0; border-radius:8px;
}
body.tracks-single-post .tracks-sp-author-photo { flex:0 0 80px; }
body.tracks-single-post .tracks-sp-author-avatar { display:block; width:80px; height:80px; border-radius:50%; }
body.tracks-single-post .tracks-sp-author-details { min-width:0; }
body.tracks-single-post .tracks-sp-author-details h2 {
  margin:0 0 12px; font-size:23px; line-height:1.3; font-weight:400; color:#333;
}
body.tracks-single-post .tracks-sp-author-details p {
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:14px;
  font-weight:400; line-height:1.65; color:#333; margin:0 0 12px;
}
body.tracks-single-post .tracks-sp-author-details p:last-child { margin-bottom:0; }
body.tracks-single-post .tracks-sp-author-journey a { color:#333; text-decoration:underline; text-underline-offset:3px; }
body.tracks-single-post .tracks-sp-author-journey a:hover { color:#087f8c; }
@media(max-width:600px) {
  body.tracks-single-post .tracks-sp-author-box { padding:22px 20px; gap:16px; }
  body.tracks-single-post .tracks-sp-author-photo { flex-basis:56px; }
  body.tracks-single-post .tracks-sp-author-avatar { width:56px; height:56px; }
}

body.tracks-single-post .tracks-sp-endmark {
  display:flex; align-items:center; justify-content:center; gap:18px;
  width:min(240px,65%); margin:44px auto 28px;
}
body.tracks-single-post .tracks-sp-endmark::before,
body.tracks-single-post .tracks-sp-endmark::after {
  content:''; flex:1; height:1px; background:#bcbcbc;
}
body.tracks-single-post .tracks-sp-endmark span {
  display:block; flex:0 0 7px; width:7px; height:7px;
  background:#27d7e0; transform:rotate(45deg);
}

body.tracks-single-post .tracks-sp-author-bio a { color:#333; text-decoration:underline; text-underline-offset:3px; }
body.tracks-single-post .tracks-sp-author-bio a:hover { color:#087f8c; }
