/* ============================================================
   Page back-link — sits at the top of every page so the visitor
   can return to wherever they came from. On L3 encyclopedia
   entries the template already emits this (.enc-breadcrumb with
   an up-link to L2 and a JS-populated "back to previous"); on
   every other page type (home, L2 landings, hub pages, tools,
   draft pages) this rule pairs with content/custom/js/page-back.js
   to inject the same link.

   Visual identity matches the existing .enc-breadcrumb styling
   so a visitor sees the same chrome on every page type.
   ============================================================ */
.page-back-nav {
    margin: 0 0 1rem;
    padding: 0;
    font-size: 0.92rem;
    line-height: 1.4;
}

.page-back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem 0.35rem 0.5rem;
    color: #2563eb;
    text-decoration: none;
    border-radius: 0.3rem;
    transition: background 0.12s ease, color 0.12s ease;
}
.page-back-link:hover,
.page-back-link:focus {
    background: rgba(37, 99, 235, 0.08);
    color: #1d4fcf;
    text-decoration: none;
}

[data-theme="dark"] .page-back-link { color: #60a5fa; }
[data-theme="dark"] .page-back-link:hover,
[data-theme="dark"] .page-back-link:focus {
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}