/* Restowner — Ressources (blog) shared styles. Matches the marketing landing:
   warm editorial palette, Georgia display + system sans body. */
:root{
  --paper:#f6f0e8; --surface:#fffdfb; --ink:#2a1016; --wine:#5c0725;
  --gold:#b5701a; --herb:#2f5d43; --line:#e9dbdf; --mut:#6a5a4a; --soft:#8a7862;
  --maxw:720px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:18px; line-height:1.7;
}
a{color:var(--wine); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

/* Header */
.site-head{
  background:var(--surface); border-bottom:1px solid var(--line);
  position:sticky; top:0; z-index:10;
}
.site-head .wrap{max-width:1040px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-family:Georgia,serif;font-weight:700;font-size:1.28rem;color:var(--wine);letter-spacing:.01em}
.brand span{color:var(--ink)}
.head-cta{font-size:.92rem;font-weight:700;background:var(--wine);color:#fff;padding:9px 16px;border-radius:999px}
.head-cta:hover{background:#470519;text-decoration:none}
.head-nav a{color:var(--mut);font-weight:600;font-size:.92rem;margin-right:18px}
.head-lang{display:inline-flex;gap:2px;margin-right:16px;border:1px solid var(--line);border-radius:8px;padding:2px}
.head-lang a{margin:0;padding:4px 8px;border-radius:6px;font-size:.76rem;font-weight:800;color:var(--soft)}
.head-lang a:hover{color:var(--wine);text-decoration:none}
.head-lang a.on{background:var(--wine);color:#fff}

/* Article */
.article{max-width:var(--maxw);margin:0 auto;padding:38px 22px 20px}
.crumbs{font-size:.82rem;color:var(--soft);margin-bottom:18px}
.crumbs a{color:var(--soft)}
.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
h1{font-family:Georgia,serif;font-weight:700;font-size:2.35rem;line-height:1.15;margin:0 0 14px;color:var(--ink);text-wrap:balance}
.meta{font-size:.86rem;color:var(--soft);margin:0 0 26px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.meta .dot{opacity:.5}
.lead{font-size:1.22rem;line-height:1.6;color:var(--mut);margin:0 0 30px}
.article h2{font-family:Georgia,serif;font-weight:700;font-size:1.55rem;line-height:1.25;margin:38px 0 12px;color:var(--ink);text-wrap:balance}
.article h3{font-size:1.15rem;font-weight:800;margin:26px 0 8px;color:var(--ink)}
.article p{margin:0 0 18px}
.article ul,.article ol{margin:0 0 20px;padding-left:22px}
.article li{margin:0 0 9px}
.article strong{color:var(--ink)}
blockquote{margin:26px 0;padding:14px 20px;border-left:4px solid var(--gold);background:var(--surface);border-radius:0 12px 12px 0;color:var(--mut);font-size:1.05rem}
.tldr{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:0 0 32px}
.tldr b{display:block;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--herb);margin-bottom:8px}
.tldr ul{margin:0;padding-left:20px}

/* CTA box */
.cta-box{
  background:linear-gradient(135deg,#5c0725,#7a1038); color:#fff;
  border-radius:18px; padding:26px 26px; margin:38px 0; text-align:center;
}
.cta-box h3{font-family:Georgia,serif;color:#fff;font-size:1.4rem;margin:0 0 8px}
.cta-box p{color:#f3dbe3;margin:0 0 16px}
.cta-box .btn{display:inline-block;background:#fff;color:var(--wine);font-weight:800;padding:12px 26px;border-radius:999px}
.cta-box .btn:hover{background:#ffeef4;text-decoration:none}

/* Related + footer */
.related{max-width:var(--maxw);margin:20px auto 0;padding:0 22px 10px}
.related h2{font-family:Georgia,serif;font-size:1.25rem;margin:0 0 14px}
.related-grid{display:grid;gap:14px;grid-template-columns:1fr}
.rcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:block}
.rcard:hover{border-color:var(--gold);text-decoration:none}
.rcard b{display:block;color:var(--ink);font-size:1.02rem;margin-bottom:4px}
.rcard span{color:var(--mut);font-size:.9rem}
.site-foot{border-top:1px solid var(--line);margin-top:44px;background:var(--surface)}
.site-foot .wrap{max-width:1040px;margin:0 auto;padding:26px 22px;color:var(--soft);font-size:.86rem;display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}
.site-foot a{color:var(--mut)}

/* Blog index */
.hero{max-width:820px;margin:0 auto;padding:52px 22px 12px;text-align:center}
.hero h1{font-size:2.6rem}
.hero p{font-size:1.18rem;color:var(--mut);max-width:600px;margin:0 auto}
.posts{max-width:920px;margin:26px auto 0;padding:0 22px;display:grid;gap:18px;grid-template-columns:1fr}
.post-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 24px;display:block}
.post-card:hover{border-color:var(--gold);text-decoration:none;box-shadow:0 10px 30px rgba(92,7,37,.07)}
.post-card .eyebrow{margin-bottom:8px}
.post-card h2{font-family:Georgia,serif;font-size:1.4rem;color:var(--ink);margin:0 0 8px;line-height:1.2}
.post-card p{color:var(--mut);margin:0 0 10px;font-size:1rem}
.post-card .more{color:var(--wine);font-weight:700;font-size:.92rem}

@media(min-width:720px){
  .related-grid{grid-template-columns:1fr 1fr}
  .posts{grid-template-columns:1fr 1fr}
  h1{font-size:2.8rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}