/* ===== Color palette =====
   sage green: #8b9677
   charcoal:  #28282B
   off-white: #faf9f6
*/

/* Page background fills the full viewport */
body {
  background-color: #8b9677;
  color: #faf9f6;
}

/* Main content panel (right side) */
section {
  background-color: #faf9f6;
  color: #28282B;
  padding: 2rem;
  border-radius: 8px;
}

/* Links in the main content */
section a {
  color: #8b9677;
}

section a:hover {
  color: #8b9677;
}

/* Header: keep it transparent so the mauve body shows through */
header {
  background: transparent;
}

/* Header text + links should be dark so they’re readable on mauve */
header h1,
header h1 a,
header p,
header a,
header p.view a {
  color: #faf9f6;
}

/* Optional: remove underline in header links, keep in content */
header a {
  text-decoration: none;
}

header a:hover {
  text-decoration: underline;
}

/* Prevent header links from turning blue on hover */
header a,
header a:hover,
header a:visited,
header a:active {
  color: inherit;
}

/* Main content links: underline on hover, no bold */
section a {
  text-decoration: none;
  font-weight: inherit;
}

section a:hover {
  text-decoration: underline;
  font-weight: inherit;
}

/* Sidebar-style navigation under header */
.sidebar-nav {
  margin-top: 1.5rem;
}

.sidebar-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-nav li {
  margin-bottom: 0.5rem;
}

.sidebar-nav a {
  color: #faf9f6;        /* header text color */
  text-decoration: none;
  font-weight: 500;
}

.sidebar-nav a:hover {
  text-decoration: underline;
}

/* Responsive Google Calendar embed */
.calendar-embed {
  width: 100%;
}

/* Google Calendar embed styling */
.calendar-embed {
  width: 100%;
  border: 3px solid #8FAF9A;   /* sage green */
  border-radius: 8px;
  overflow: hidden;
  background: #faf9f6;
}

.calendar-embed iframe {
  width: 100%;
  height: 25vh;
  min-height: 300px;
  border: 0;                   /* remove default iframe border */
}