/* Quillin' — shared shell styles (nav, footer, base). Single source for every page. */

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #f3ecdd; -webkit-font-smoothing: antialiased; font-family: 'Hanken Grotesk', sans-serif; color: #1b2233; }
a { color: inherit; text-decoration: none; }

.wrap { background: #f6efe1; max-width: 1320px; margin: 0 auto; box-shadow: 0 0 80px rgba(15,37,69,.08); min-height: 100vh; }

/* NAV */
nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 56px; border-bottom: 1px solid #e7ddc8;
  position: sticky; top: 0;
  background: rgba(246,239,225,.88); backdrop-filter: blur(8px); z-index: 20;
}
.nav-logo { display: flex; align-items: center; gap: 9px; }
.nav-logo img { width: 27px; height: 27px; object-fit: contain; }
.nav-logo span { font-family: 'Newsreader', serif; font-size: 28px; font-weight: 500; letter-spacing: .01em; color: #0f2545; }
.nav-logo .apos { color: #b8862b; font-family: 'IM Fell English', serif; }
.nav-logo .nav-beta {
  font-family: 'Hanken Grotesk', sans-serif; font-size: 9.5px; font-weight: 800;
  letter-spacing: .11em; text-transform: uppercase; color: #9c6f1c;
  background: #f3e6c8; border: 1px solid #e6d3a6; padding: 2px 8px;
  border-radius: 999px; margin-left: 4px; align-self: center; cursor: default;
}
.nav-links { display: flex; align-items: center; gap: 30px; font-size: 14.5px; color: #5a5346; font-weight: 500; }
.nav-links a:hover { color: #0f2545; }
.nav-links a.active { color: #0f2545; font-weight: 700; }
.btn-primary, .btn-nav {
  background: #0f2545; color: #f6efe1; padding: 10px 20px;
  border-radius: 8px; font-weight: 600; cursor: pointer; transition: background .15s;
}
.nav-links a.btn-primary:hover, .nav-links a.btn-nav:hover { background: #1a3560; color: #f6efe1; }

/* FOOTER */
footer {
  padding: 34px 56px; display: flex; justify-content: space-between; align-items: center;
  font-size: 13.5px; color: #8a8169; flex-wrap: wrap; gap: 16px;
  border-top: 1px solid #e7ddc8;
}
.footer-logo { font-family: 'Newsreader', serif; font-size: 22px; color: #0f2545; }
.footer-logo .apos { color: #b8862b; font-family: 'IM Fell English', serif; }
.footer-links { display: flex; gap: 22px; align-items: center; }
.footer-links a:hover { color: #0f2545; }