/* FunnlCakes Ad Studio — Blog shared styles */
* { margin:0; padding:0; box-sizing:border-box; }
body { background:#F5EDC4; color:#1A1613; font-family:'General Sans',sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.wrap { max-width:1120px; margin:0 auto; padding:0 32px; }

/* header — identical to the home page */
header.site { border-bottom:1px solid rgba(26,22,19,0.12); }
header.site .wrap { max-width:none; display:flex; align-items:center; justify-content:space-between; padding:26px 64px; }
.logo { font-family:'Clash Display',sans-serif; font-weight:700; font-size:21px; letter-spacing:-0.01em; color:#1A1613; }
.logo .dot { color:#E85C97; }
nav.site { display:flex; align-items:center; gap:36px; font-size:14px; color:#57514a; }
nav.site a { margin-left:0; }
nav.site a:hover { color:#1A1613; }
.book { background:#1A1613; color:#F5EDC4 !important; padding:11px 20px; border-radius:999px; font-weight:600; white-space:nowrap; }

.eyebrow { font-family:'Syne',sans-serif; font-size:13px; letter-spacing:0.18em; text-transform:uppercase; color:#E85C97; font-weight:700; }

/* index masthead */
.hero { max-width:880px; margin:0 auto; padding:64px 32px 24px; }
.hero .eyebrow { margin-bottom:16px; }
.hero h1 { font-family:'Clash Display',sans-serif; font-weight:600; font-size:clamp(44px,7vw,84px); line-height:1.0; letter-spacing:-0.02em; margin-bottom:20px; }
.hero p { font-size:20px; color:#57514A; max-width:600px; }

/* index list */
.list { max-width:880px; margin:0 auto; padding:20px 32px 30px; }
.latest { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.latest .lbl { font-family:'Syne',sans-serif; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:#8a8378; font-weight:700; }
.latest .rule { flex:1; height:1px; background:rgba(26,22,19,0.14); }
.post-card { display:block; background:#fff; border:1px solid rgba(26,22,19,0.06); border-radius:16px; padding:34px 36px; margin-bottom:22px; box-shadow:0 4px 24px -16px rgba(26,22,19,0.25); transition:transform .25s cubic-bezier(0.16,1,0.3,1), box-shadow .25s ease; }
.post-card:hover { transform:translateY(-6px); box-shadow:0 22px 44px -22px rgba(26,22,19,0.35); }
.post-card .meta { font-family:'Syne',sans-serif; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:#E85C97; font-weight:700; margin-bottom:14px; }
.post-card h2 { font-family:'Clash Display',sans-serif; font-weight:600; font-size:30px; line-height:1.12; letter-spacing:-0.01em; margin-bottom:12px; }
.post-card h2 .pink { color:#E85C97; }
.post-card p { font-size:18px; color:#57514A; margin-bottom:16px; }
.post-card .read { color:#E85C97; font-weight:600; font-size:15px; }

/* more-insights strip */
.more-strip { max-width:880px; margin:14px auto 90px; padding:0 32px; }
.more-inner { border:1.5px dashed rgba(26,22,19,0.2); border-radius:16px; padding:30px 34px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.more-inner h3 { font-family:'Clash Display',sans-serif; font-weight:600; font-size:22px; margin-bottom:6px; }
.more-inner p { color:#8a8378; font-size:15px; }
.more-inner a { color:#E85C97; font-weight:600; font-size:15px; border-bottom:2px solid #F3C6DC; padding-bottom:2px; white-space:nowrap; }

/* article */
article.post { max-width:820px; margin:0 auto; padding:36px 32px 84px; }
.back { display:inline-block; margin-bottom:14px; color:#E85C97; font-weight:600; font-size:14px; }
h1.title { font-family:'Clash Display',sans-serif; font-weight:600; font-size:clamp(34px,5.2vw,58px); line-height:1.05; letter-spacing:-0.02em; margin:18px 0 20px; }
h1.title .pink { color:#E85C97; }
.byline { font-size:15px; color:#6b655c; padding-bottom:32px; border-bottom:1px solid rgba(26,22,19,0.14); margin-bottom:36px; }

/* white reading sheet floating on the cream */
.sheet { background:#fff; border:1px solid rgba(26,22,19,0.06); border-radius:16px; padding:48px 56px; box-shadow:0 6px 30px -16px rgba(26,22,19,0.22); }

article.post p { font-size:19px; line-height:1.7; margin:0 0 24px; color:#3d3831; }
article.post .lead { font-size:22px; color:#2a2620; }
article.post h2 { font-family:'Clash Display',sans-serif; font-weight:600; font-size:29px; line-height:1.15; margin:44px 0 18px; letter-spacing:-0.01em; color:#1A1613; }
article.post .sheet > *:first-child { margin-top:0; }
article.post .sheet > p:last-child { margin-bottom:0; }
article.post ul { list-style:none; margin:0 0 24px; display:flex; flex-direction:column; gap:18px; }
article.post li { font-size:19px; line-height:1.6; color:#3d3831; padding-left:30px; position:relative; }
article.post li:before { content:""; position:absolute; left:0; top:11px; width:10px; height:10px; background:#E85C97; border-radius:2px; }
article.post li strong { font-weight:600; color:#1A1613; }
.pull { background:#FBEEF4; border-left:4px solid #E85C97; border-radius:0 12px 12px 0; font-family:'Clash Display',sans-serif; font-weight:600; font-size:27px; line-height:1.28; color:#1A1613; padding:26px 30px; margin:38px 0; }

/* end CTA — The Audit (hot-pink card) */
.cta { background:#E85C97; border:none; border-radius:22px; padding:32px 44px; margin-top:44px; }
.cta-eyebrow { font-family:'Syne',sans-serif; font-size:13px; letter-spacing:0.16em; text-transform:uppercase; color:#F5EDC4; font-weight:700; margin-bottom:12px; }
.cta h3 { font-family:'Clash Display',sans-serif; font-weight:700; font-size:32px; color:#fff; margin-bottom:12px; }
.cta h3 .accent { color:#fff; }
article.post .cta p { color:rgba(255,255,255,0.9); font-size:17px; line-height:1.6; margin-bottom:22px; max-width:540px; }
.cta a { display:inline-block; background:#1A1613; color:#F5EDC4 !important; padding:15px 28px; border-radius:999px; font-weight:600; }

/* footer — identical to the home page */
footer.site { background:#1A1613; font-size:14px; color:rgba(245,237,196,0.6); }
footer.site .wrap { max-width:none; display:flex; justify-content:space-between; padding:28px 64px; }

@media (max-width:820px){
  header.site .wrap{ flex-direction:column; align-items:flex-start; gap:10px; padding:16px 22px 14px; }
  nav.site{ flex-wrap:wrap; gap:18px; width:100%; font-size:13px; }
  nav.site .book{ margin-left:auto; }
  footer.site .wrap{ padding:28px 22px; }
  .hero{ padding:26px 22px 14px; } .hero h1{ font-size:48px; }
  .list{ padding:12px 22px 24px; } .more-strip{ padding:0 22px; }
  article.post{ padding:24px 22px 60px; } article.post p,article.post li{ font-size:18px; }
  .sheet{ padding:28px 24px; }
  .pull{ font-size:23px; padding:22px 24px; } .cta{ padding:26px 26px; } .cta h3{ font-size:27px; }
  .more-inner{ flex-direction:column; align-items:flex-start; }
}