get_header();
?>
<style>
  /* ── BREADCRUMB ── */
  .breadcrumb {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 40px 0;
  }
  .breadcrumb a {
    font-family: proxima-nova-condensed, sans-serif;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-light);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s;
  }
  .breadcrumb a:hover { color: var(--orange); }
  .breadcrumb a::before {
    content: '←';
    font-size: 12px;
  }

  /* ── ISSUE HEADER ── */
  .issue-header {
    max-width: 960px;
    margin: 0 auto;
    padding: 28px 40px 48px;
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 56px;
    align-items: start;
  }
  .issue-eyebrow {
    font-family: proxima-nova-condensed, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--orange);
    margin-bottom: 14px;
  }
  .issue-title {
    font-family: chaparral-pro, Georgia, serif;
    font-size: clamp(36px, 5.5vw, 64px);
    font-weight: 700;
    line-height: 1.05;
    color: var(--dark);
    letter-spacing: -0.01em;
  }
  .issue-cover img {
    width: 100%;
    display: block;
    box-shadow: 0 16px 40px rgba(28,28,26,0.12);
  }
  .issue-cover-placeholder {
    width: 100%;
    aspect-ratio: 3 / 4;
    background: var(--cream-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: proxima-nova, sans-serif;
    font-size: 13px;
    color: var(--text-light);
    border: 1px solid var(--rule);
  }

  /* ── TOC HEADER ── */
  .issue-rule {
    max-width: 960px;
    margin: 0 auto;
    border: none;
    border-top: 1px solid var(--rule);
  }
  .toc-header {
    max-width: 960px;
    margin: 0 auto;
    padding: 44px 40px 24px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
  .toc-label {
    font-family: proxima-nova-condensed, sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--dark);
  }
  .toc-count {
    font-family: proxima-nova-condensed, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-light);
  }

  /* ── TOC GRID ── */
  .toc-grid {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    grid-template-rows: repeat(var(--toc-rows, 1), min-content);
    gap: 0 48px;
    padding: 0 40px 80px;
  }
  .toc-item {
    display: flex;
    gap: 16px;
    align-items: start;
    padding: 16px 0;
    text-decoration: none;
    border-bottom: 1px solid var(--rule);
    transition: background 0.1s;
  }
  .toc-item:hover .toc-title { color: var(--orange); }
  .toc-item.toc-col2 {
    border-left: 1px solid transparent; /* matches alignment spacer */
  }
  .toc-page {
    font-family: proxima-nova-condensed, sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.08em;
    color: var(--orange);
    width: 28px;
    text-align: right;
    flex-shrink: 0;
    padding-top: 2px;
  }
  .toc-content {
    flex: 1;
  }
  .toc-category {
    font-family: proxima-nova-condensed, sans-serif;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-light);
    margin-bottom: 6px;
  }
  .toc-title {
    font-family: chaparral-pro, Georgia, serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.35;
    color: var(--dark);
    transition: color 0.15s;
  }
  .toc-dek {
    font-family: proxima-nova, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: var(--text-mid);
    margin-top: 6px;
  }
  .toc-byline {
    font-family: proxima-nova-condensed, sans-serif;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-light);
    margin-top: 8px;
  }

  @media (max-width: 768px) {
    .issue-header {
      grid-template-columns: 1fr;
      padding: 20px 20px 32px;
      gap: 24px;
    }
    .issue-header-left { order: 2; }
    .issue-cover { order: 1; max-width: 160px; }
    .breadcrumb { padding: 16px 20px 0; }
    .issue-rule { padding: 0 20px; }
    .toc-header { padding: 24px 20px 16px; }

    .toc-grid {
      grid-template-columns: 1fr;
      grid-auto-flow: row;
      grid-template-rows: none;
      padding: 0 20px 60px;
    }
    .toc-item {
      padding: 22px 0 !important;
      border-right: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .toc-item.toc-col2 { border-left: none; }
    .toc-item.toc-last-col1 { border-bottom: 1px solid var(--rule); }
    .toc-item:last-child { border-bottom: none; }
  }
</style>
  <div class="breadcrumb">
    <a href="/magazine/">The Magazine</a>
  </div>

  <!-- Issue Header -->
  <header class="issue-header">
    <div class="issue-header-left">
      <div class="issue-eyebrow">Adventure Journal</div>
      <h1 class="issue-title">Issue magazine-issue</h1>
    </div>
    <div class="issue-cover">
              <div class="issue-cover-placeholder">Cover coming soon</div>
          </div>
  </header>

  <hr class="issue-rule">

  <!-- TOC Header -->
  <div class="toc-header">
    <span class="toc-label">In This Issue</span>
      </div>

  <!-- Table of Contents -->
    <div class="toc-grid" style="grid-template-rows: repeat(0, auto);">

          <div class="toc-empty" style="grid-column: 1 / -1;">Stories coming soon.</div>
    
  </div>

  <!-- Footer -->
  <script>
  document.querySelectorAll('.signal-link').forEach(function(el) {
    el.textContent = el.textContent.replace(' →', '').replace(' ->', '').trim();
  });
  </script>
</div><!-- /.aj-page-wrap -->

<style>
.footer-brand-name { color: #F5F0E8; }
.footer-tagline { color: rgba(245,240,232,0.55); }
.footer-col-label { color: rgba(245,240,232,0.45); }
.footer-links a { color: rgba(245,240,232,0.72); }
.footer-links a:hover { color: #F5F0E8; }
.footer-bottom p { color: rgba(245,240,232,0.40); }
</style>
<footer>
  <div class="footer-inner">
    <div class="footer-brand">
      <a href="https://www.adventure-journal.com/" class="footer-brand-logo" aria-label="Adventure Journal">
        <img src="https://media.adventure-journal.com/wp-content/uploads/2026/03/17161909/AJ_Logo25_Wht-scaled.png" alt="Adventure Journal" height="16" style="display:block;height:16px;width:auto;margin-bottom:14px;">
      </a>
      <div class="footer-tagline">The deeper you get,<br>the deeper you get.</div>
    </div>
    <div>
      <div class="footer-col-label">Read</div>
      <ul class="footer-links">
        <li><a href="https://www.adventure-journal.com/magazine/">The Magazine</a></li>
        <li><a href="https://www.adventure-journal.com/historical-badass/">Historical Badass</a></li>
        <li><a href="https://www.adventure-journal.com/recipes/">Recipes</a></li>
      </ul>
    </div>
    <div>
      <div class="footer-col-label">Browse</div>
      <ul class="footer-links">
        <li><a href="https://www.adventure-journal.com/map/">Map</a></li>
        <li><a href="https://www.adventure-journal.com/timeline/">Timeline</a></li>
      </ul>
    </div>
    <div>
      <div class="footer-col-label">Shop</div>
      <ul class="footer-links">
        <li><a href="https://www.adventure-journal.com/subscribe/">Subscribe</a></li>
        <li><a href="https://www.adventure-journal.com/shop/#single-issues">Single Issues</a></li>
      </ul>
    </div>
    <div>
      <div class="footer-col-label">About</div>
      <ul class="footer-links">
        <li><a href="https://www.adventure-journal.com/about/">About AJ</a></li>
        <li><a href="https://www.adventure-journal.com/newsletter/">Newsletter</a></li>
        <li><a href="https://www.adventure-journal.com/contact/">Contact</a></li>
      </ul>
    </div>
  </div>
  <div class="footer-bottom">
    <p>Copyright 2026 Adventure Journal. Dana Point, California.</p>
  </div>
</footer>

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/aj-child-theme/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<style>
.nav-search-btn {
    background: none; border: none; cursor: pointer;
    padding: 0 4px; display: flex; align-items: center;
    color: rgba(245,240,232,0.75); transition: color 0.2s;
    margin-right: 4px;
}
.nav-search-btn:hover { color: #F5F0E8; }
.nav-search-btn svg {
    width: 17px; height: 17px;
    stroke: currentColor; fill: none; stroke-width: 2;
}
.nav-search-overlay {
    display: none; position: fixed;
    top: 56px; left: 0; right: 0; z-index: 99999;
    background: #1C1C1A;
    border-top: 1px solid rgba(245,240,232,0.1);
    border-bottom: 3px solid #DE761C;
}
.nav-search-overlay.is-open { display: block; }
.nav-search-form {
    max-width: 960px; margin: 0 auto;
    display: flex; align-items: center;
    padding: 0 40px; height: 64px;
}
.nav-search-input {
    flex: 1; background: transparent; border: none;
    font-family: chaparral-pro, Georgia, serif; font-style: italic;
    font-size: 20px; color: #F5F0E8; outline: none; padding: 0;
}
.nav-search-input::placeholder { color: rgba(245,240,232,0.3); }
.nav-search-submit {
    font-family: proxima-nova-condensed, sans-serif; font-weight: 700;
    font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
    background: #DE761C; color: #F5F0E8; border: none;
    cursor: pointer; padding: 10px 20px; white-space: nowrap;
    transition: background 0.2s; margin-left: 16px;
}
.nav-search-submit:hover { background: #BF4C20; }
.nav-search-close {
    background: none; border: none; cursor: pointer;
    color: rgba(245,240,232,0.4); font-size: 24px;
    padding: 0 0 0 20px; line-height: 1; transition: color 0.2s;
}
.nav-search-close:hover { color: #F5F0E8; }
</style>

<div class="nav-search-overlay" id="aj-search-overlay" role="search">
  <form class="nav-search-form" action="https://www.adventure-journal.com/" method="get">
    <input class="nav-search-input" type="search" name="s"
           id="aj-search-input"
           value=""
           placeholder="Search 2,600+ stories — author, place, subject…"
           autocomplete="off" />
    <button class="nav-search-submit" type="submit">Search</button>
    <button class="nav-search-close" type="button" id="aj-search-close" aria-label="Close">&#215;</button>
  </form>
</div>

<script>
(function() {
    var overlay  = document.getElementById('aj-search-overlay');
    var input    = document.getElementById('aj-search-input');
    var closeBtn = document.getElementById('aj-search-close');

    // Inject Account, Search icon, and Cart into whichever nav variant exists
    // Handles: .nav-links (landing pages), .aj-nav-links (magazine posts), .fn-nav-links (Field Notes posts)
    var navLinks = document.querySelector('.nav-links') || document.querySelector('.aj-nav-links') || document.querySelector('.fn-nav-links');
    if ( navLinks ) {
        var subscribeLi = Array.from( navLinks.querySelectorAll('li') ).find( function(li) {
            return li.querySelector('.nav-subscribe, .aj-nav-subscribe, .fn-nav-subscribe, a[href*="subscribe"]');
        });

        // 1. Add Account/Log In link if missing
        var hasAccount = Array.from( navLinks.querySelectorAll('a') ).some( function(a) {
            return a.href.indexOf('account') > -1 || a.textContent.trim() === 'Log In' || a.textContent.trim() === 'Account';
        });
        if ( !hasAccount && subscribeLi ) {
            var isLoggedIn = false;
            var acctLi = document.createElement('li');
            acctLi.innerHTML = '<a href="/my-account/">' + (isLoggedIn ? 'Account' : 'Log In') + '</a>';
            navLinks.insertBefore( acctLi, subscribeLi );
        }

        // 2. Insert search icon before Subscribe
        var hasSearch = document.getElementById('aj-search-trigger');
        if ( !hasSearch && subscribeLi ) {
            var searchLi = document.createElement('li');
            searchLi.innerHTML = '<button class="nav-search-btn" id="aj-search-trigger" aria-label="Search" type="button"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="22" y2="22"/></svg></button>';
            navLinks.insertBefore( searchLi, subscribeLi );
        }

        // 3. Place cart immediately before Subscribe (match site header), or create one if missing
        if ( subscribeLi ) {
            var cartLi = Array.from( navLinks.querySelectorAll('li') ).find( function(li) {
                return li.querySelector('.nav-cart, a[href*="/cart"], .cart-contents, .cart-icon') ||
                       li.classList.contains('menu-item-type-cart') ||
                       (li.querySelector('a') && li.querySelector('a').href && li.querySelector('a').href.indexOf('/cart') > -1) ||
                       li.querySelector('svg.icon-cart, .shopping-cart, .wc-cart');
            });
            if ( cartLi ) {
                // Move existing cart to immediately before Subscribe
                if ( cartLi.nextSibling !== subscribeLi ) {
                    navLinks.insertBefore( cartLi, subscribeLi );
                }
            } else {
                // Create cart icon with dynamic badge
                var newCartLi = document.createElement('li');
                newCartLi.innerHTML = '<a href="/cart/" style="display:flex;align-items:center;position:relative;padding:0!important;background:none!important;opacity:0.75!important;" aria-label="Cart"><svg viewBox="0 0 24 24" style="width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;"><path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 01-8 0"/></svg><span id="aj-cart-badge" style="position:absolute;top:-6px;right:-8px;width:16px;height:16px;background:#DE761C;border-radius:50%;font-family:proxima-nova-condensed,sans-serif;font-size:9px;font-weight:700;color:#fff;display:none;align-items:center;justify-content:center;line-height:1;"></span></a>';
                navLinks.insertBefore( newCartLi, subscribeLi );
                // Fetch cart count
                fetch('/wp-json/wc/store/v1/cart', { credentials: 'same-origin' })
                    .then(function(r) { return r.json(); })
                    .then(function(data) {
                        var count = data.items_count || 0;
                        var badge = document.getElementById('aj-cart-badge');
                        if ( badge && count > 0 ) {
                            badge.textContent = count;
                            badge.style.display = 'flex';
                        }
                    })
                    .catch(function() {});
            }
        }
    }

    // Open
    document.addEventListener('click', function(e) {
        var trigger = e.target.closest('#aj-search-trigger');
        if ( trigger ) {
            overlay.classList.add('is-open');
            setTimeout(function() { input.focus(); }, 50);
        }
    });

    // Close button
    if ( closeBtn ) {
        closeBtn.addEventListener('click', function() {
            overlay.classList.remove('is-open');
        });
    }

    // Close on Escape
    document.addEventListener('keydown', function(e) {
        if ( e.key === 'Escape' ) overlay.classList.remove('is-open');
    });

    // Close on outside click
    document.addEventListener('click', function(e) {
        if ( overlay.classList.contains('is-open') &&
             !overlay.contains(e.target) &&
             !e.target.closest('#aj-search-trigger') ) {
            overlay.classList.remove('is-open');
        }
    });
})();
</script>
<script id="generate-a11y">
!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}();
</script>
</body>
</html>