.bp-hero{padding:140px 24px 0;text-align:center;max-width:820px;margin:0 auto}.bp-meta{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5);font-size:var(--text-sm);color:var(--fg-secondary)}.bp-meta-item{display:inline-flex;align-items:center;gap:6px}.bp-meta-item .base-icon{width:14px;height:14px;color:var(--fg-tertiary)}.bp-meta-dot{width:4px;height:4px;border-radius:var(--radius-pill);background:var(--fg-tertiary)}.bp-hero h1{font-size:clamp(var(--text-xl),4vw,var(--text-3xl));font-weight:var(--fw-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--fg-primary);margin:0 0 var(--sp-5)}.bp-hero-img{width:100%;max-width:900px;margin:40px auto 0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-inset)}.bp-hero-img img{width:100%;height:auto;display:block}.bp-content{max-width:740px;margin:0 auto;padding:48px 24px 80px}.bp-content h2,.bp-content h3{font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--fg-primary);margin:40px 0 16px;line-height:var(--lh-snug)}.bp-content h2{font-size:var(--text-xl)}.bp-content h3{font-size:var(--text-lg)}.bp-content p{font-size:var(--text-md);line-height:var(--lh-relaxed);color:var(--fg-secondary);margin:0 0 20px}.bp-content strong{color:var(--fg-primary)}.bp-content img{width:100%;border-radius:var(--radius-md);margin:28px 0}.bp-content ul,.bp-content ol{color:var(--fg-secondary);font-size:var(--text-md);line-height:var(--lh-relaxed);margin:0 0 20px;padding-left:24px}.bp-content li{margin-bottom:8px}.bp-content a:not(.base-btn):not(.base-icon-btn){color:var(--accent-ink);text-decoration:none}.bp-content a:not(.base-btn):not(.base-icon-btn):hover{text-decoration:underline}.bp-video{position:relative;width:100%;padding-bottom:56.25%;margin:28px 0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-inset)}.bp-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.bp-video__facade{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--border-subtle);border-radius:inherit;background:transparent;color:var(--fg-primary);font:inherit;cursor:pointer}.bp-video__facade:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.bp-video__facade:hover .bp-video__play{background:var(--bg-inset)}.bp-video__play{pointer-events:none}.bp-video__note{font-size:var(--text-xs);color:var(--fg-tertiary);text-align:center}.bp-content .bp-back{margin:0 0 var(--sp-8) calc(-1 * var(--sp-3))}.bp-share{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-6) 0;margin-top:var(--sp-12);border-top:1px solid var(--border-subtle)}.bp-share span{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--fg-secondary);margin-right:var(--sp-1)}.bp-share .bp-brand-icon{width:16px;height:16px;fill:currentColor;display:block}.bp-share a.bp-copied{color:var(--accent-ink);border-color:var(--accent-border);background:var(--accent-soft)}@media(max-width:768px){.bp-hero{padding:120px 16px 0}.bp-content{padding:32px 16px 60px}.bp-content p,.bp-content li{overflow-wrap:break-word}.bp-content a:not(.base-btn):not(.base-icon-btn){overflow-wrap:anywhere}}@media(max-width:600px){.bp-hero{padding:110px 16px 0}.bp-content{padding:24px 16px 50px}.bp-content h2{font-size:var(--text-lg);margin-top:1.4em}.bp-content h3{font-size:var(--text-md)}.bp-content p,.bp-content ul,.bp-content ol{font-size:var(--text-base)}.bp-share{flex-wrap:wrap}.bp-content .bp-back{margin-bottom:var(--sp-5)}}@media(max-width:480px){.bp-hero{padding:100px 16px 0}.bp-content{padding:20px 16px 40px}.bp-content ul,.bp-content ol{padding-left:1.2em}.bp-meta{row-gap:6px}.bp-meta>.bp-meta-dot:first-of-type{flex-basis:100%;height:0;background:none}}@media(max-width:768px){.bp-hero-img{width:auto;margin:32px 16px 0;border-radius:var(--radius-md)}}