/* blog-v2 concept C: Guide library. List index with thumbnails and a topic sidebar; post with a sticky contents rail. Site tokens from styles.min.css. */
.bv2{max-width:1180px;margin:0 auto;padding:96px 20px 64px;box-sizing:border-box;color:var(--t1)}
.bv2 *{box-sizing:border-box}
.bv2 a{color:inherit;text-decoration:none}
.bv2-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 0 1.5rem;margin:0 0 1.75rem;border-bottom:1px solid var(--bdr)}
.bv2-top h1{font-weight:800;font-size:clamp(1.7rem,4vw,2.3rem);letter-spacing:-.02em;margin:0}
.bv2-top p{margin:.35rem 0 0;color:var(--t2);font-size:.95rem}
.bv2-search{flex:0 1 380px;display:flex;align-items:center;gap:.6rem;height:44px;padding:0 .95rem;border:1px solid var(--bdr2);border-radius:var(--r12);background:var(--bg2);color:var(--t2);font-size:.9rem}
.bv2-search svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.bv2-lib{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2.5rem}
.bv2-side{position:sticky;top:96px;align-self:start}
.bv2-side b{display:block;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--t3);margin:0 0 .7rem}
.bv2-side a{display:flex;justify-content:space-between;padding:.55rem .75rem;border-radius:var(--r8);color:var(--t2);font-size:.9rem;font-weight:600}
.bv2-side a span{color:var(--t3);font-weight:500}
.bv2-side a.on{background:rgba(247,150,58,.1);color:var(--a)}
.bv2-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.1rem;margin:0 -1.1rem;border-radius:var(--r12)}
.bv2-row+.bv2-row{border-top:1px solid var(--bdr)}
.bv2-row:hover{background:var(--sur)}
.bv2-row img{width:100%;height:auto;aspect-ratio:1200/630;border-radius:var(--r8);border:1px solid var(--bdr);display:block}
.bv2-cat{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--a)}
.bv2-row h3{font-size:1.1rem;line-height:1.35;font-weight:800;margin:.3rem 0 .35rem}
.bv2-row p{margin:0 0 .5rem;color:var(--t2);font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bv2-meta{display:flex;gap:.5rem;align-items:center;color:var(--t3);font-size:.8rem}
.bv2-meta i{width:3px;height:3px;border-radius:50%;background:currentColor;display:inline-block}
.bv2-pills{display:none;gap:.45rem;overflow-x:auto;scrollbar-width:none;margin:0 0 1rem}
.bv2-pill{flex:0 0 auto;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--bdr2);color:var(--t1);font:600 .85rem/1 var(--font);background:transparent}
.bv2-pill.on{background:var(--a);border-color:var(--a);color:#fff}
.bv2-doc{display:grid;grid-template-columns:230px minmax(0,740px);gap:3rem;justify-content:center}
.bv2-rail{position:sticky;top:96px;align-self:start;font-size:.86rem}
.bv2-rail .bv2-back{display:inline-flex;gap:.35rem;color:var(--a);font-weight:700;font-size:.84rem;margin:0 0 1.4rem}
.bv2-rail b{display:block;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--t3);margin:0 0 .7rem}
.bv2-rail ol{list-style:none;margin:0;padding:0;counter-reset:s}
.bv2-rail li{counter-increment:s}
.bv2-rail li a{display:flex;gap:.6rem;padding:.42rem 0;color:var(--t2);line-height:1.4}
.bv2-rail li a::before{content:counter(s,decimal-leading-zero);color:var(--t3);font-variant-numeric:tabular-nums;font-size:.78rem;padding-top:.08rem}
.bv2-rail li a.on{color:var(--t1)}
.bv2-rail li a.on::before{color:var(--a)}
.bv2-doc h1{font-weight:800;font-size:clamp(1.8rem,4.6vw,2.55rem);line-height:1.12;letter-spacing:-.02em;margin:.4rem 0 .8rem}
.bv2-lede{font-size:1.1rem;line-height:1.6;color:var(--t2);margin:0 0 1rem}
.bv2-by{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;color:var(--t3);font-size:.84rem;margin:0 0 1.5rem}
.bv2-by i{width:3px;height:3px;border-radius:50%;background:currentColor;display:inline-block}
.bv2-hero{width:100%;height:auto;aspect-ratio:1200/630;border-radius:var(--r12);border:1px solid var(--bdr);display:block;margin:0 0 2rem}
.bv2-body{font-size:1.04rem;line-height:1.8}
.bv2-body p{margin:0 0 1.2rem;color:color-mix(in srgb,var(--t1) 86%,transparent)}
.bv2-body h2{font-size:1.4rem;font-weight:800;line-height:1.25;margin:2.4rem 0 .85rem;padding-top:1.4rem;border-top:1px solid var(--bdr);scroll-margin-top:90px}
.bv2-body h3{font-size:1.12rem;margin:1.6rem 0 .5rem}
.bv2-body a{color:var(--a)}
.bv2-body ul,.bv2-body ol{padding-left:1.25rem;margin:0 0 1.3rem}
.bv2-body li{margin:0 0 .5rem}
.bv2-body li::marker{color:var(--a)}
.bv2-cta{margin:2.25rem 0 0;padding:1.25rem 1.35rem;border-radius:var(--r12);border:1px solid var(--bdr2);background:var(--bg2);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.bv2-cta b{display:block;margin:0 0 .2rem}
.bv2-cta span{color:var(--t2);font-size:.9rem}
.bv2-btn{flex:0 0 auto;padding:.65rem 1.1rem;border-radius:var(--r8);background:var(--grad);color:#fff!important;font-weight:700;font-size:.9rem}
.bv2-rel{margin:3rem 0 0}
.bv2-rel h2{font-size:1.2rem;font-weight:800;margin:0 0 .5rem}
@media(max-width:960px){.bv2-lib,.bv2-doc{grid-template-columns:minmax(0,1fr)}.bv2-side,.bv2-rail{display:none}.bv2-pills{display:flex}}
@media(max-width:640px){.bv2{padding:84px 16px 48px}.bv2-row{grid-template-columns:112px minmax(0,1fr);gap:.85rem;padding:.9rem;margin:0 -.9rem}.bv2-row h3{font-size:.98rem}.bv2-row p{display:none}.bv2-search{flex-basis:100%}.bv2-cta{flex-direction:column;align-items:flex-start}}

/* trynext4-tocpsi1 */
.bv2-toc-mobile{display:none;margin:0 0 1.25rem;border:1px solid var(--bdr2,rgba(255,255,255,.1));border-radius:10px;padding:.65rem .9rem;background:var(--bg2,rgba(255,255,255,.03))}
.bv2-toc-mobile summary{cursor:pointer;font-weight:700;color:var(--a,#fa6a2a);font-size:.9rem}
.bv2-toc-mobile ol{list-style:none;margin:.65rem 0 0;padding:0}
.bv2-toc-mobile li a{display:block;padding:.35rem 0;color:var(--t2);text-decoration:none;font-size:.88rem}
@media(max-width:960px){.bv2-toc-mobile{display:block}}
.bv2-body h2{scroll-margin-top:110px}