/* Compendium additions; designed to coexist with existing site.css */
:root{--comp-teal:#004d4f;--comp-mustard:#fdb73e;--comp-ink:#183837;--comp-muted:#526762;--comp-line:#d9dbd2;--comp-paper:#fffdf7}
.comp-wrap{max-width:1120px;margin:0 auto;padding:clamp(26px,5vw,60px) 22px 80px;color:var(--comp-ink)}
.comp-kicker{font:700 .76rem/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--comp-teal)}
.comp-wrap h1,.comp-wrap h2,.comp-wrap h3{font-family:Garamond,Georgia,serif;font-weight:500;color:var(--comp-teal)}
.comp-wrap h1{font-size:clamp(3rem,7vw,5.2rem);line-height:.98;margin:15px 0 20px}
.comp-lede{font-family:Garamond,Georgia,serif;font-size:clamp(1.3rem,2.1vw,1.6rem);max-width:790px;line-height:1.45;color:var(--comp-muted)}
.comp-nav{background:var(--comp-teal);color:#fff;padding:18px 22px;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;font-family:Arial,sans-serif}
.comp-nav a{color:#fff;text-decoration:none}.comp-nav a:hover{text-decoration:underline}.comp-nav strong{font-family:Garamond,Georgia,serif;font-size:1.35rem;letter-spacing:.03em}
.comp-nav-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:.88rem}
.comp-nav-links a[aria-current=page]{border-bottom:2px solid var(--comp-mustard);padding-bottom:4px}
.comp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}
.comp-card,.comp-panel{padding:26px;border:1px solid var(--comp-line);background:var(--comp-paper);min-width:0}
.comp-card h2{font-size:2.1rem;margin:2px 0 10px}.comp-card p{color:var(--comp-muted);line-height:1.55;margin:0 0 20px}
.comp-card a,.comp-anchor{color:var(--comp-teal);font-family:Arial,sans-serif;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.comp-eyebrow{font:700 .7rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--comp-muted)}
.comp-bar{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin:30px 0 18px}
.comp-bar label{font:700 .83rem Arial,sans-serif;color:var(--comp-ink);display:flex;flex-direction:column;gap:6px}
.comp-bar input,.comp-bar select{padding:11px 12px;border:1px solid #899a91;border-radius:2px;background:#fff;color:#182f2b;font:1rem Arial,sans-serif;min-width:150px}
.comp-bar input[type=search]{min-width:min(350px,85vw)}
.comp-stats{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.comp-stat{background:#e8ede8;padding:14px 19px;font:700 .84rem Arial,sans-serif}.comp-stat strong{font:500 1.75rem Garamond,serif;display:block;color:var(--comp-teal)}
.comp-table{width:100%;border-collapse:collapse;font: .93rem/1.45 Arial,sans-serif}.comp-table th{text-align:left;font-size:.77rem;text-transform:uppercase;letter-spacing:.07em;color:var(--comp-muted)}
.comp-table td,.comp-table th{border-bottom:1px solid var(--comp-line);padding:13px 10px;vertical-align:top}.comp-table tbody tr:hover{background:#f6f4eb}
.comp-table td:first-child strong{font-weight:700;color:var(--comp-teal)}.comp-muted{color:var(--comp-muted)}
.comp-pill{display:inline-block;border:1px solid var(--comp-line);border-radius:16px;padding:3px 9px;margin:2px 3px 2px 0;font: .72rem Arial,sans-serif}
.comp-essay{border-bottom:1px solid var(--comp-line);padding:27px 0}.comp-essay h2{margin:7px 0 11px;font-size:2.45rem}.comp-essay p{line-height:1.5;color:var(--comp-muted)}
.comp-note{padding:40px 28px;background:#f3f0e5;border:1px solid var(--comp-line);margin-top:30px}
.comp-reading{margin-top:40px}.comp-reading h2{font-size:2rem}.comp-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}
.comp-highlight{border:1px solid var(--comp-line);padding:15px;background:var(--comp-paper);font: .89rem/1.5 Arial,sans-serif}
.comp-highlight strong{display:block;color:var(--comp-teal);font:500 1.6rem Garamond,serif}
.comp-foot{padding:25px 22px;text-align:center;color:var(--comp-muted);font:.8rem Arial,sans-serif}
@media(max-width:680px){.comp-grid{grid-template-columns:1fr}.comp-table th:nth-child(4),.comp-table td:nth-child(4){display:none}.comp-wrap{padding:28px 14px}.comp-card{padding:20px}.comp-bar label{width:100%}.comp-bar input,.comp-bar select{width:100%}}

/* BEGIN COMPENDIUM CARD NAV PATCH */
/* This mirrors the mustard, outlined cards from the original Music landing page. */
.comp-home-page .comp-grid .comp-card {
  position: relative;
  background: transparent;
  border: 1px solid rgba(0, 77, 79, .34);
  border-radius: 4px;
  padding: clamp(22px, 3.2vw, 32px);
  color: var(--comp-ink);
  min-height: 235px;
  transition: border-color .12s ease, background-color .12s ease;
}
.comp-home-page .comp-grid .comp-card:hover,
.comp-home-page .comp-grid .comp-card:focus-within {
  border-color: var(--comp-teal);
  background: rgba(0, 77, 79, .035);
}
.comp-home-page .comp-grid .comp-card h2 {
  font-size: clamp(2.05rem, 3.3vw, 2.75rem);
  font-weight: 700;
  margin: 14px 0 18px;
  line-height: 1.1;
}
.comp-home-page .comp-grid .comp-card p {
  color: var(--comp-ink);
  font-size: 1.18rem;
  line-height: 1.52;
  margin-bottom: 22px;
}
.comp-home-page .comp-grid .comp-eyebrow {
  color: var(--comp-ink);
  font-size: .83rem;
}
.comp-home-page .comp-grid .comp-card a {
  color: var(--comp-teal);
  font-size: 1.13rem;
}
/* Use the existing visible link as a full-card target. */
.comp-home-page .comp-grid .comp-card a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.comp-home-page .comp-grid .comp-card a:focus-visible {
  outline: 3px solid var(--comp-teal);
  outline-offset: 4px;
}
/* Consistent Compendium identity and explicit return route on Books, Essays, Notes. */
.comp-nav { color: var(--comp-mustard); }
.comp-nav a { color: inherit; }
.comp-nav .comp-home-nav { font-weight: 700; }
.comp-nav-links { row-gap: 10px; }
@media (max-width: 680px) {
  .comp-home-page .comp-grid .comp-card { min-height: auto; }
}
/* END COMPENDIUM CARD NAV PATCH */