/* Studio Murm blog: the same toy-box look as the home page (tokens, pills, rows, footer from styles.css) */
.post-head{position:relative;overflow:hidden;padding:clamp(130px,15vw,190px) 0 clamp(56px,7vw,96px);border-bottom:2.5px solid var(--ink)}
.c-purple{background:radial-gradient(120% 90% at 85% 15%,#8B5CF6 0,var(--purple) 45%,var(--purple-d) 100%);color:#fff}
.c-ink{background:radial-gradient(120% 100% at 75% 30%,#3B2A1C 0,#1C140E 55%,#0E0A07 100%);color:var(--cream)}
.c-gold{background:var(--gold);color:var(--ink)}
.c-pink{background:var(--pink);color:var(--ink)}
.c-green{background:#2FCB6B;color:var(--ink)}
.post-head .wrap{position:relative;z-index:1}
.post-head h1{font-size:clamp(44px,7vw,108px);max-width:13ch}
.post-head .dek{font:600 clamp(18px,1.8vw,22px)/1.45 var(--sans);max-width:46ch;margin-top:22px;opacity:.92}
.crumbs{display:flex;gap:10px;font:700 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:26px;opacity:.85}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.meta span{font:700 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;border:2px solid currentColor;border-radius:999px;padding:6px 12px}
.cover{position:absolute;right:max(5vw,18px);bottom:clamp(26px,5vw,64px);width:clamp(110px,19vw,280px);transform:rotate(8deg);
  filter:drop-shadow(0 16px 0 rgba(23,21,31,.25));animation:bob 3.4s ease-in-out infinite}
@media (max-width:760px){.cover{top:92px;bottom:auto;width:96px;opacity:.95}.post-head h1{max-width:none}}

.prose{max-width:780px;margin:0 auto;padding:clamp(54px,7vw,96px) var(--gr) clamp(30px,5vw,60px) var(--gl);font-size:19px;line-height:1.68}
.prose>*+*{margin-top:1.05em}
.prose h2{font-size:clamp(32px,4.2vw,54px);margin-top:1.7em;margin-bottom:-.1em}
.prose h2+*{margin-top:.7em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.45em}
.prose ul li{list-style:square}
.prose li::marker{color:var(--purple);font-weight:800}
.prose strong{font-weight:800}
.prose a{color:inherit;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;text-decoration-color:var(--gold-d);transition:background .2s}
.prose a:hover{background:var(--gold)}
.prose>p:first-child{font:700 clamp(21px,2.2vw,26px)/1.45 var(--sans);letter-spacing:-.01em}
.tbl{overflow-x:auto;border:2.5px solid var(--ink);border-radius:20px;background:#fff;box-shadow:0 6px 0 var(--ink);margin-top:1.5em!important;margin-bottom:.4em}
.prose table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.prose th{background:var(--ink);color:var(--cream);text-align:left;padding:13px 16px;font:800 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.prose td{padding:12px 16px;border-top:2px solid rgba(23,21,31,.1)}
.prose tr:nth-child(even) td{background:#FFF9EF}
.prose td:first-child{font-weight:800}

.cta{position:relative;max-width:1180px;margin:clamp(30px,5vw,60px) var(--gr) 0 var(--gl);border:2.5px solid var(--ink);border-radius:clamp(28px,4vw,48px);overflow:hidden;color:#fff;
  background:radial-gradient(120% 90% at 85% 15%,#8B5CF6 0,var(--purple) 45%,var(--purple-d) 100%);display:grid;align-items:center}
@media (min-width:1260px){.cta{margin-left:auto;margin-right:auto}}
@media (min-width:820px){.cta{grid-template-columns:1.3fr 1fr}}
.cta-in{padding:clamp(30px,5vw,64px)}
.cta h2{font-size:clamp(46px,6vw,88px);margin:14px 0 14px}
.cta p:not(.chip){max-width:40ch;font-size:18px;opacity:.95}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.cta img{width:min(340px,70%);justify-self:center;margin:0 auto clamp(20px,4vw,40px);filter:drop-shadow(0 20px 0 rgba(0,0,0,.25));animation:bob 3.4s ease-in-out infinite}

.more{padding:clamp(70px,10vw,140px) 0 clamp(60px,8vw,110px)}
.more.first{padding-top:clamp(40px,6vw,80px)}
.more .rows{margin-top:clamp(24px,4vw,44px)}
.blog .row .w{font-size:clamp(36px,6vw,96px)}
.blog .row .d{max-width:60ch}
.blog .foot a{color:inherit}
@media (prefers-reduced-motion: reduce){.cover,.cta img{animation:none}}
.blog .row .pic{transform:translate(0,-50%)}