/* Shared stylesheet for Emily's apprenticeship site.
   Source of truth: assets/style.css  ->  copied to site/assets/style.css by ./build.
   One stylesheet for every generated page so the whole site looks like one thing. */

body{font-family:system-ui,sans-serif;max-width:44em;margin:0 auto 4em;padding:0 1.2em;line-height:1.55;color:#222}
a{color:#9b3fae}
h1{margin-top:1.8em;color:#333;border-bottom:2px solid #333;padding-bottom:.2em}
h2{margin-top:1.6em;color:#5b2a86}
h3{margin-top:1.2em;color:#7a3a92}
code{background:#f4f4f4;border-radius:4px;color:#222;padding:.1em .35em}
pre{background:#f4f4f4;border-radius:6px;color:#222;padding:.8em 1em;overflow-x:auto}
pre code{background:none;padding:0}
hr{border:none;border-top:1px solid #ddd;margin:2.4em 0}
blockquote{margin:1.2em 0;padding:.6em 1.2em;border-left:4px solid #9b3fae;background:#faf4fc;border-radius:0 8px 8px 0}
blockquote p{margin:.3em 0}
ul,ol{padding-left:1.4em}
li{margin:.3em 0}
table{border-collapse:collapse;width:100%;margin:1.2em 0}
th,td{border:1px solid #ddd;padding:.45em .7em;text-align:left;vertical-align:top}
th{background:#f6eefb;color:#5b2a86}

/* Top navigation — Home / Charter / Handbook / Notebook */
nav.site{margin:1.1em 0 0;font-size:.95em}
nav.site a{margin-right:1.2em;text-decoration:none}
nav.site a.active{font-weight:700;text-decoration:underline}

/* Gradient banner (Charter / Handbook / Notebook index) */
.banner{margin:2em -1.2em;padding:2.4em 1.2em;border-radius:18px;
  background:linear-gradient(135deg,#5b2a86 0%,#9b3fae 45%,#e0517a 100%);color:#fff;text-align:center}
.banner h1{border:none;color:#fff;margin:0;font-size:1.9em}
.banner .ver{opacity:.9;margin:.4em 0 0;font-size:1.05em;letter-spacing:.02em}
.banner .motto{margin:1.2em 0 0;font-style:italic;font-size:1.1em;opacity:.95}
.banner .sub{margin:1.1em 0 0;opacity:.92}
.cta{display:inline-block;margin-top:1.4em;padding:.55em 1.1em;border-radius:999px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;font-weight:600}
.cta:hover{background:rgba(255,255,255,.3)}

/* Handbook phase outcome callouts */
.outcome{background:#f3ecf7;border-left:4px solid #9b3fae;padding:.5em 1em;margin:.6em 0 1.4em;border-radius:0 8px 8px 0}

/* Notebook entry header (lighter than the gradient banner) */
.entry-head{margin:1.4em 0 1.6em;padding-bottom:1em;border-bottom:2px solid #eee}
.entry-head h1{border:none;margin:0 0 .3em}
.entry-meta{color:#666;font-size:.95em;margin:.2em 0}
.entry-meta .status{display:inline-block;padding:.05em .55em;border-radius:999px;background:#f3ecf7;color:#5b2a86;font-weight:600}

/* Notebook index entry list */
.entries{list-style:none;padding:0;margin:1.4em 0}
.entries li{margin:0 0 1em;padding:.9em 1.1em;border:1px solid #eee;border-radius:12px}
.entries a{font-weight:600;text-decoration:none;font-size:1.08em}
.entries .date{color:#888;font-size:.9em;margin-right:.6em;font-variant-numeric:tabular-nums}
.entries .mission{color:#555;margin:.3em 0 0}
.empty{color:#777;font-style:italic}

footer{margin-top:2.4em;text-align:center;opacity:.6;font-size:.9em}