/* Minimal, readable stylesheet for civic documents */
:root{
  --bg: #f7f7f7;
  --card: #ffffff;
  --text: #161616;
  --muted: #555;
  --accent: #2b5;
  --border: #e1e1e1;

  /* Theme */
  --bar: #cba26a;          /* warm parchment for top bar */
  --bar-text: #2e2415;     /* readable dark text on parchment */
  --btn: #3a506b;          /* complementary blue for buttons */
  --btn-90: #3d5a5ae6;     /* 90% opacity (10% transparent) */
}
:root.dark{
  --bg: #0f1115;
  --card: #13161c;
  --text: #eaeaea;
  --muted: #a0a0a0;
  --accent: #4cd;
  --border: #222834;
}
*{box-sizing:border-box}

/* Base */
html,body{
  margin:0;
  padding:0;
  background-color:#1e140c;  /* fallback tone behind image */
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  line-height:1.55;
}

/* Robust background with multiple filename fallbacks.
   The first one that exists will render. */
body{
  background:
    /* primary */
    url("./assets/aged_manuscript_background.png") center center / cover no-repeat fixed,
    /* fallback 1 */
    url("./assets/parchment_background_1920x1200.png") center center / cover no-repeat fixed,
    /* fallback 2 (leave if you kept the long filename) */
    url("./assets/A_digital_painting_depicts_an_aged_parchment_scrol.png") center center / cover no-repeat fixed,
    /* color base (last layer) */
    #1e140c;
}

/* On tall/narrow screens keep the entire image visible (avoid cropping candle/quill) */
@media (max-aspect-ratio: 3/4){
  body{
    background:
      url("./assets/aged_manuscript_background.png") center top / contain no-repeat fixed,
      url("./assets/parchment_background_1920x1200.png") center top / contain no-repeat fixed,
      url("./assets/A_digital_painting_depicts_an_aged_parchment_scrol.png") center top / contain no-repeat fixed,
      #1e140c;
  }
}

/* Layout wrapper */
.wrap{max-width:900px;margin:0 auto;padding:0 1rem}

/* Top bar: warm parchment */
.site-header{
  background:var(--bar);
  color:var(--bar-text);
  border-bottom:1px solid #d8c9a1;
  position:sticky;
  top:0;
  z-index:10;
}
.site-header .wrap{display:flex;flex-direction:column;padding:1rem 1rem 0.75rem 1rem}
h1{margin:0;font-size:2rem}
.tagline{margin:.25rem 0 0.5rem 0;color:var(--bar-text)}

/* Buttons (10% transparent until hover) */
.top-nav{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:.5rem}
.top-nav a,
.top-nav button{
  /* normalize across <a> and <button> */
  appearance:none;
  -webkit-appearance:none;
  font: inherit;
  line-height: 1;                 /* stop UA line-height differences */
  display:inline-flex;            /* consistent box model */
  align-items:center;
  justify-content:center;

  /* sizing */
  padding:.5rem 1.2rem;           /* your ~15% smaller size */
  min-height: 2.4rem;             /* force equal vertical height */
  border-radius:999px;

  /* visuals */
  color:#fff;
  text-decoration:none;
  border:1px solid #244566;
  background:var(--btn-90);
  cursor:pointer;
  transition:background-color .2s ease, transform .05s ease;
  font-size:0.95em;
}
.top-nav a:hover,
.top-nav button:hover{ background:var(--btn); }
.top-nav a:active,
.top-nav button:active{ transform:translateY(1px); }

.notice{background:var(--card);border:1px solid var(--border);padding:0.75rem;border-radius:12px;margin:1rem 0}

main section{margin:1.25rem 0;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:12px}
h2{margin-top:0}

.clause{padding:.5rem 0;border-top:1px dashed var(--border)}
.clause:first-of-type{border-top:0}
.clause h3{display:flex;align-items:center;gap:.5rem;justify-content:space-between;margin:0 0 .25rem 0}
.clause .anchor{font:inherit;border:1px solid var(--border);background:var(--card);padding:.15rem .45rem;border-radius:6px;cursor:pointer}

.muted{color:var(--muted)}
.site-footer{padding:2rem 0;color:var(--muted)}

/* Sticky-header anchor offset */
section, article { scroll-margin-top: 200px; }

/* Print-friendly (A4) */
@media print{
  @page { size: A4 portrait; margin: 12mm; }

  /* Hide UI chrome for paper */
  .site-header,
  .top-nav,
  .notice,
  #deployment,
  .site-footer { display: none !important; }

  /* NEW: hide expand/collapse controls and ¶ anchor buttons */
  .js-article-toggle,
  .anchor { display: none !important; }

  /* NEW: hide summaries so only the article bodies print */
  details.article > summary { display: none !important; }

  /* Remove the parchment background */
  body::before { display: none !important; }

  /* Paper-friendly layout */
  html, body { background: #fff !important; color: #000 !important; }
  .wrap { max-width: none; padding: 0; }
  main section {
    border: 0;
    background: #fff;
    box-shadow: none;
    break-inside: avoid;
    page-break-inside: avoid;
    margin: 0 0 10mm 0;
    padding: 0;
  }
}