/* Le Cyri-Lien — base.css */
:root {
  --bg:#fafbf8; --panel:#fff; --panel-2:#f0f5f1;
  --text:#24332e; --muted:#52645d; --accent:#fe9345;
  --blue:#a3c1ce; --green:#759086; --lime:#b8c635;
  --lime-light:#ccd682; --border:#dbe5de;
  --radius:18px; --shadow:0 12px 32px rgba(36,51,46,.08);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --container:1160px;
}
html {scroll-behavior:smooth}
body {margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.6 var(--sans)}
a {color:inherit;text-decoration:none} a:hover {text-decoration:underline}
button,select {cursor:pointer}
.container {width:min(var(--container),calc(100% - 2.5rem));margin-inline:auto}
.skip-link {position:absolute;top:-100px;left:1rem;z-index:10000;padding:.7rem 1rem;background:var(--accent);color:#1b211d;border-radius:8px}
.skip-link:focus {top:1rem} :focus-visible {outline:3px solid var(--accent);outline-offset:3px}
.section {padding:3rem 0} .section-alt {background:var(--panel-2);border-block:1px solid var(--border)}
.section-head {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.8rem 1.5rem;margin-bottom:1.5rem}
.section-title,.page-head h1 {margin:0;font:700 clamp(1.6rem,3vw,2.25rem)/1.2 var(--serif)}
.section-link {color:#42685a;font-weight:700} .section-link:hover {color:#9c4d13}
.page {min-height:60vh} .page-head {padding:1rem 0 .7rem}
.page-lead,.muted {color:var(--muted)} .page-lead {margin:.45rem 0 0}
.panel {padding:clamp(1rem,2vw,1.6rem);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}