@font-face {
  font-family:'Shadows Into Light';font-style:normal;font-weight:400;font-display:swap;
  src:url('./fonts/shadows-into-light/latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family:'Shadows Into Light';font-style:normal;font-weight:400;font-display:swap;
  src:url('./fonts/shadows-into-light/latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* One open directory strip, with the same current-page mark as pagination. */
.navigation-icon { display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle; }
.navigation-link,.navigation-label { display:inline-flex;align-items:center;gap:7px; }
.site-sheet { overflow-x:clip; }
.site-sheet .site-nav { height:44px;padding-inline:12px;background:var(--shell-recess); }
.site-sheet .site-nav a { min-width:0;min-height:44px;border:0;font-size:12px;background:transparent;transition:color .18s; }
.site-sheet .site-nav a:hover,.site-sheet .site-nav a[aria-current=page]:hover { background:transparent;color:#ff6a73; }
.site-sheet .site-nav a[aria-current=page] { color:var(--ink);background:transparent;box-shadow:none; }
.site-sheet .site-nav a[aria-current=page]::after { content:'';position:absolute;left:50%;bottom:3px;width:28px;height:2px;transform:translateX(-50%);background:var(--red); }
.site-sheet .site-nav a:focus-visible { outline-offset:-4px; }

/* Arrows and page numbers share one rhythm instead of three disconnected blocks. */
.site-sheet :is(.blog-pagination,.xb-pagination) { display:flex;justify-content:center;align-items:center;gap:4px;margin-top:24px;padding-top:0;border-top:0;font:500 14px/1 var(--sans); }
.site-sheet .blog-pagination { flex-wrap:nowrap; }
.site-sheet .blog-page-numbers { position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:4px;min-width:0;max-width:calc(100% - 96px);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none; }
.site-sheet .blog-page-numbers::-webkit-scrollbar { display:none; }
.site-sheet .xb-page-buttons { display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:4px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none; }
.site-sheet .xb-result-count { display:none; }
.site-sheet :is(.blog-pagination,.xb-pagination) :is(a,button,span[aria-disabled]) {
  position:relative;display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;padding:0;
  border:0;border-radius:0;background:transparent;color:#c4bfb6;font:500 14px/1 var(--sans);
  text-align:center;transition:color .18s,background .18s;
}
.site-sheet :is(.blog-pagination,.xb-pagination) :is(a,button):hover { color:var(--ink);background:#e8dec308; }
.site-sheet :is(.blog-pagination,.xb-pagination) :is(a,button)[aria-current=page] { background:transparent;border:0;color:#ff5b68;font-weight:700; }
.site-sheet :is(.blog-pagination,.xb-pagination) :is(a,button)[aria-current=page]::after { content:'';position:absolute;bottom:4px;left:50%;width:20px;height:2px;transform:translateX(-50%);background:var(--red); }
.site-sheet :is(.blog-pagination,.xb-pagination) :is(a,button,span[aria-disabled])>svg { display:block;width:22px;height:22px; }
.site-sheet :is(.blog-pagination,.xb-pagination) :is(button:disabled,span[aria-disabled]) { color:#77726a;opacity:.45;cursor:default;background:transparent; }
.site-sheet :is(.blog-pagination,.xb-pagination) :is(a,button):focus-visible { outline-offset:-3px; }
.site-sheet :is(.blog-page-numbers,.xb-page-buttons)>span:not([aria-disabled]) { display:grid;place-items:center;min-width:16px;min-height:44px;color:var(--muted); }
.site-sheet .site-footer { align-items:center; }
.site-copyright { display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap; }
.site-footer .copyright-name { font:400 16px/1.4 'Shadows Into Light','Segoe Print',cursive;letter-spacing:.015em;color:#c6c0b6; }

.exploration-sheet :is(.xl-menu,.xl-variant-nav) a { border-right:0; }
.exploration-sheet .xl-menu a { min-height:44px; }
.exploration-sheet .xl-variant-nav a { min-height:44px; }
@media(max-width:360px) { .site-sheet .site-nav { padding-inline:7px; } }
@media(prefers-reduced-motion:reduce) { .site-sheet :is(.site-nav a,.blog-pagination a,.xb-page-buttons button) { transition:none; } }