/* Printout blog */
.post-head{padding-bottom:clamp(28px,4vw,48px)}
.post-head .eb4 a{color:inherit;text-decoration:none}
.post-h1{font-size:clamp(36px,5.2vw,72px);line-height:1.04;max-width:16em}
.post-head .lead{margin-top:22px}
.post-meta{margin:16px 0 0}
.post-sec{padding-top:clamp(36px,5vw,64px)}
.post{max-width:720px;margin:0 auto;font-size:18px;line-height:1.65;color:var(--ink-2)}
.post>p,.post>ul{margin:0 0 1.1em}
.post b{color:var(--navy);font-weight:600}
.post h2{font-family:var(--font-head);font-size:clamp(26px,3vw,34px);line-height:1.15;letter-spacing:-.02em;color:var(--navy);margin:1.8em 0 .55em;font-weight:600}
.post h3{font-size:20px;line-height:1.3;color:var(--navy);margin:1.4em 0 .4em;font-weight:600}
.post a:not(.btn):not(.ulink){color:var(--navy);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.post ul{padding-left:1.2em}
.post li{margin:.35em 0}
.post-fig{margin:28px 0 32px;padding:18px;background:var(--soft);border-radius:var(--r-sm)}
.post-fig svg{display:block;width:100%;height:auto;font-family:var(--font-body)}
.post-fig figcaption{font-size:14.5px;color:var(--ink-3);margin-top:10px;line-height:1.5}
.post-check{list-style:none;padding:20px 22px!important;background:var(--lime-soft);border-radius:var(--r-sm)}
.post-check li{position:relative;padding-left:30px}
.post-check li::before{content:"";position:absolute;left:2px;top:.42em;width:16px;height:16px;border-radius:4px;border:2px solid var(--lime-ink)}
.prompt{position:relative;margin:18px 0 24px;background:var(--navy);border-radius:var(--r-sm);color:#fff}
.prompt pre{margin:0;padding:22px 20px 20px;white-space:pre-wrap;overflow-wrap:anywhere;font:14.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.prompt-copy{position:absolute;top:10px;right:10px;font:600 13px var(--font-body);background:var(--lime);color:var(--navy);border:0;border-radius:999px;padding:6px 14px;cursor:pointer}
.prompt pre{padding-top:44px}
.post-cta{margin:48px 0 0;padding:26px 24px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff}
.post-cta p{margin:0 0 18px;font-size:17px;line-height:1.55;color:var(--ink-2)}
.post-cta .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.post-cta .btn{margin-left:0}
.post-related{margin-top:44px}
.post-related h2{margin-top:0;font-size:24px}
.post-related ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.post-related .ulink{white-space:normal;font-size:17px}
.bgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:20px}
.bcard a{display:flex;flex-direction:column;height:100%;padding:28px 24px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff;text-decoration:none;color:var(--ink-2);transition:border-color .18s,transform .18s}
.bcard a:hover{border-color:var(--navy);transform:translateY(-2px)}
.bcard .bnum{font-size:13px;font-weight:600;letter-spacing:.16em;color:var(--lime-ink)}
.bcard h2{font-size:22px;line-height:1.22;color:var(--navy);margin:12px 0 10px;font-weight:600;letter-spacing:-.01em}
.bcard p{margin:0 0 20px;font-size:16px;line-height:1.55;flex:1}
.bcard .ulink{align-self:flex-start}
.post-sec .post-cta{max-width:none}
.bgrid+.post-cta{max-width:720px}
@media (max-width:600px){.post{font-size:17px}.post-fig{padding:12px;margin:22px -4px 26px}}