/* Styles for the pre-rendered HTML only; the SPA replaces #root on load with the live design. */
.pr-header{background:oklch(0.28 0.12 200);color:#fff;padding:14px 0}.pr-header .container{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.pr-header a{color:#fff;text-decoration:none;font-family:'Source Sans 3',sans-serif;font-size:14px}.pr-logo{font-family:'Playfair Display',serif;font-weight:700;font-size:20px!important;margin-right:auto}
.pr-header nav{display:flex;flex-wrap:wrap;gap:14px}
.pr-main{padding:40px 16px;max-width:820px;font-family:'Source Sans 3',sans-serif;color:#264653;line-height:1.7}
.pr-main h1{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:700;margin:.5em 0}.pr-main h2{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;margin:1.4em 0 .5em}
.pr-main h3{font-size:1.2rem;font-weight:700;margin:1.2em 0 .4em}.pr-main p{margin:.7em 0}.pr-main ul{list-style:disc;padding-left:1.4em}.pr-main ol{list-style:decimal;padding-left:1.4em}
.pr-main a{color:oklch(0.42 0.12 200);text-decoration:underline}.pr-main table{border-collapse:collapse;margin:1em 0;width:100%}.pr-main td,.pr-main th{border:1px solid #ddd;padding:6px 8px;text-align:left}
.pr-main aside{background:#f6f1e7;border-left:4px solid #E76F51;padding:10px 14px;margin:1em 0}.pr-hero{width:100%;border-radius:12px;margin:1em 0}.pr-crumbs,.pr-byline{font-size:13px;opacity:.75}
.pr-footer{background:oklch(0.22 0.10 200);color:rgba(255,255,255,.8);padding:30px 0;font-size:13px;font-family:'Source Sans 3',sans-serif}.pr-footer a{color:#fff;margin-right:14px}
