/* Li Richards — shared site styles (v4.1)
   1. Self-hosted fonts (no Google Fonts request, works offline)
   2. Sticky top bar on every inner page
   3. Responsive rules so every page adapts to phone / tablet / laptop / desktop */

/* ---------- 1. Fonts (SIL OFL 1.1 — see fonts/LICENSE.txt) ---------- */
@font-face{font-family:'Fredoka';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(fonts/fredoka-latin-var.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}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300 800;font-display:swap;
  src:url(fonts/open-sans-latin-var.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}

/* ---------- 2. Frozen top bar (Home / Blog / Games / About) ---------- */
.lr-header{position:sticky;top:0;z-index:50}

/* ---------- 3. Back links (All Essays / All Games) ---------- */
.lr-back{display:inline-block;padding:6px 0}
.lr-back:hover{text-decoration:underline !important}

/* ---------- 4. Responsive ---------- */
img{max-width:100%}

@media (max-width:900px){                 /* tablets */
  .lr-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:640px){                 /* phones */
  .lr-wrap{padding-left:20px !important;padding-right:20px !important}
  .lr-grid{grid-template-columns:minmax(0,1fr) !important}
  .lr-nav{gap:16px !important}
  .lr-nav-link{font-size:13px}
}
@media (max-width:360px){                 /* very small phones */
  .lr-wrap{padding-left:14px !important;padding-right:14px !important}
  .lr-nav{gap:11px !important}
}