/* Lyre blog — static, crawlable, brand-matched (forest/amber, Fraunces + Libre Baskerville) */
:root{
  --forest:#0C1E0F; --forest2:#1E3A22; --green:#2D5A34; --amber:#C8841A;
  --cream:#F5EDDB; --paper:#FBF7EC; --ink:#23301f; --muted:#6f7a66; --border:#e4dcc7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--cream); color:var(--ink);
  font-family:"Libre Baskerville",Georgia,"Times New Roman",serif;
  font-size:19px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
a{color:var(--green); text-decoration:underline; text-underline-offset:2px}
a:hover{color:var(--amber)}
.wrap{max-width:720px; margin:0 auto; padding:0 22px}
header.site{background:var(--forest); padding:16px 0}
header.site .wrap{display:flex; align-items:center; justify-content:space-between}
header.site a{color:var(--cream); text-decoration:none; font-weight:700}
.brand{font-family:"Fraunces",Georgia,serif; font-size:22px; letter-spacing:.3px}
.nav a{margin-left:18px; font-size:15px; color:#cdd3c8}
.nav a:hover{color:var(--amber)}
main{padding:48px 0 24px}
h1{font-family:"Fraunces",Georgia,serif; font-weight:800; font-size:40px; line-height:1.15; color:var(--forest); margin:.2em 0 .3em}
h2{font-family:"Fraunces",Georgia,serif; font-weight:700; font-size:27px; color:var(--forest2); margin:1.6em 0 .4em}
h3{font-family:"Fraunces",Georgia,serif; font-weight:700; font-size:21px; color:var(--forest2); margin:1.3em 0 .3em}
.meta{color:var(--muted); font-size:15px; font-style:italic; margin-bottom:1.6em}
.lede{font-size:22px; line-height:1.55; color:var(--forest2)}
blockquote{border-left:3px solid var(--amber); margin:1.4em 0; padding:.2em 0 .2em 18px; color:var(--forest2); font-style:italic}
ol,ul{padding-left:1.2em}
li{margin:.4em 0}
hr{border:none; border-top:1px solid var(--border); margin:2.4em 0}
.cta{display:block; background:var(--green); color:#fff !important; text-decoration:none; text-align:center;
  font-family:"Fraunces",Georgia,serif; font-weight:700; font-size:20px; padding:16px 22px; border-radius:14px; margin:2em 0}
.cta:hover{background:var(--forest2); color:#fff !important}
.card{display:block; background:var(--paper); border:1px solid var(--border); border-radius:14px; padding:18px 20px; margin:14px 0; text-decoration:none; color:var(--ink)}
.card:hover{border-color:var(--amber)}
.card .t{font-family:"Fraunces",Georgia,serif; font-weight:700; font-size:21px; color:var(--forest); display:block}
.card .d{color:var(--muted); font-size:16px; margin-top:4px; display:block}
footer.site{border-top:1px solid var(--border); margin-top:40px; padding:28px 0 60px; color:var(--muted); font-size:15px}
footer.site a{color:var(--green)}
.rank{font-family:"Fraunces",Georgia,serif; color:var(--amber); font-weight:800}