/* samt-und-seide.com — vintage boudoir atelier theme
   Palette: wine #33417A, claret #33417A, cream #F5EFE2, gold #B08A3E, rose #6E665A */

:root {
  --indigo: #33417A;
  --indigo2: #33417A;
  --parchment: #F5EFE2;
  --gold: #B08A3E;
  --stone: #6E665A;
}

.philo-body {
  background-color: #F5EFE2;
  color: #2d1a1a;
  font-family: "Spectral", Georgia, serif;
  font-size: 17px;
  line-height: 1.7;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-main { flex: 1 0 auto; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Spectral", Georgia, serif;
  color: #33417A;
  line-height: 1.2;
}
h1 { font-size: 2.2rem; font-weight: 700; margin: 0.6em 0 0.5em; }
h2 { font-size: 1.7rem; font-weight: 600; margin: 1em 0 0.5em; }
h3 { font-size: 1.4rem; font-weight: 600; }

/* ── Masthead ───────────────────────────────────── */
.philo-masthead {
  background: #B08A3E;
  color: #33417A;
  border-bottom: 3px solid #33417A;
}
.site-brand { text-decoration: none; }
.brand-title {
  display: block;
  font-family: "Spectral", Georgia, serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #F5EFE2;
}
.brand-tagline {
  display: block;
  font-size: 0.85rem;
  font-style: italic;
  letter-spacing: 0.18em;
  color: #B08A3E;
  text-transform: uppercase;
}

/* ── Navigation ─────────────────────────────────── */
.philo-nav {
  background: #33417A;
  border-top: 1px solid rgba(196, 154, 74, 0.4);
}
.philo-nav .nav-toggle { color: #F5EFE2; }
.site-menu { list-style: none; margin: 0; padding: 0; }
.site-menu .nav-item { margin: 0; }
.site-menu .nav-link {
  display: block;
  color: #F5EFE2;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 8px 12px;
  text-decoration: none;
  cursor: pointer;
}
.site-menu .nav-link:hover { color: #B08A3E; }
.nav-details { position: relative; }
.nav-details summary::-webkit-details-marker { display: none; }
.nav-details summary { list-style: none; }
.nav-drop {
  list-style: none;
  margin: 0;
  padding: 6px 0;
  background: #F5EFE2;
  border: 1px solid #B08A3E;
  min-width: 220px;
}
@media (min-width: 1024px) {
  .nav-drop { position: absolute; left: 0; top: 100%; z-index: 50; }
}
.nav-drop-link {
  display: block;
  padding: 6px 14px;
  color: #33417A;
  font-size: 0.9rem;
  text-decoration: none;
}
.nav-drop-link:hover { color: #33417A; background: rgba(196, 154, 74, 0.15); }
.dd-arrow { font-size: 0.7em; color: #B08A3E; }

/* ── Breadcrumbs ────────────────────────────────── */
.breadcrumb-wrap { padding: 16px 0 0; color: #6E665A; }
.breadcrumb-wrap .breadcrumb { color: #6E665A; text-decoration: none; }
.breadcrumb-wrap a.breadcrumb:hover { color: #33417A; text-decoration: underline; }
.breadcrumb-wrap .is-current { color: #33417A; }
.crumb-sep { margin: 0 8px; color: #B08A3E; }

/* ── Content panel & prose ──────────────────────── */
.page-shell { padding: 28px 0 56px; }
.content-panel {
  background: #FFFFFF;
  border: 1px solid #B08A3E;
  padding: 32px 36px;
  margin-bottom: 32px;
}
.page-title { margin-top: 0; }

.site-prose a,
.site-block--paragraph a,
.site-list a,
.site-table a,
.card-excerpt a {
  color: #33417A;
  text-decoration: underline;
  text-decoration-color: rgba(196, 154, 74, 0.7);
  text-underline-offset: 3px;
}
.site-prose a:hover,
.site-block--paragraph a:hover,
.site-list a:hover,
.site-table a:hover { color: #33417A; text-decoration-color: #33417A; }

.site-figure { margin: 24px auto; text-align: center; }
.site-figure img,
.gallery-item img,
.content-main-image {
  max-width: 100%;
  height: auto;
  border: 1px solid #B08A3E;
  padding: 4px;
  background: #fff;
  display: inline-block;
}
.site-figure figcaption,
.gallery-item figcaption {
  font-style: italic;
  font-size: 0.85rem;
  color: #6E665A;
  padding-top: 6px;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 18px;
  margin: 24px 0;
}

.site-table { margin: 20px 0; }
.site-table table { background: #fff; border-collapse: collapse; width: 100%; }
.site-table td, .site-table th {
  border-bottom: 1px solid rgba(196, 154, 74, 0.35);
  padding: 10px 12px;
  vertical-align: top;
}
.site-table img { max-width: 140px; height: auto; }

blockquote {
  border-left: 4px solid #B08A3E;
  background: rgba(196, 154, 74, 0.08);
  padding: 12px 20px;
  font-style: italic;
  margin: 20px 0;
}

hr { border: none; border-top: 1px solid #B08A3E; margin: 28px 0; }

.site-list { list-style: disc; padding-left: 24px; margin: 16px 0; }
.site-list li { margin: 4px 0; }

/* ── Cards ──────────────────────────────────────── */
.archive-card {
  background: #FFFFFF;
  border: 1px solid #B08A3E;
  border-left: 4px solid #33417A;
  padding: 18px 22px;
  margin: 18px 0;
}
.archive-card .card-title { font-size: 1.25rem; margin: 0 0 8px; }
.archive-card .card-title a { color: #33417A; text-decoration: none; }
.archive-card .card-title a:hover { color: #33417A; text-decoration: underline; }
.archive-card .card-excerpt { color: #5d4040; margin: 0; font-size: 0.95rem; }

.category-card {
  background: #fff;
  border: 1px solid #B08A3E;
  display: flex;
  flex-direction: column;
}
.category-card .card-media img, .category-card .card-h-media img {
  width: 100%; height: auto; display: block;
  border-bottom: 1px solid #B08A3E;
}
.category-card .card-h-media img { height: 100%; object-fit: cover; border-bottom: none; border-right: 1px solid #B08A3E; }
.category-card .card-body { padding: 16px 18px; }
.category-card .card-title { font-size: 1.15rem; margin: 0 0 8px; }
.category-card .card-title a { color: #33417A; text-decoration: none; }
.category-card .card-title a:hover { color: #33417A; }
.category-card .read-more {
  display: inline-block;
  margin-top: 10px;
  color: #33417A;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-bottom: 1px solid #B08A3E;
  text-decoration: none;
}
.category-card .read-more:hover { color: #33417A; }
.category-card.card-style-minimal { border: none; border-left: 3px solid #33417A; background: transparent; }

/* ── Rail (chrome) ──────────────────────────────── */
.philo-rail {
  background: rgba(196, 154, 74, 0.1);
  border: 1px solid #B08A3E;
  padding: 16px;
}
.philo-rail .rail-link {
  color: #33417A;
  font-size: 0.92rem;
  padding: 7px 4px;
  border-bottom: 1px solid rgba(196, 154, 74, 0.4);
  text-decoration: none;
}
.philo-rail .rail-link:hover { color: #33417A; }

/* ── ToC / meta ─────────────────────────────────── */
.toc-panel {
  background: rgba(196, 154, 74, 0.1);
  border: 1px solid #B08A3E;
  padding: 14px 18px;
  margin-bottom: 20px;
  font-size: 0.92rem;
}
.toc-panel ul { margin: 8px 0 0; padding-left: 18px; }
.toc-panel a { color: #33417A; text-decoration: none; }
.toc-panel a:hover { text-decoration: underline; }
.toc-sticky { position: sticky; top: 16px; }

.meta-line { color: #6E665A; font-size: 0.85rem; letter-spacing: 0.04em; }
.meta-line time { margin-right: 16px; }
.lead {
  font-size: 1.12rem;
  font-style: italic;
  color: #5d4040;
  border-left: 3px solid #B08A3E;
  padding-left: 16px;
}
@media (min-width: 1024px) {
  .content-main-image { float: right; max-width: 33%; margin: 0 0 16px 24px; }
}

/* ── Outlinks ───────────────────────────────────── */
.source-outlinks { padding: 8px 0 24px; }
.source-outlinks ul { margin: 0; padding: 0; list-style: none; }
.source-outlinks li { display: inline-block; margin-right: 18px; }
.source-outlinks a { color: #33417A; text-decoration: underline; font-size: 0.9rem; }

/* ── Footer ─────────────────────────────────────── */
.philo-footer {
  background: #33417A;
  color: #e9d3c8;
}
.philo-footer .footer-brand {
  font-family: "Spectral", Georgia, serif;
  color: #B08A3E;
  font-size: 1.3rem;
  margin: 0 0 8px;
}
.philo-footer .footer-note { color: rgba(233, 211, 200, 0.7); }
.philo-footer .footer-links { list-style: none; margin: 0; padding: 0; }
.philo-footer .footer-links li { padding: 4px 0; }
.philo-footer .footer-links a { color: #e9d3c8; text-decoration: none; }
.philo-footer .footer-links a:hover { color: #B08A3E; }
.philo-footer .footer-copyright {
  background: rgba(0, 0, 0, 0.3);
  color: rgba(233, 211, 200, 0.6);
  font-size: 0.85rem;
}
.philo-footer .footer-copyright a { color: #B08A3E; text-decoration: none; }

/* ── Print ──────────────────────────────────────── */
@media print {
  .philo-nav, .philo-rail, .philo-footer, .breadcrumb-wrap { display: none; }
  .philo-body { background: #fff; color: #000; }
  .content-panel { border: none; padding: 0; }
}


/* Scholarly accents */
.content-panel { background: #FCF8EF; }
.philo-masthead { background: #33417A; }
.philo-nav { background: #2a3461; }
.site-prose a, .site-block--paragraph a { color: #33417A; }
.site-prose a:hover { color: #8C2F2A; }
.archive-card { border-left-color: #8C2F2A; }
blockquote { border-left-color: #B08A3E; color: #2A2622; font-style: italic; }
body.philo-body { color: #2A2622; line-height: 1.75; }