/* Compare pages (DIY, agencies): a plain blog post. One centred 760px column, modest headings, callouts at text size. Uses wiz.css tokens. */
.dd-list a[aria-current="page"]{background:var(--dd-h);color:var(--chip-fg)}
.dy-post{max-width:808px;margin:0 auto;padding:72px 24px 128px}
.dy-post h1,.dy-post h2,.dy-post h3,.dy-post h4,.dy-post p,.dy-post figure{margin:0}
.dy-post h1{font-size:clamp(36px,4.2vw,52px);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}
.dy-post h1 span{color:var(--chip-fg)}
.dy-tldr{margin-top:28px;padding:22px 26px 24px;border-radius:16px;background:var(--card);box-shadow:0 0 0 1px var(--card-line),0 10px 24px -18px rgba(14,26,120,.35)}
.dy-tldr-k{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--chip-bg);color:var(--chip-fg);font-size:15px;font-weight:500;line-height:1.2;letter-spacing:.4px}
.dy-post section{margin-top:64px}
.dy-post h2{font-size:clamp(26px,2.4vw,32px);line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
.dy-post h2 span{color:var(--chip-fg)}
.dy-q{text-indent:-.4em}
.dy-post p{font-size:clamp(18px,1.4vw,20px);line-height:1.65;letter-spacing:-.12px;color:var(--fg2);text-wrap:pretty}
.dy-post h2+p{margin-top:18px}
.dy-post p+p{margin-top:1em}
.dy-post .dy-tldr p{margin-top:12px;color:var(--fg)}
.dy-post ul{list-style:none;margin:20px 0 0;padding:0}
.dy-post li{position:relative;padding-left:24px;font-size:clamp(18px,1.4vw,20px);line-height:1.65;letter-spacing:-.12px;color:var(--fg2);text-wrap:pretty}
.dy-post li+li{margin-top:14px}
.dy-post li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--chip-fg)}
.dy-post ul+p{margin-top:20px}
.dy-post strong{font-weight:500;color:var(--fg)}
.dy-post em{font-style:normal;font-weight:500;color:var(--fg);text-decoration-line:underline;text-decoration-color:var(--gold);text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-skip-ink:none}
.dy-post .dy-call{margin:44px 0;font-size:clamp(26px,2.6vw,34px);line-height:1.2;letter-spacing:-.025em;font-weight:var(--hw);color:var(--fg);text-wrap:balance}
.dy-post h3{margin-top:40px;font-size:clamp(22px,2vw,26px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.dy-post h4{margin-top:32px;font-size:20px;line-height:1.3;letter-spacing:-.01em}
.dy-post h3+*,.dy-post h4+*{margin-top:14px}
.dy-dark{margin-top:36px;padding:30px 30px 28px;border-radius:20px;background-color:var(--dark);background-image:var(--grain);color:var(--dark-fg)}
.dy-dark-k{display:inline-block;padding:6px 13px;border-radius:999px;background:rgba(253,252,225,.12);color:var(--hl);font-size:12px;font-weight:500;line-height:1.25;letter-spacing:.45px;text-transform:uppercase}
.dy-post .dy-dark h4{margin-top:0;font-size:24px;color:var(--dark-fg)}
.dy-post .dy-dark p{margin-top:10px;font-size:18px;color:var(--dark-fg)}
.dy-ads3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.dy-ads3 a{display:block;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(253,252,225,.16);transition:transform .2s ease}
.dy-ads3 a:hover{transform:translateY(-2px)}
.dy-ads3 img{display:block;width:100%;height:auto;aspect-ratio:1/1}
.dy-post .dy-dark+*{margin-top:28px}
.dy-ex{margin-top:28px;padding:26px 30px;border-radius:16px;background:var(--lav-3);box-shadow:inset 0 0 0 1px rgba(63,79,230,.1)}
.dy-post .dy-ex p+p{margin-top:.8em}
.dy-post .dy-ex+*{margin-top:28px}
.dy-video{margin-top:36px}
.dy-vid{display:grid;place-items:center;aspect-ratio:16/9;border-radius:16px;background-color:#E8E2FD;background-image:var(--grain-d)}
.dy-vid-in{display:flex;flex-direction:column;align-items:center;gap:14px}
.dy-play{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--btn);box-shadow:var(--btn-sh)}
.dy-play svg{display:block;width:22px;height:auto;margin-left:4px}
.dy-vid-k{font-size:12px;font-weight:500;letter-spacing:.45px;text-transform:uppercase;color:var(--fg2)}
.dy-go{margin-top:36px}
@media (max-width:760px){
.dy-post{padding:40px 20px 88px}
.dy-post h1{font-size:34px}
.dy-tldr{padding:18px 20px 20px}
.dy-tldr-k{font-size:14px;padding:5px 12px}
.dy-post section{margin-top:48px}
.dy-post h2{font-size:25px}
.dy-post p,.dy-post li{font-size:17px}
.dy-ex{padding:20px 22px}
.dy-dark{padding:24px 20px 20px}
.dy-post .dy-dark h4{font-size:21px}
.dy-post .dy-dark p{font-size:16.5px}
.dy-post .dy-call{margin:36px 0;font-size:24px}
.dy-video{margin-top:28px}
.dy-play{width:60px;height:60px}
}
@media (max-width:560px){.dy-ads3{grid-template-columns:minmax(0,1fr);max-width:360px}}