/* blog part 4 of 4. Generated by build_blog.py; edit theme/blog/blog.css or the master prototype. */

figure.bp-pano .bp-pano-chip{position:absolute;left:12px;bottom:12px;z-index:2;pointer-events:none;background:rgba(17,17,17,.72);color:#fff;font-size:13px;line-height:1;padding:8px 12px;border-radius:999px;opacity:0;transition:opacity .3s}
figure.bp-pano .bp-pano-box.on .bp-pano-chip{opacity:1}
figure.bp-pano .bp-pano-box.used .bp-pano-chip{opacity:0}
figure.bp-pano .bp-pano-fs{position:absolute;right:10px;top:10px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(17,17,17,.72);color:#fff;font-size:18px;line-height:36px;cursor:pointer;opacity:0;transition:opacity .3s}
figure.bp-pano .bp-pano-box.on .bp-pano-fs{opacity:1}
figure.bp-pano .bp-pano-box:fullscreen{border-radius:0;aspect-ratio:auto}

/* AI Render Studio pitch on DIY-reader posts (inc/blog-cta.php). */
.bp-app-inline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:28px 0;padding:18px 20px;border:1px solid var(--hair,#e4e3de);border-left:3px solid #C8102E;border-radius:10px;background:#faf9f7}
.bp-app-inline p{flex:1 1 280px;margin:0;font-size:16px;line-height:1.5}
.bp-app-inline .btn{flex:0 0 auto}

/* Free PDF guide card in the rail (30 Oct 2026). The card, form and their rules are the
   master's .guide-card/.mg-* (copied in by build_blog.py); this only sizes them for a 230-260px
   rail. The rail is already sticky, so the card is not. */
.bp .bp-rail .guide-card{position:static;margin-top:30px;padding:0 18px 20px;border-radius:12px;overflow:hidden}
.bp .bp-rail .guide-card .gcover{display:block;width:calc(100% + 36px);max-width:none;height:auto;margin:0 -18px 16px;border-radius:0;aspect-ratio:16/10}
.bp .bp-rail .guide-card .ph{font-size:11px;margin-bottom:6px}
.bp .bp-rail .guide-card h3{font-size:19px;line-height:1.15;margin-bottom:8px}
.bp .bp-rail .guide-card .gsub{font-size:13.5px;margin-bottom:12px}
/* The rail is 170-260px wide: the bullet list made the card taller than the screen. */
.bp .bp-rail .guide-list{display:none}
.bp .bp-rail .guide-form{gap:8px}
.bp .bp-rail .guide-form input,.bp .bp-rail .mg-form select{font-size:14px;padding:11px 14px}
.bp .bp-rail .mg-form select{padding-right:36px;background-position:right 14px center}
.bp .bp-rail .guide-card .btn{font-size:13px;padding:12px 10px;gap:6px;letter-spacing:.04em}
.bp .bp-rail .mg-opt{font-size:11.5px;gap:8px;padding:0}
.bp .bp-rail .guide-note{font-size:11.5px;margin-top:10px}
@media(max-width:1000px){.bp .bp-rail .guide-card{max-width:440px}}