/* pages.css — boudhanath.com. Styles for the Phase 2 pages and labels (Task 005).
   Uses the colour tokens defined in app.css. No inline styles anywhere (CSP). */

/* evidence summary line (DEC-0036) */
.evidence-summary { font-size: .8rem; font-style: italic; color: var(--slate); margin: 0 0 18px; }
.info-strip .evidence-summary { color: rgba(245,239,224,.72); margin: -6px 0 22px; }

/* report link */
.report-error { margin: 28px 0 8px; font-size: .85rem; }
.report-error a { color: var(--burgundy); }
.main-wrap > .report-error, main > .report-error { text-align: center; }

/* home cards: the name links to the place page */
.card h3 a.card-name { color: inherit; text-decoration: none; }
.card h3 a.card-name:hover, .card h3 a.card-name:focus { text-decoration: underline; }

/* subpages: header and breadcrumb */
.page-top { background: var(--ink); padding: 16px 48px; }
.page-top a { color: var(--parchment); text-decoration: none; font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; }
/* app.css styles every <nav> as the dark home menu bar; the breadcrumb is a plain line */
nav.breadcrumb { display: block; background: none; height: auto; position: static; z-index: auto;
  max-width: 1320px; margin: 0 auto; padding: 18px 48px 0; font-size: .78rem; color: var(--slate); }
.breadcrumb a { color: var(--burgundy); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.crumb-sep { margin: 0 4px; color: var(--slate); }
.subpage .main-wrap { padding-top: 24px; }

/* place and category pages */
.place-name { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.1; color: var(--ink); margin: 0 0 6px; }
.place-cat { text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; color: var(--saffron); margin: 0 0 14px; }
.place-section { margin: 0 0 26px; max-width: 760px; }
.place-section h2 { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 1.35rem; color: var(--ink); margin: 0 0 8px; }
.place-desc p { font-size: 1.05rem; line-height: 1.65; }
.place-section a:not(.map-pill) { color: var(--burgundy); word-break: break-word; }
.ev-label { display: inline-block; margin-left: 6px; font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; color: var(--saffron); vertical-align: middle; }
.ev-disputed { color: var(--prayer-red); }
.opinion { font-style: italic; opacity: .75; }

/* "About this information" (DEC-0036): a <details> element, no script */
.about-info { max-width: 760px; margin: 34px 0 10px; border-top: 1px solid var(--parchment-dark); padding-top: 14px; font-size: .85rem; }
.about-info summary { cursor: pointer; color: var(--burgundy); }
.about-info dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 12px 0 0; }
.about-info dt { color: var(--ink-soft); }
.about-info dd { margin: 0; color: var(--slate); }

/* category pages */
.cat-figure { margin: 6px 0 18px; }
.cat-figure img { width: 100%; max-height: 300px; object-fit: cover; display: block; border-radius: 2px; }
.cat-figure figcaption { font-size: .7rem; color: var(--slate); margin-top: 6px; }

@media (max-width: 768px) {
  .page-top { padding: 14px 20px; }
  nav.breadcrumb { padding: 14px 20px 0; }
  .about-info dl { grid-template-columns: 1fr; gap: 2px; }
  .about-info dd { margin-bottom: 8px; }
}