/* Shared blog/article styles — editorial warm theme. Matches the main site.
   Every post links to this file, so editing here restyles all posts at once. */
:root{
  --paper:#efebe3; --card:#f6f3ed; --ink:#1b1916; --ink-2:#3c3833;
  --soft:#5f594f; --muted:#938b7e; --line:#d7d0c3; --line-2:#c7bfae;
  --accent:#9a4724; --accent-soft:rgba(154,71,36,.10);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--ink-2);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.8;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.12;letter-spacing:-.015em;color:var(--ink);}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
::selection{background:var(--accent);color:#fff;}

.bar{position:sticky;top:0;z-index:10;background:rgba(239,235,227,.85);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line);}
.bar .in{max-width:760px;margin:0 auto;padding:1rem clamp(1.25rem,5vw,2rem);display:flex;justify-content:space-between;align-items:center;}
.bar .brand{font-family:'Fraunces',serif;font-weight:600;color:var(--ink);}
.bar .brand span{color:var(--accent);}
.bar a.back{font-size:.86rem;font-weight:500;color:var(--soft);display:inline-flex;align-items:center;gap:.4rem;}
.bar a.back:hover{color:var(--accent);text-decoration:none;}

article{max-width:720px;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,5vw,2rem) 5rem;}
.post-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:.3rem .65rem;}
article h1{font-size:clamp(2.2rem,5.5vw,3.4rem);font-weight:600;margin:1.3rem 0 .6rem;color:var(--ink);}
.post-meta{color:var(--muted);font-size:.9rem;border-bottom:1px solid var(--line);padding-bottom:1.6rem;margin-bottom:2.2rem;}
article h2{font-size:1.65rem;margin:2.6rem 0 .8rem;color:var(--ink);}
article h3{font-size:1.25rem;margin:2rem 0 .6rem;color:var(--ink);}
article p{color:var(--ink-2);font-size:1.1rem;margin:1.2rem 0;}
article ul,article ol{color:var(--ink-2);font-size:1.1rem;padding-left:1.3rem;}
article li{margin:.55rem 0;}
article li::marker{color:var(--accent);}
article blockquote{margin:2rem 0;padding:.5rem 0 .5rem 1.5rem;border-left:2px solid var(--accent);color:var(--ink);font-family:'Fraunces',serif;font-style:italic;font-size:1.3rem;line-height:1.4;}
article strong{color:var(--ink);}
article hr{border:0;border-top:1px solid var(--line);margin:2.6rem 0;}

.post-foot{margin-top:3.5rem;padding-top:1.6rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center;}
.post-foot a.home{font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:.4rem;}
.post-foot a.home:hover{color:var(--accent);text-decoration:none;}
.post-foot .who{color:var(--muted);font-size:.9rem;}

/* ---- image cards (blog + solutions listings) ---- */
.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem;margin-top:2.2rem;}
.note-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);overflow:hidden;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
a.note-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 40px rgba(27,25,22,.13);text-decoration:none;}
.note-cover{aspect-ratio:16/10;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:.9rem;}
.note-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,25,22,0) 45%,rgba(27,25,22,.5));}
.note-cover .ctag{position:relative;z-index:1;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(27,25,22,.5);border:1px solid rgba(255,255,255,.28);padding:.26rem .55rem;}
.note-body{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1;}
.note-body h2,.note-body h3{font-size:1.2rem;font-weight:600;color:var(--ink);margin:0 0 .5rem;}
.note-body p{color:var(--soft);font-size:.92rem;margin:0 0 1.2rem;flex:1;}
.note-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.note-date{color:var(--muted);font-size:.8rem;}
.note-cta{font-size:.85rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;}
.note-card.soon{opacity:.65;}
.list-cta{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line);}
.list-cta a{font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:.4rem;}