/* Blog post template: flower-pattern hero with title + meta, cover image, readable article column, navy CTA card, two related posts. */
img{height:auto}
.hand{font-family:var(--script);font-size:clamp(40px,4.2vw,54px);line-height:1.05;color:var(--pink-ink);margin:0}
.tag{display:inline-block;font:600 13.5px/1 var(--caps);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:7px 11px;border:1.5px solid var(--navy);color:var(--navy)}
.t-sys{background:#FFE3D6}.t-team{background:var(--mint)}.t-host{background:var(--lilac)}
.read{font-weight:700;color:var(--pink-ink)}

.p-hero{position:relative;padding-block:56px 0;text-align:center;background:linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.45)),url(../img/patterns/painted-flowers.svg) 0 0/520px 520px,#FFFBF6;border-bottom:2px solid var(--navy)}
.p-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:conic-gradient(#F9AFEE 25%,#EA7F54 0 50%,#F9AFEE 0 75%,#EA7F54 0) 0 0/28px 28px}
.p-hero-in{display:flex;flex-direction:column;align-items:center;gap:14px}
.back{font-weight:700;color:var(--navy);text-decoration:none;font-size:15px}
.back:hover{color:var(--pink-ink)}
.p-hero h1{font-size:clamp(34px,4.6vw,58px);max-width:20ch;margin:0}
.meta{margin:0;color:var(--muted);font-size:15px}
.meta a{color:inherit}
.p-cover{max-width:880px;margin:32px auto -64px;border:3px solid var(--navy);border-radius:26px;overflow:hidden;box-shadow:10px 10px 0 var(--orange);background:#fff;position:relative}
.p-cover img{display:block;width:100%}

.prose{max-width:70ch;margin:0 auto;padding-block:112px 72px;font-size:18px;line-height:1.7}
.prose h2{font-size:clamp(26px,2.8vw,34px);line-height:1.2;margin:48px 0 14px}
.prose h3{font-size:22px;line-height:1.25;margin:34px 0 10px}
.prose h2 strong,.prose h3 strong{font-weight:inherit}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:1.3em}
.prose li{margin-bottom:8px}
.prose li::marker{color:var(--pink)}
.prose a{color:var(--pink-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--navy)}
.prose figure{margin:32px auto}
.prose figure img{display:block;width:100%;border:2.5px solid var(--navy);border-radius:20px;box-shadow:7px 7px 0 var(--lilac)}
.prose figure.tall{max-width:440px}
.prose figure a{text-decoration:none}

.p-cta{padding-block:0 72px}
.p-cta-card{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;background:var(--navy);color:#fff;border-radius:30px;padding:clamp(26px,4vw,48px);box-shadow:12px 12px 0 var(--pink)}
.p-cta-card .hand{color:var(--lilac)}
.p-cta-card h2{color:#fff;font-size:clamp(28px,3.4vw,42px);margin-top:6px}
.p-cta-card p{color:#E6E8F5;font-size:17px;margin:12px 0 0;max-width:52ch}
.p-cta-btns{display:flex;flex-direction:column;gap:12px}
.p-cta-btns .btn{justify-content:center}
.p-cta-card .btn-primary{box-shadow:4px 4px 0 #fff}
.p-cta-card .btn-ghost{background:#fff}
@media (max-width:860px){.p-cta-card{grid-template-columns:1fr}}

.p-more{padding-block:0 88px}
.p-more h2{font-size:clamp(28px,3vw,38px);text-align:center}
.rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.rel{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#fff;border:2.5px solid var(--navy);border-radius:24px;padding:18px 18px 22px;text-decoration:none;box-shadow:7px 7px 0 var(--lilac);transition:transform .15s}
.rel:nth-child(2){box-shadow:7px 7px 0 var(--orange)}
.rel:hover{transform:translate(-3px,-3px)}
.rel img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid var(--navy);border-radius:16px;margin-bottom:6px}
.rel h3{font-size:21px;line-height:1.25}
@media (max-width:640px){.rel-grid{grid-template-columns:1fr}.prose{font-size:17px}}