/* 1.35.0 Launch Pad visuals; 1.35.1: every selector rooted at .lpv.lpv.lpv so the Launch Pad layout (.bebd-wg button/.read p) cannot override it. (lpviz.php). Everything is prefixed .lpv so it works inside the Launch Pad layout and in the plain theme. */
.lpv.lpv.lpv{--lc:#c2410c;--lc2:#ea580c;--ls:#ffe9dc;--lk:#1c1b2e;--lm:#5b5870;--lb:#efe4d8;--lw:#fffdf9;--lsh:0 1px 0 rgba(28,27,46,.04),0 18px 40px -26px rgba(124,45,18,.35);
 position:relative;box-sizing:border-box;margin:30px 0 34px;padding:26px 26px 24px;border-radius:24px;border:1px solid var(--lb);background:radial-gradient(520px 220px at 100% 0,#fff1e6,transparent 70%),radial-gradient(420px 220px at 0 100%,#fdf3ea,transparent 70%),var(--lw);box-shadow:var(--lsh);color:var(--lk);font:400 16px/1.55 Inter,system-ui,sans-serif;overflow:hidden;clear:both}
.lpv.lpv.lpv *,.lpv.lpv.lpv *:before,.lpv.lpv.lpv *:after{box-sizing:border-box}
.lpv.lpv.lpv p{margin:0;font:inherit;color:inherit}
.lpv.lpv.lpv b{font-weight:600}
.lpv.lpv.lpv a{color:var(--lc);text-decoration:underline;text-underline-offset:3px}
.lpv.lpv.lpv .lpv-t{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:600 12px/1.3 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lc)}
.lpv.lpv.lpv .lpv-t:before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--lc),var(--lc2))}
.lpv.lpv.lpv .lpv-note{margin-top:14px;font-size:13px;line-height:1.5;color:var(--lm)}
.lpv.lpv.lpv button{font:inherit;cursor:pointer}
.lpv.lpv.lpv .lpv-btn{border:0;border-radius:99px;padding:9px 16px;font:600 13.5px/1 Inter,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,var(--lc),var(--lc2));box-shadow:0 10px 20px -12px var(--lc)}
.lpv.lpv.lpv .lpv-btn.ghost{background:transparent;color:var(--lk);box-shadow:inset 0 0 0 1px var(--lb)}

/* reveal: content is visible without JS; .rv (added by JS) hides until in view */
.lpv.lpv.lpv.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.lpv.lpv.lpv.rv.in{opacity:1;transform:none}
.lpv.lpv.lpv.rv [style*="--i"]{opacity:0;transform:translateY(10px);transition:opacity .55s ease calc(var(--i)*90ms + 150ms),transform .55s cubic-bezier(.2,.7,.2,1) calc(var(--i)*90ms + 150ms)}
.lpv.lpv.lpv.rv.in [style*="--i"]{opacity:1;transform:none}

/* stats */
.lpv.lpv.lpv .lpv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.lpv.lpv.lpv .lpv-stat{position:relative;padding:18px 18px 16px;border-radius:18px;background:#fff;border:1px solid var(--lb)}
.lpv.lpv.lpv .lpv-stat:before{content:"";position:absolute;left:18px;top:0;width:34px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--lc),var(--lc2))}
.lpv.lpv.lpv .lpv-stat b{display:block;font:400 44px/1 Fraunces,Georgia,serif;letter-spacing:-.03em;color:var(--lc);font-variant-numeric:tabular-nums}
.lpv.lpv.lpv .lpv-stat span{display:block;margin-top:10px;font-size:14.5px;line-height:1.4;color:var(--lk)}
.lpv.lpv.lpv .lpv-stat small{display:block;margin-top:8px;font-size:12px;line-height:1.4;color:var(--lm)}

/* timeline */
.lpv.lpv.lpv .lpv-tl{position:relative;list-style:none;margin:0;padding:0 0 0 30px}
.lpv.lpv.lpv .lpv-tl .lpv-rail{position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--lb);border-radius:2px}
.lpv.lpv.lpv .lpv-tl .lpv-rail:after{content:"";position:absolute;inset:0 0 auto;height:100%;border-radius:2px;background:linear-gradient(180deg,var(--lc),var(--lc2));transform-origin:top;transform:scaleY(1)}
.lpv.lpv.lpv.rv .lpv-tl .lpv-rail:after{transform:scaleY(0);transition:transform 1.6s cubic-bezier(.4,0,.2,1) .2s}
.lpv.lpv.lpv.rv.in .lpv-tl .lpv-rail:after{transform:scaleY(1)}
.lpv.lpv.lpv .lpv-tl li{position:relative;margin:0 0 18px;padding:0}
.lpv.lpv.lpv .lpv-tl li:last-child{margin-bottom:0}
.lpv.lpv.lpv .lpv-tl li:before{content:"";position:absolute;left:-27px;top:4px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--lc);box-shadow:0 0 0 4px #fff1e6}
.lpv.lpv.lpv .lpv-when{display:inline-block;margin-bottom:4px;padding:2px 9px;border-radius:99px;background:var(--ls);font:600 12px/1.6 Inter,system-ui,sans-serif;color:#9a3412}
.lpv.lpv.lpv .lpv-tl b{display:block;font:500 18px/1.3 Fraunces,Georgia,serif}
.lpv.lpv.lpv .lpv-tl p{margin-top:4px;font-size:14.5px;color:var(--lm)}

/* checklist */
.lpv.lpv.lpv .lpv-cgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.lpv.lpv.lpv .lpv-cg{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--lb)}
.lpv.lpv.lpv .lpv-cgt{margin:0 0 10px!important;font:600 13px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--lc)!important}
.lpv.lpv.lpv .lpv-ci{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:15px;line-height:1.45;cursor:pointer;border-top:1px dashed #f0e6da}
.lpv.lpv.lpv .lpv-ci:first-of-type{border-top:0}
.lpv.lpv.lpv .lpv-ci input{position:absolute;opacity:0;pointer-events:none}
.lpv.lpv.lpv .lpv-box{flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;border:1.5px solid #d6c7b8;background:#fff;transition:background .2s,border-color .2s;position:relative}
.lpv.lpv.lpv .lpv-box:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.3,1.6,.6,1)}
.lpv.lpv.lpv .lpv-ci input:checked+.lpv-box{background:linear-gradient(135deg,var(--lc),var(--lc2));border-color:var(--lc)}
.lpv.lpv.lpv .lpv-ci input:checked+.lpv-box:after{transform:rotate(45deg) scale(1)}
.lpv.lpv.lpv .lpv-ci input:checked~span:last-child{color:var(--lm);text-decoration:line-through;text-decoration-color:#d6c7b8}
.lpv.lpv.lpv .lpv-ci input:focus-visible+.lpv-box{outline:2px solid var(--lc);outline-offset:2px}
.lpv.lpv.lpv .lpv-cbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.lpv.lpv.lpv .lpv-pb{flex:1 1 180px;height:8px;border-radius:99px;background:var(--lb);overflow:hidden}
.lpv.lpv.lpv .lpv-pb i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--lc),var(--lc2));transition:width .4s ease}
.lpv.lpv.lpv .lpv-cbar span{font:600 13.5px/1 Inter,system-ui,sans-serif;color:var(--lm)}
.lpv.lpv.lpv .lpv--checklist.all .lpv-cbar span{color:#15803d}

/* compare */
.lpv.lpv.lpv .lpv-cmp{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px}
.lpv.lpv.lpv .lpv-cc{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--lb)}
.lpv.lpv.lpv .lpv-cch{margin:-18px -18px 14px!important;padding:14px 18px;border-radius:18px 18px 0 0;background:linear-gradient(135deg,#fff1e6,#fde4d2);font:500 19px/1.25 Fraunces,Georgia,serif!important;color:var(--lk)}
.lpv.lpv.lpv .lpv-cc dl{margin:0}
.lpv.lpv.lpv .lpv-cc dt{margin:12px 0 2px;font:600 11.5px/1.3 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--lm)}
.lpv.lpv.lpv .lpv-cc dt:first-child{margin-top:0}
.lpv.lpv.lpv .lpv-cc dd{margin:0;font-size:15px;line-height:1.45}
.lpv.lpv.lpv .lpv-pick{margin-top:16px!important;padding:12px 16px;border-radius:14px;background:var(--ls);font-size:15px!important}
.lpv.lpv.lpv .lpv-pick b{color:#9a3412;margin-right:6px}

/* flow */
.lpv.lpv.lpv .lpv-flow{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;position:relative}
.lpv.lpv.lpv .lpv-flow:before{content:"";position:absolute;left:24px;right:24px;top:22px;height:2px;background:repeating-linear-gradient(90deg,var(--lc) 0 8px,transparent 8px 14px);opacity:.5}
.lpv.lpv.lpv.rv .lpv-flow:before{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s ease .2s}
.lpv.lpv.lpv.rv.in .lpv-flow:before{clip-path:inset(0 0 0 0)}
.lpv.lpv.lpv .lpv-flow li{position:relative;margin:0;padding:0}
.lpv.lpv.lpv .lpv-fn{position:relative;display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:50%;background:linear-gradient(135deg,var(--lc),var(--lc2));color:#fff;font:500 20px/1 Fraunces,Georgia,serif;box-shadow:0 0 0 6px var(--lw),0 12px 22px -12px var(--lc)}
.lpv.lpv.lpv .lpv-flow b{display:block;font:500 17px/1.3 Fraunces,Georgia,serif}
.lpv.lpv.lpv .lpv-flow p{margin-top:4px;font-size:14px;line-height:1.45;color:var(--lm)}

/* calculators */
.lpv.lpv.lpv .lpv-cal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:start}
.lpv.lpv.lpv .lpv-ins{display:grid;gap:12px}
.lpv.lpv.lpv .lpv-seg{display:inline-flex;padding:4px;border-radius:99px;background:#fff;border:1px solid var(--lb);justify-self:start}
.lpv.lpv.lpv .lpv-seg button,.lpv.lpv.lpv .lpv-tg button{border:0;background:transparent;border-radius:99px;padding:7px 14px;font:600 13px/1 Inter,system-ui,sans-serif;color:var(--lm)}
.lpv.lpv.lpv .lpv-seg button.on,.lpv.lpv.lpv .lpv-tg button.on{background:var(--lk);color:#fff}
.lpv.lpv.lpv .lpv-f{display:grid;gap:5px;font-size:13.5px;font-weight:500;color:var(--lm)}
.lpv.lpv.lpv .lpv-in{display:flex;align-items:center;border-radius:12px;background:#fff;border:1px solid var(--lb);padding:0 12px;transition:border-color .2s,box-shadow .2s}
.lpv.lpv.lpv .lpv-in:focus-within{border-color:var(--lc);box-shadow:0 0 0 3px #fde4d2}
.lpv.lpv.lpv .lpv-in i{font-style:normal;color:var(--lm)}
.lpv.lpv.lpv .lpv-in input{flex:1;min-width:0;border:0;background:transparent;padding:11px 6px;font:500 16px/1.2 Inter,system-ui,sans-serif;color:var(--lk);outline:0;box-shadow:none}
.lpv.lpv.lpv .lpv-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lpv.lpv.lpv .lpv-out>div{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--lb)}
.lpv.lpv.lpv .lpv-out>div.hi{background:linear-gradient(150deg,var(--lc),#9a3412);border-color:transparent;color:#fff}
.lpv.lpv.lpv .lpv-out small{display:block;font-size:12px;line-height:1.3;opacity:.8}
.lpv.lpv.lpv .lpv-out b{display:block;margin-top:6px;font:400 28px/1.05 Fraunces,Georgia,serif;font-variant-numeric:tabular-nums}
.lpv.lpv.lpv .lpv-spark{display:block;width:100%;height:90px;margin-top:12px;border-radius:14px;background:#fff;border:1px solid var(--lb)}
.lpv.lpv.lpv .lpv-spark path[data-o=line]{fill:none;stroke:var(--lc);stroke-width:2.5;vector-effect:non-scaling-stroke}
.lpv.lpv.lpv .lpv-spark path[data-o=area]{fill:#fde4d2;opacity:.7}
.lpv.lpv.lpv .lpv-cal .lpv-note{grid-column:1/-1}
.lpv.lpv.lpv .lpv-cal .lpv-out{grid-template-columns:minmax(0,1fr);gap:12px}
.lpv.lpv.lpv .lpv-cal .lpv-out>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 18px}
.lpv.lpv.lpv .lpv-cal .lpv-out b{margin:0;font-size:32px}
.lpv.lpv.lpv .lpv-cal .lpv-out small{font-size:13.5px}
.lpv.lpv.lpv .lpv-cal .lpv-spark{grid-column:2}

/* anatomy */
.lpv.lpv.lpv .lpv-an{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:center}
.lpv.lpv.lpv .lpv-art{position:relative;border-radius:18px;background:linear-gradient(160deg,#fff7ef,#fdeee2);padding:10px}
.lpv.lpv.lpv .lpv-art svg{display:block;width:100%;height:auto;max-width:none}
.lpv.lpv.lpv .lpv-dot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:0;padding:0;background:var(--lk);color:#fff;font:600 13px/30px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 8px 18px -8px rgba(28,27,46,.6);transition:transform .25s,background .25s}
.lpv.lpv.lpv .lpv-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--lc);opacity:0}
.lpv.lpv.lpv .lpv-dot.on{background:var(--lc);transform:scale(1.12)}
.lpv.lpv.lpv .lpv-dot.on:after{animation:lpvping 1.8s ease-out infinite}
@keyframes lpvping{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.8)}}
.lpv.lpv.lpv .lpv-anl{list-style:none;margin:0;padding:0;counter-reset:an}
.lpv.lpv.lpv .lpv-anl li{counter-increment:an;position:relative;margin:0;padding:10px 12px 10px 46px;border-radius:14px;transition:background .25s}
.lpv.lpv.lpv .lpv-anl li:before{content:counter(an);position:absolute;left:10px;top:10px;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--lb);font:600 12.5px/24px Inter,system-ui,sans-serif;text-align:center;color:var(--lk)}
.lpv.lpv.lpv .lpv-anl li.on{background:#fff;box-shadow:0 10px 24px -18px rgba(124,45,18,.6)}
.lpv.lpv.lpv .lpv-anl li.on:before{background:var(--lc);border-color:var(--lc);color:#fff}
.lpv.lpv.lpv .lpv-anl b{display:block;font-size:15px}
.lpv.lpv.lpv .lpv-anl p{margin-top:2px;font-size:14px;line-height:1.45;color:var(--lm)}

/* before / after */
.lpv.lpv.lpv .lpv-ex{display:grid;gap:14px}
.lpv.lpv.lpv .lpv-exc{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--lb)}
.lpv.lpv.lpv .lpv-exh{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.lpv.lpv.lpv .lpv-exh>span{font:600 12px/1.3 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--lc)}
.lpv.lpv.lpv .lpv-tg{display:inline-flex;padding:3px;border-radius:99px;background:#f7efe6}
.lpv.lpv.lpv .lpv-exc blockquote{margin:0;padding:14px 16px;border:0;border-left:3px solid var(--lc);border-radius:4px 12px 12px 4px;background:#fffaf4;font:400 17px/1.6 Newsreader,Georgia,serif;color:var(--lk);quotes:none}
.lpv.lpv.lpv .lpv-exc blockquote:before,.lpv.lpv.lpv .lpv-exc blockquote:after{content:none}
.lpv.lpv.lpv .lpv-exc.before blockquote{border-left-color:#a8a29e;background:#f7f5f2;color:#57534e}
.lpv.lpv.lpv .lpv-why{margin-top:10px!important;font-size:14px!important;color:var(--lm)}
.lpv.lpv.lpv .lpv-why b{color:var(--lk);margin-right:4px}

/* quiz */
.lpv.lpv.lpv .lpv--quiz .lpv-qz{display:grid;gap:14px}
.lpv.lpv.lpv .lpv-q>p{margin-bottom:8px!important;font-weight:500}
.lpv.lpv.lpv .lpv-qa{display:flex;flex-wrap:wrap;gap:8px}
.lpv.lpv.lpv .lpv-qa button{border:1px solid var(--lb);background:#fff;border-radius:99px;padding:9px 15px;font:500 14px/1.2 Inter,system-ui,sans-serif;color:var(--lk);transition:all .2s}
.lpv.lpv.lpv .lpv-qa button:hover{border-color:var(--lc)}
.lpv.lpv.lpv .lpv-qa button.on{background:var(--lk);border-color:var(--lk);color:#fff}
.lpv.lpv.lpv .lpv-qr{margin-top:16px;padding:16px 18px;border-radius:18px;background:linear-gradient(150deg,#fff1e6,#fde4d2)}
.lpv.lpv.lpv .lpv-q0{color:var(--lm);font-size:14.5px}
.lpv.lpv.lpv .lpv-res span{display:block;font:600 11.5px/1.3 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lc)}
.lpv.lpv.lpv .lpv-res b{display:block;margin:4px 0;font:500 22px/1.25 Fraunces,Georgia,serif}
.lpv.lpv.lpv .lpv-res p{font-size:15px;color:var(--lk)}

/* radar (future lanes) */
.lpv.lpv.lpv .lpv-rd{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.lpv.lpv.lpv .lpv-ln{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--lb)}
.lpv.lpv.lpv .lpv-lnh{display:flex;align-items:center;gap:8px;margin-bottom:12px!important;font:600 12.5px/1.3 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.lpv.lpv.lpv .lpv-lnh i{width:10px;height:10px;border-radius:50%;background:var(--lc);box-shadow:0 0 0 4px #fde4d2}
.lpv.lpv.lpv .lpv-ln:nth-child(2) .lpv-lnh i{background:#7c3aed;box-shadow:0 0 0 4px #ede9fe}
.lpv.lpv.lpv .lpv-ln:nth-child(3) .lpv-lnh i{background:#0f766e;box-shadow:0 0 0 4px #ccfbf1}
.lpv.lpv.lpv .lpv-rc{padding:10px 0;border-top:1px dashed #f0e6da}
.lpv.lpv.lpv .lpv-rc:first-of-type{border-top:0;padding-top:0}
.lpv.lpv.lpv .lpv-rc b{display:block;font-size:15px;line-height:1.35}
.lpv.lpv.lpv .lpv-rc p{margin-top:3px;font-size:14px;line-height:1.45;color:var(--lm)}
.lpv.lpv.lpv .lpv-rc small{display:block;margin-top:4px;font-size:12px;color:var(--lm)}

/* callout */
.lpv.lpv.lpv .lpv--callout{display:flex;gap:14px;align-items:flex-start;padding:18px 20px}
.lpv.lpv.lpv .lpv-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--lc),var(--lc2));color:#fff;font:700 16px/1 Inter,system-ui,sans-serif}
.lpv.lpv.lpv .lpv--callout b{display:block;font:500 18px/1.3 Fraunces,Georgia,serif}
.lpv.lpv.lpv .lpv--callout p{margin-top:4px;font-size:15px;color:var(--lk)}
.lpv.lpv.lpv .lpv--callout.lpv-warn{background:linear-gradient(150deg,#fff7ed,#fffdf9)}
.lpv.lpv.lpv .lpv--callout.lpv-warn .lpv-ico{background:#b45309}
.lpv.lpv.lpv .lpv--callout.lpv-rule .lpv-ico{background:var(--lk)}

@media(max-width:760px){
 .lpv.lpv.lpv{margin:24px 0;padding:20px 16px 18px;border-radius:20px}
 .lpv.lpv.lpv .lpv-stat b{font-size:38px}
 .lpv.lpv.lpv .lpv-cmp{grid-template-columns:minmax(0,1fr)}
 .lpv.lpv.lpv .lpv-flow{grid-auto-flow:row;grid-auto-columns:auto;gap:16px;padding-left:4px}
 .lpv.lpv.lpv .lpv-flow:before{left:26px;right:auto;top:24px;bottom:24px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--lc) 0 8px,transparent 8px 14px)}
 .lpv.lpv.lpv.rv .lpv-flow:before{clip-path:inset(0 0 100% 0)}
 .lpv.lpv.lpv .lpv-flow li{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px}
 .lpv.lpv.lpv .lpv-flow li .lpv-fn{grid-row:span 2;margin:0}
 .lpv.lpv.lpv .lpv-cal,.lpv.lpv.lpv .lpv-an{grid-template-columns:minmax(0,1fr)}
 .lpv.lpv.lpv .lpv-cal .lpv-out b{font-size:26px}
 .lpv.lpv.lpv .lpv-cal .lpv-spark{grid-column:1}
 .lpv.lpv.lpv .lpv-dot{width:26px;height:26px;margin:-13px 0 0 -13px;line-height:26px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.lpv.lpv.lpv.rv,.lpv.lpv.lpv.rv [style*="--i"]{opacity:1!important;transform:none!important;transition:none!important}.lpv.lpv.lpv.rv .lpv-tl .lpv-rail:after,.lpv.lpv.lpv.rv .lpv-flow:before{transform:none!important;clip-path:none!important;transition:none!important}.lpv.lpv.lpv .lpv-dot.on:after{animation:none}}

/* 1.35.3: fit narrow columns. Each figure is a size container, so its inner layout follows the figure's own width, not the window.
   The Writer's Desk "Step N" layout puts the body in a 436px column beside the step badge: figures there break out to the card width. */
.lpv.lpv.lpv{container-type:inline-size;container-name:lpv}
.lpv.lpv.lpv .lpv-an{align-items:start}
.lpv.lpv.lpv .lpv-art{position:sticky;top:96px}
@media(min-width:641px){.bebd-wg .lesson .lb>.lpv.lpv.lpv{margin-left:-96px;width:calc(100% + 96px)!important;max-width:none!important}}   /* writing.css forces .read figure{width:auto!important;max-width:100%!important} */
@container lpv (max-width:620px){
 .lpv.lpv.lpv .lpv-an,.lpv.lpv.lpv .lpv-cal{grid-template-columns:minmax(0,1fr)}
 .lpv.lpv.lpv .lpv-art{position:relative;top:auto;width:100%;max-width:440px;margin:0 auto}
 .lpv.lpv.lpv .lpv-cal .lpv-spark{grid-column:1}
}
/* comparison cards: 3-4 options go two per row in a mid-width figure, one per row when narrow */
@container lpv (max-width:760px){.lpv.lpv.lpv .lpv-cmp[style*="--n:3"],.lpv.lpv.lpv .lpv-cmp[style*="--n:4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container lpv (max-width:440px){.lpv.lpv.lpv .lpv-cmp{grid-template-columns:minmax(0,1fr)!important}}
/* flow: a row of steps only when each step gets ~150px; otherwise the vertical rail used on phones */
@container lpv (max-width:720px){
 .lpv.lpv.lpv .lpv-flow{grid-auto-flow:row;grid-auto-columns:auto;gap:16px;padding-left:4px}
 .lpv.lpv.lpv .lpv-flow:before{left:26px;right:auto;top:24px;bottom:24px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--lc) 0 8px,transparent 8px 14px)}
 .lpv.lpv.lpv.rv .lpv-flow:before{clip-path:inset(0 0 100% 0)}
 .lpv.lpv.lpv.rv.in .lpv-flow:before{clip-path:inset(0 0 0 0)}
 .lpv.lpv.lpv .lpv-flow li{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px}
 .lpv.lpv.lpv .lpv-flow li .lpv-fn{grid-row:span 2;margin:0}
}
@container lpv (min-width:540px){.lpv.lpv.lpv .lpv-rd:has(>.lpv-ln:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}