/* Lapse Motion v2026.10.28.5 · single blog posts. Approved canvas board PO-01.
   body.lhp-on: every post (progress line, previous and next cards).
   body.lhp-band: every post that shows Astra's title (the dark title band).
   body.lhp-post: posts on the 2026 one-block template (byline and opening in the band, cover, contents rail, restyled parts). */

/* ---------------------------------------------------------------- page frame */
body.lhp-on{overflow-x:clip}
body.lhp-band .site-content{background:#FFFFFF}
body.lhp-band.ast-separate-container #primary{margin-top:0;margin-bottom:0;padding:0}
body.lhp-band.ast-separate-container .ast-article-single{padding:0;margin:0;background:transparent;border:0;box-shadow:none}

/* reading progress: a thin ink line along the top edge */
body.lhp-on::after{content:"";position:fixed;left:0;top:0;width:100%;height:3px;background:#141414;transform:scaleX(var(--lhp-p,0));transform-origin:0 50%;z-index:100000;pointer-events:none}
body.admin-bar.lhp-on::after{top:var(--wp-admin--admin-bar--height,32px)}

/* ---------------------------------------------------------------- title band (Astra's title and meta) */
body.lhp-band .ast-article-single .entry-header{position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0;border:0;padding:64px 0 26px;background:#141414;box-shadow:0 0 0 100vmax #141414;clip-path:inset(0 -100vmax -2px);color:#FFFFFF;isolation:isolate}
body.lhp-band .ast-article-single .entry-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(46% 120% at 86% 0%,rgba(219,61,60,.30),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px)}
body.lhp-band .entry-header .entry-title{order:2;flex:0 0 100%;max-width:none;padding-right:max(0px,calc(100% - 980px)) !important;box-sizing:border-box;margin:22px 0 18px;padding:0;font-family:'Jost',Arial,sans-serif;font-size:60px;font-weight:500;line-height:1.05;letter-spacing:-.02em;color:#FFFFFF;animation:lhpRise .9s cubic-bezier(.2,.8,.2,1) .08s both}
body.lhp-band .entry-header .entry-meta{display:contents;font-size:0}
body.lhp-band .entry-header .entry-meta > span{display:inline-flex;align-items:center;gap:7px;margin:0 22px 0 0;font-size:14px;line-height:1.4;color:#A7A9AC;animation:lhpRise .8s cubic-bezier(.2,.8,.2,1) .2s both}
body.lhp-band .entry-header .entry-meta .posted-on{order:3}
body.lhp-band .entry-header .entry-meta .ast-reading-time{order:4}
body.lhp-band .entry-header .entry-meta .posted-by{order:5}
body.lhp-band .entry-header .entry-meta > .posted-on::before,body.lhp-band .entry-header .entry-meta > .ast-reading-time::before,body.lhp-band .entry-header .entry-meta > .posted-by::before{content:"";flex:0 0 15px;width:15px;height:15px;background:#DB3D3C;-webkit-mask:var(--lhp-i) center/contain no-repeat;mask:var(--lhp-i) center/contain no-repeat}
body.lhp-band .entry-header .posted-on{--lhp-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
body.lhp-band .entry-header .ast-reading-time{--lhp-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
body.lhp-band .entry-header .posted-by{--lhp-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E")}
body.lhp-band .entry-header .entry-meta > span *{color:inherit;font-size:inherit}
body.lhp-band .entry-header .entry-meta a{color:inherit;text-decoration:none}
/* category becomes the chip above the title */
body.lhp-band .entry-header .entry-meta > .ast-terms-link,body.lhp-band .entry-header .entry-meta > .cat-links{order:1;flex:0 0 100%;display:flex;flex-wrap:wrap;gap:8px;margin:0;font-size:0 !important;animation:lhpRise .7s cubic-bezier(.2,.8,.2,1) both}
body.lhp-band .entry-header .entry-meta > .ast-terms-link::before,body.lhp-band .entry-header .entry-meta > .cat-links::before{display:none}
body.lhp-band .entry-header .ast-terms-link a,body.lhp-band .entry-header .cat-links a{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 15px;border-radius:999px;border:1px solid rgba(219,61,60,.7);color:#F2B7B6;font-size:13px;font-weight:500;letter-spacing:.02em;transition:background .25s,color .25s}
body.lhp-band .entry-header .ast-terms-link a::before,body.lhp-band .entry-header .cat-links a::before{content:"";width:7px;height:7px;border-radius:50%;background:#DB3D3C;transition:background .25s}
body.lhp-band .entry-header .ast-terms-link a:hover,body.lhp-band .entry-header .cat-links a:hover{background:#DB3D3C;color:#FFFFFF}
body.lhp-band .entry-header .ast-terms-link a:hover::before,body.lhp-band .entry-header .cat-links a:hover::before{background:#FFFFFF}
body.lhp-band .entry-header a:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}
body.lhp-band.lhp-lite .ast-article-single .entry-header{padding-bottom:64px;margin-bottom:56px}
@keyframes lhpRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* ---------------------------------------------------------------- band, part two: byline, opening and cover */
body.lhp-post .entry-content{margin:0;padding:0}
body.lhp-post .lhp-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:center;margin:0;padding:12px 0 76px;background:#141414;box-shadow:0 0 0 100vmax #141414;clip-path:inset(-2px -100vmax 0);color:#E6E7E8}
body.lhp-post .lhp-intro.lhp-nocover{grid-template-columns:minmax(0,860px)}
body.lhp-post .lhp-lead{animation:lhpRise .9s cubic-bezier(.2,.8,.2,1) .3s both}
body.lhp-post .lhp-lead [class$="-byline"]{position:relative;display:block;margin:0 0 20px;padding:42px 0 20px;border-bottom:1px solid rgba(255,255,255,.12);background:none;color:#C9CBCE;font-size:15px;line-height:1.5}
body.lhp-post .lhp-lead [class$="-byline"] > span:not([class]){display:inline}
body.lhp-post .lhp-lead [class$="-byline"] strong{color:#FFFFFF;font-weight:600}
body.lhp-post .lhp-lead [class$="-pill"],body.lhp-post .lhp-lead [class$="-updated"]{position:absolute;left:0;top:0;display:inline-flex;align-items:center;height:26px;margin:0;padding:0 13px;border-radius:999px;background:#DB3D3C;color:#FFFFFF;font-size:11.5px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase}
body.lhp-post .lhp-lead > p:not([class]){margin:0 0 14px;font-size:19px;line-height:1.65;color:#E6E7E8}
body.lhp-post .lhp-lead > p:not([class]):last-child{margin-bottom:0}
body.lhp-post .lhp-lead a{color:#FFFFFF;text-decoration:none;background:linear-gradient(#DB3D3C,#DB3D3C) 0 100%/100% 2px no-repeat;padding-bottom:1px;transition:background-size .25s}
body.lhp-post .lhp-lead a:hover{background-size:100% 100%}
body.lhp-post .lhp-cover{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#0B0B0B;box-shadow:0 40px 70px -40px rgba(0,0,0,.9);animation:lhpDev 1.6s ease-out .2s both}
@keyframes lhpDev{from{filter:grayscale(1) brightness(1.8) contrast(.6);opacity:.2}to{filter:none;opacity:1}}
body.lhp-post .lhp-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border-radius:0}
body.lhp-post .lhp-cover i{position:absolute;width:22px;height:22px;border:2px solid #FFFFFF;opacity:.85}
body.lhp-post .lhp-cover i:nth-of-type(1){left:14px;top:14px;border-right:0;border-bottom:0}
body.lhp-post .lhp-cover i:nth-of-type(2){right:14px;top:14px;border-left:0;border-bottom:0}
body.lhp-post .lhp-cover i:nth-of-type(3){left:14px;bottom:14px;border-right:0;border-top:0}
body.lhp-post .lhp-cover i:nth-of-type(4){right:14px;bottom:14px;border-left:0;border-top:0}
body.lhp-post .lhp-rec{position:absolute;left:44px;top:13px;display:inline-flex;align-items:center;gap:7px;padding:4px 9px 4px 7px;border-radius:999px;background:rgba(20,20,20,.6);font-family:'Jost',Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:.16em;line-height:1;color:#FFFFFF}
body.lhp-post .lhp-rec::before{content:"";width:9px;height:9px;border-radius:50%;background:#DB3D3C;animation:lhpBlink 1.2s steps(1) infinite}
@keyframes lhpBlink{50%{opacity:.15}}

/* ---------------------------------------------------------------- body: contents rail and main column */
body.lhp-post .lhp-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:72px;padding:64px 0 48px}
body.lhp-post .lhp-body.lhp-norail{grid-template-columns:minmax(0,1fr)}
body.lhp-post .lhp-toc{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 130px);overflow:auto;scrollbar-width:none}
body.lhp-post .lhp-toc::-webkit-scrollbar{display:none}
body.lhp-post .lhp-toc ol{position:relative;margin:0;padding:0 0 0 18px;list-style:none;counter-reset:lhpt}
body.lhp-post .lhp-toc ol::before,body.lhp-post .lhp-toc ol::after{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:#E4E3E0}
body.lhp-post .lhp-toc ol::after{background:#DB3D3C;transform:scaleY(var(--lhp-t,0));transform-origin:top;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
body.lhp-post .lhp-toc li{counter-increment:lhpt;margin:0;padding:0}
body.lhp-post .lhp-toc a{display:grid;grid-template-columns:26px 1fr;gap:4px;padding:7px 0;font-family:'Jost',Arial,sans-serif;font-size:14.5px;font-weight:500;line-height:1.3;color:#6E7176;text-decoration:none;transition:color .2s,transform .3s cubic-bezier(.2,.8,.2,1)}
body.lhp-post .lhp-toc a::before{content:counter(lhpt,decimal-leading-zero);font-size:11.5px;letter-spacing:.12em;line-height:1.75;color:#B9BBBE;font-variant-numeric:tabular-nums;transition:color .2s}
body.lhp-post .lhp-toc a:hover{color:#141414;transform:translateX(3px)}
body.lhp-post .lhp-toc a.is-on{color:#141414}
body.lhp-post .lhp-toc a.is-on::before{color:#DB3D3C}
body.lhp-post .lhp-toc a:focus-visible{outline:2px solid #DB3D3C;outline-offset:2px;border-radius:4px}
body.lhp-post .lhp-main{min-width:0;max-width:780px;counter-reset:lhph}
body.lhp-post .lhp-main > div{font-size:17px;line-height:1.75}

/* numbered section headings */
body.lhp-post .lhp-main h2.lhp-sec{counter-increment:lhph;margin:64px 0 16px;font-family:'Jost',Arial,sans-serif;font-size:34px;font-weight:500;line-height:1.18;letter-spacing:-.01em;color:#141414;scroll-margin-top:110px}
body.lhp-post .lhp-main h2.lhp-sec::before{content:counter(lhph,decimal-leading-zero);display:block;margin:0 0 12px;font-size:13px;font-weight:500;letter-spacing:.18em;line-height:1;color:#DB3D3C}
body.lhp-post .lhp-main > div > h3{position:relative;margin:36px 0 10px;padding-left:16px;font-family:'Jost',Arial,sans-serif;font-size:22px;font-weight:500;line-height:1.35}
body.lhp-post .lhp-main > div > h3::before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:3px;border-radius:2px;background:#DB3D3C}

/* the short answer and the cheat sheet */
body.lhp-post .lhp-main [class$="-summary"],body.lhp-post .lhp-main [class$="-cheat"]{position:relative;margin:0 0 8px;padding:28px 30px 26px;border:0;border-radius:18px;background:#F4F3F1;overflow:hidden}
body.lhp-post .lhp-main [class$="-summary"]::before,body.lhp-post .lhp-main [class$="-cheat"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#DB3D3C}
body.lhp-post .lhp-main [class$="-summary"] > [class$="-kicker"],body.lhp-post .lhp-main [class$="-summary"] > [class$="-summary-title"],body.lhp-post .lhp-main [class$="-summary"] > h2,body.lhp-post .lhp-main [class$="-cheat"] > h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:0;font-family:'Jost',Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.2em;line-height:1.3;text-transform:uppercase;color:#DB3D3C}
body.lhp-post .lhp-main [class$="-summary"] > [class$="-kicker"]::before,body.lhp-post .lhp-main [class$="-summary"] > [class$="-summary-title"]::before,body.lhp-post .lhp-main [class$="-summary"] > h2::before,body.lhp-post .lhp-main [class$="-cheat"] > h2::before{content:"";flex:0 0 18px;width:18px;height:14px;border-radius:2px;background:linear-gradient(#141414,#141414) 0 0/100% 4px no-repeat,linear-gradient(#DB3D3C,#DB3D3C) 0 6px/100% 8px no-repeat}
body.lhp-post .lhp-main [class$="-summary"] ul,body.lhp-post .lhp-main [class$="-cheat"] ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body.lhp-post .lhp-main [class$="-cheat"] ul{margin-bottom:18px}
body.lhp-post .lhp-main [class$="-summary"] li,body.lhp-post .lhp-main [class$="-cheat"] li{position:relative;margin:0;padding-left:26px}
body.lhp-post .lhp-main [class$="-summary"] li::before,body.lhp-post .lhp-main [class$="-cheat"] li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;border-radius:3px;background:#DB3D3C}

/* tables */
body.lhp-post .lhp-main [class$="-scroll"],body.lhp-post .lhp-main [class$="-table-wrap"],body.lhp-post .lhp-main [class$="-tablewrap"]{margin:26px 0;border:1px solid #E4E3E0;border-radius:16px;overflow:auto;background:#FFFFFF}
body.lhp-post .lhp-main [class$="-scroll"] table,body.lhp-post .lhp-main [class$="-table-wrap"] table,body.lhp-post .lhp-main [class$="-tablewrap"] table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;font-size:15px}
body.lhp-post .lhp-main [class$="-scroll"] th,body.lhp-post .lhp-main [class$="-table-wrap"] th,body.lhp-post .lhp-main [class$="-tablewrap"] th{padding:14px 16px;border:0;background:#141414;color:#FFFFFF;text-align:left;font-family:'Jost',Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;vertical-align:bottom}
body.lhp-post .lhp-main [class$="-scroll"] td,body.lhp-post .lhp-main [class$="-table-wrap"] td,body.lhp-post .lhp-main [class$="-tablewrap"] td{padding:13px 16px;border:0;border-top:1px solid #E4E3E0;background:#FFFFFF;vertical-align:top;transition:background .2s}
body.lhp-post .lhp-main [class$="-scroll"] tbody tr:nth-child(even) td,body.lhp-post .lhp-main [class$="-table-wrap"] tbody tr:nth-child(even) td,body.lhp-post .lhp-main [class$="-tablewrap"] tbody tr:nth-child(even) td{background:#FAF9F7}
body.lhp-post .lhp-main [class$="-scroll"] tbody tr:hover td,body.lhp-post .lhp-main [class$="-table-wrap"] tbody tr:hover td,body.lhp-post .lhp-main [class$="-tablewrap"] tbody tr:hover td{background:#FBE9E9}
body.lhp-post .lhp-main [class$="-scroll"] td:first-child,body.lhp-post .lhp-main [class$="-table-wrap"] td:first-child,body.lhp-post .lhp-main [class$="-tablewrap"] td:first-child{font-weight:600}

/* notes */
body.lhp-post .lhp-main [class$="-rate"],body.lhp-post .lhp-main [class$="-note"],body.lhp-post .lhp-main [class$="-callout"]{position:relative;margin:4px 0 18px;padding:16px 20px 16px 52px;border:0;border-radius:14px;background:#F4F3F1;font-size:15.5px;line-height:1.65}
body.lhp-post .lhp-main [class$="-rate"]::before,body.lhp-post .lhp-main [class$="-note"]::before,body.lhp-post .lhp-main [class$="-callout"]::before{content:"";position:absolute;left:18px;top:17px;width:22px;height:22px;border-radius:50%;background:#DB3D3C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 11v6'/%3E%3Ccircle cx='12' cy='7.2' r='.6' fill='%23FFFFFF'/%3E%3C/svg%3E") center/16px no-repeat}

/* images and videos */
body.lhp-post .lhp-main figure{margin:30px 0}
body.lhp-post .lhp-main figure img,body.lhp-post .lhp-main img[class$="-img"]{border-radius:16px}
body.lhp-post .lhp-main [class$="-video"]{border-radius:16px;overflow:hidden}

/* closing box and buttons */
body.lhp-post .lhp-main div[class$="-cta"]{position:relative;overflow:hidden;margin:56px 0;padding:44px 40px;border:0;border-radius:20px;background:#141414;color:#D7D8DA;text-align:left;isolation:isolate}
body.lhp-post .lhp-main div[class$="-cta"]::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,rgba(219,61,60,.4),rgba(219,61,60,0) 70%)}
body.lhp-post .lhp-main div[class$="-cta"] h2,body.lhp-post .lhp-main div[class$="-cta"] h3{margin:0 0 12px;padding:0;color:#FFFFFF;font-family:'Jost',Arial,sans-serif;font-size:32px;font-weight:500;line-height:1.2}
body.lhp-post .lhp-main div[class$="-cta"] p{max-width:560px;margin:0 0 24px;color:#D7D8DA}
body.lhp-post .lhp-main div[class$="-cta"] a:not([class$="-btn"]){color:#FFFFFF;text-decoration:underline;text-decoration-color:#DB3D3C;text-underline-offset:3px}
body.lhp-post .lhp-main a[class$="-btn"],body.lhp-post .lhp-main a[class$="-cta"]{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border:0;border-radius:999px;background:#DB3D3C;color:#FFFFFF;font-family:'Jost',Arial,sans-serif;font-weight:500;letter-spacing:.04em;line-height:1.2;text-decoration:none;box-shadow:0 18px 34px -18px rgba(219,61,60,.9);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
body.lhp-post .lhp-main a[class$="-btn"]::after,body.lhp-post .lhp-main a[class$="-cta"]::after{content:"";flex:0 0 16px;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s}
body.lhp-post .lhp-main a[class$="-btn"]:hover,body.lhp-post .lhp-main a[class$="-cta"]:hover{color:#FFFFFF;transform:translateY(-2px);box-shadow:0 22px 38px -18px rgba(219,61,60,1)}
body.lhp-post .lhp-main a[class$="-btn"]:hover::after,body.lhp-post .lhp-main a[class$="-cta"]:hover::after{transform:translateX(4px)}
body.lhp-post .lhp-main a[class$="-btn"]:focus-visible,body.lhp-post .lhp-main a[class$="-cta"]:focus-visible{outline:2px solid #141414;outline-offset:3px}

/* FAQ */
body.lhp-post .lhp-main details{margin:0 0 12px;border:1px solid #E4E3E0;border-radius:16px;background:#FFFFFF;transition:border-color .25s,box-shadow .3s,transform .3s cubic-bezier(.2,.8,.2,1)}
body.lhp-post .lhp-main details:hover{transform:translateY(-2px);box-shadow:0 14px 30px -22px rgba(20,20,20,.35)}
body.lhp-post .lhp-main details[open]{border-color:#DB3D3C}
body.lhp-post .lhp-main details > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;list-style:none;font-family:'Jost',Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.35;color:#141414}
body.lhp-post .lhp-main details > summary::-webkit-details-marker{display:none}
body.lhp-post .lhp-main details > summary h3{margin:0;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
body.lhp-post .lhp-main details > summary::after{content:"";flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#F4F3F1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DB3D3C' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .25s}
body.lhp-post .lhp-main details[open] > summary::after{transform:rotate(45deg);background-color:#DB3D3C;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")}
body.lhp-post .lhp-main details > summary:focus-visible{outline:2px solid #DB3D3C;outline-offset:2px;border-radius:14px}
body.lhp-post .lhp-main details > :not(summary){margin:0;padding:0 22px 20px}
body.lhp-post .lhp-main details > :not(summary) + :not(summary){padding-top:0}

/* author card and sources */
body.lhp-post .lhp-main [class$="-bio"]{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;align-items:start;margin:48px 0 0;padding:26px 28px;border:0;border-radius:18px;background:#F4F3F1}
body.lhp-post .lhp-main [class$="-bio"]::before{content:"";grid-row:1/span 3;width:56px;height:56px;border-radius:50%;background:#DB3D3C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20.5c1.2-4 4.1-6 7.5-6s6.3 2 7.5 6'/%3E%3C/svg%3E") center/28px no-repeat}
body.lhp-post .lhp-main [class$="-bio"] > *{grid-column:2;margin:0}
body.lhp-post .lhp-main [class$="-bio"] > [class$="-kicker"],body.lhp-post .lhp-main [class$="-bio"] > [class$="-bio-label"]{margin:4px 0 6px;font-family:'Jost',Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.18em;line-height:1.3;text-transform:uppercase;color:#DB3D3C}
body.lhp-post .lhp-main [class$="-sources"]{margin:22px 0 0;padding:16px 0 0;border-top:1px solid #E4E3E0;font-size:13.5px;line-height:1.6;color:#6E7176}

/* the post's own contents list: hidden where the rail shows the same links */
@media (min-width:1100px){
  body.lhp-post .lhp-body:not(.lhp-norail) .lhp-main [class$="-toc"]{display:none}
}

/* ---------------------------------------------------------------- previous and next */
body.lhp-on .post-navigation{margin:0;padding:0 0 90px;border:0;background:transparent}
body.lhp-post .post-navigation{padding-left:302px}
body.lhp-on .post-navigation .nav-links{display:flex;flex-wrap:wrap;gap:16px;max-width:780px}
body.lhp-on .post-navigation .nav-previous,body.lhp-on .post-navigation .nav-next{flex:1 1 300px;max-width:460px;margin:0;padding:0;border:0;text-align:left}
body.lhp-on .post-navigation .nav-next{margin-left:auto}
body.lhp-on .post-navigation a{display:block;height:100%;padding:22px 26px;border:1px solid #E4E3E0;border-radius:18px;background:#FFFFFF;color:#DB3D3C;font-family:'Jost',Arial,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.18em;line-height:1.3;text-transform:uppercase;text-decoration:none;box-sizing:border-box;transition:border-color .25s,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
body.lhp-on .post-navigation .nav-next a{text-align:right}
body.lhp-on .post-navigation a[title]::after{content:attr(title);display:block;margin-top:6px;font-size:19px;letter-spacing:0;line-height:1.3;text-transform:none;color:#141414}
body.lhp-on .post-navigation a:hover{border-color:#DB3D3C;transform:translateY(-3px);box-shadow:0 18px 34px -24px rgba(20,20,20,.45)}
body.lhp-on .post-navigation a:focus-visible{outline:2px solid #DB3D3C;outline-offset:3px}

/* ---------------------------------------------------------------- arrival (classes set by the footer script) */
body.lhp-post .lhp-main [data-lhp="wait"]{opacity:0;transform:translateY(24px)}
body.lhp-post .lhp-main [data-lhp="go"]{transition:opacity .9s cubic-bezier(.2,.8,.2,1) var(--lhp-d,0s),transform .9s cubic-bezier(.2,.8,.2,1) var(--lhp-d,0s),border-color .25s,box-shadow .3s}
body.lhp-post .lhp-main [data-lhp="wait"]:focus-within{opacity:1;transform:none}
body.lhp-post .lhp-main [class$="-summary"][data-lhp="wait"] li,body.lhp-post .lhp-main [class$="-cheat"][data-lhp="wait"] li{opacity:0;transform:translateX(-12px)}
body.lhp-post .lhp-main [class$="-summary"][data-lhp="go"] li,body.lhp-post .lhp-main [class$="-cheat"][data-lhp="go"] li{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
body.lhp-post .lhp-main [class$="-summary"][data-lhp="go"] li:nth-child(2){transition-delay:.08s}
body.lhp-post .lhp-main [class$="-summary"][data-lhp="go"] li:nth-child(3){transition-delay:.16s}
body.lhp-post .lhp-main [class$="-summary"][data-lhp="go"] li:nth-child(4){transition-delay:.24s}
body.lhp-post .lhp-main [class$="-summary"][data-lhp="go"] li:nth-child(5){transition-delay:.32s}
body.lhp-post .lhp-main [class$="-summary"][data-lhp="go"] li:nth-child(n+6){transition-delay:.4s}

/* ---------------------------------------------------------------- tablet and phone */
@media (max-width:1199px){
  body.lhp-band .entry-header .entry-title{font-size:50px}
  body.lhp-post .lhp-intro{grid-template-columns:minmax(0,1fr) 380px;gap:44px}
  body.lhp-post .lhp-body{grid-template-columns:200px minmax(0,1fr);gap:48px}
  body.lhp-post .post-navigation{padding-left:248px}
}
@media (max-width:1099px){
  body.lhp-post .lhp-body{display:block;padding-top:48px}
  body.lhp-post .lhp-toc{display:none}
  body.lhp-post .post-navigation{padding-left:0}
}
@media (max-width:921px){
  body.lhp-band .ast-article-single .entry-header{padding:48px 0 20px}
  body.lhp-band .entry-header .entry-title{font-size:42px}
  body.lhp-post .lhp-intro{display:flex;flex-direction:column-reverse;align-items:stretch;gap:26px;padding:8px 0 52px}
  body.lhp-band.lhp-lite .ast-article-single .entry-header{padding-bottom:48px;margin-bottom:40px}
}
@media (max-width:600px){
  body.lhp-band.ast-separate-container #content > .ast-container{padding-left:20px;padding-right:20px}
  body.lhp-band .ast-article-single .entry-header{padding:40px 0 18px}
  body.lhp-band .entry-header .entry-title{font-size:34px;margin:18px 0 14px}
  body.lhp-band .entry-header .entry-meta > span{margin-right:16px;font-size:13.5px}
  body.lhp-post .lhp-lead > p:not([class]){font-size:17px}
  body.lhp-post .lhp-body{padding:36px 0 24px}
  body.lhp-post .lhp-main > div{font-size:16px}
  body.lhp-post .lhp-main h2.lhp-sec{font-size:27px;margin-top:52px}
  body.lhp-post .lhp-main [class$="-summary"],body.lhp-post .lhp-main [class$="-cheat"]{padding:22px 20px 20px 24px}
  body.lhp-post .lhp-main div[class$="-cta"]{padding:32px 24px}
  body.lhp-post .lhp-main div[class$="-cta"] h2,body.lhp-post .lhp-main div[class$="-cta"] h3{font-size:26px}
  body.lhp-post .lhp-main [class$="-bio"]{grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:22px 20px}
  body.lhp-post .lhp-main [class$="-bio"]::before{width:44px;height:44px;background-size:22px}
  body.lhp-on .post-navigation{padding-bottom:60px}
}

/* ---------------------------------------------------------------- reduced motion: everything still */
@media (prefers-reduced-motion:reduce){
  body.lhp-band .entry-header *,body.lhp-post .lhp-intro,body.lhp-post .lhp-intro *,body.lhp-post .lhp-intro *::before,body.lhp-post .lhp-main *,body.lhp-post .lhp-main *::before,body.lhp-post .lhp-main *::after,body.lhp-on .post-navigation a,body.lhp-post .lhp-toc *,body.lhp-post .lhp-toc *::before,body.lhp-post .lhp-toc *::after{animation:none !important;transition:none !important}
  body.lhp-post .lhp-main [data-lhp="wait"],body.lhp-post .lhp-main [data-lhp="wait"] li{opacity:1;transform:none}
  body.lhp-post .lhp-main details:hover,body.lhp-on .post-navigation a:hover{transform:none}
}