/* Custom typography and layout tweaks for Learn with Akhilesh Gururani
 * This file is loaded automatically by the Relearn theme when placed in assets/css/custom.css.
 * Goal: make the Learn site feel closer to the PaperMod blog while keeping Relearn structure.
 */

/* Base font stack similar to PaperMod (system UI sans-serif) */
html,
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

/* Main content area typography */
.relearn-content p,
.relearn-article p {
  margin-bottom: 0.8rem;
}

/* Headings: remove all-caps feel, tighten sizing */
.relearn-content h1,
.relearn-article h1,
h1 {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600;
}

.relearn-content h2,
.relearn-article h2,
h2 {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600;
  font-size: 1.35rem;
  margin-top: 2.2rem;
}

.relearn-content h3,
.relearn-article h3,
h3 {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600;
  font-size: 1.1rem;
}

/* Sidebar: slightly smaller font, no forced caps in titles */
#sidebar {
  font-size: 0.95rem;
}

#sidebar .title,
#sidebar .logo,
#sidebar .nav-title {
  text-transform: none !important;
  letter-spacing: 0 !important;
}