#bnv-page[data-engine="fn-page"] .fn-page{ --fn-accent:#ffb23f; background:var(--paper-0); }
#bnv-page[data-engine="fn-page"] .fn-wrap{ width:min(680px, calc(100vw - var(--gutter)*2)); margin-inline:auto; }
#bnv-page[data-engine="fn-page"] .fn-masthead{ position:relative; padding:64px 0 28px; }
#bnv-page[data-engine="fn-page"] .fn-masthead::before{ content:''; position:absolute; left:calc(50% - min(340px, 50vw - var(--gutter))); top:64px; bottom:28px; width:3px; border-radius:3px; background:var(--fn-accent); opacity:.0; }
#bnv-page[data-engine="fn-page"] .fn-crumb{ display:flex; align-items:center; gap:8px; font-family:var(--f-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-5); margin-bottom:22px; }
#bnv-page[data-engine="fn-page"] .fn-crumb a{ color:var(--ink-5); text-decoration:none; transition:color .2s var(--ease); }
#bnv-page[data-engine="fn-page"] .fn-crumb a:hover{ color:color-mix(in srgb,var(--fn-accent) 70%,var(--ink-2)); }
#bnv-page[data-engine="fn-page"] .fn-crumb .sep{ opacity:.4; }
#bnv-page[data-engine="fn-page"] .fn-badges{ display:flex; align-items:center; gap:11px; flex-wrap:wrap; margin-bottom:18px; }
#bnv-page[data-engine="fn-page"] .fn-typebadge{ display:inline-flex; align-items:center; gap:8px; font-family:var(--f-mono); font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:color-mix(in srgb,var(--fn-accent) 62%,var(--ink-1)); padding:6px 13px; border-radius:100px; background:color-mix(in srgb,var(--fn-accent) 14%,transparent); border:1px solid color-mix(in srgb,var(--fn-accent) 40%,transparent); }
#bnv-page[data-engine="fn-page"] .fn-tb-dot{ width:6px; height:6px; border-radius:50%; background:var(--fn-accent); }
#bnv-page[data-engine="fn-page"] .fn-topic, #bnv-page[data-engine="fn-page"] .fn-filed{ font-family:var(--f-mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-5); }
#bnv-page[data-engine="fn-page"] .fn-h1{ font-family:var(--f-sans); font-size:clamp(28px,3.6vw,40px); font-weight:400; letter-spacing:-.026em; line-height:1.12; color:var(--ink-0); margin:0; text-wrap:balance; }
#bnv-page[data-engine="fn-page"] .fn-h1 em{ font-family:var(--f-serif); font-style:italic; color:color-mix(in srgb,var(--fn-accent) 64%,var(--ink-1)); }
#bnv-page[data-engine="fn-page"] .fn-lead{ font-family:var(--f-serif); font-size:clamp(18px,2vw,22px); font-style:italic; line-height:1.5; color:var(--ink-3); margin:16px 0 0; }
#bnv-page[data-engine="fn-page"] .fn-byline{ display:flex; align-items:center; gap:10px; margin-top:22px; padding-top:18px; border-top:1px solid var(--hair); font-family:var(--f-mono); font-size:12px; color:var(--ink-5); }
#bnv-page[data-engine="fn-page"] .fn-avatar{ width:34px; height:34px; border-radius:50%; display:grid; place-items:center; flex:none; background:linear-gradient(135deg,var(--fn-accent),color-mix(in srgb,var(--fn-accent) 55%,#c97a16)); color:#3a2600; font-family:var(--f-sans); font-weight:700; font-size:14px; }
#bnv-page[data-engine="fn-page"] .fn-by-txt{ display:flex; flex-direction:column; }
#bnv-page[data-engine="fn-page"] .fn-author{ font-family:var(--f-sans); font-size:13.5px; font-weight:600; color:var(--ink-1); }
#bnv-page[data-engine="fn-page"] .fn-role{ font-size:11px; color:var(--ink-5); }
#bnv-page[data-engine="fn-page"] .fn-byline .fn-dot{ width:3px; height:3px; border-radius:50%; background:var(--ink-6); }
#bnv-page[data-engine="fn-page"] .fn-hero-media{ margin-top:24px; border-radius:14px; overflow:hidden; border:1px solid var(--hair); background:var(--paper-2); aspect-ratio:2/1; }
#bnv-page[data-engine="fn-page"] .fn-hero-media img, #bnv-page[data-engine="fn-page"] .fn-hero-media svg{ display:block; width:100%; height:100%; object-fit:cover; }
#bnv-page[data-engine="fn-page"] .fn-body{ padding:8px 0 56px; }
#bnv-page[data-engine="fn-page"] .fn-article{ }
#bnv-page[data-engine="fn-page"] .fn-h2{ font-family:var(--f-sans); font-size:clamp(20px,2.3vw,26px); font-weight:400; letter-spacing:-.02em; line-height:1.18; color:var(--ink-0); margin:30px 0 12px; }
#bnv-page[data-engine="fn-page"] .fn-h2 em{ font-family:var(--f-serif); font-style:italic; color:color-mix(in srgb,var(--fn-accent) 64%,var(--ink-1)); }
#bnv-page[data-engine="fn-page"] .fn-prose p{ font-family:var(--f-sans); font-size:17.5px; line-height:1.75; color:var(--ink-3); margin:0 0 18px; letter-spacing:-.003em; }
#bnv-page[data-engine="fn-page"] .fn-prose h3{ font-family:var(--f-sans); font-size:17px; font-weight:600; color:var(--ink-0); margin:24px 0 10px; }
#bnv-page[data-engine="fn-page"] .fn-prose strong{ color:var(--ink-1); font-weight:600; }
#bnv-page[data-engine="fn-page"] .fn-quote{ margin:28px 0; padding:4px 0 4px 24px; border-left:3px solid var(--fn-accent); }
#bnv-page[data-engine="fn-page"] .fn-quote blockquote{ font-family:var(--f-serif); font-style:italic; font-size:clamp(21px,2.5vw,27px); line-height:1.4; color:var(--ink-0); margin:0 0 12px; }
#bnv-page[data-engine="fn-page"] .fn-q-name{ font-family:var(--f-sans); font-size:13.5px; font-weight:600; color:var(--ink-1); display:block; }
#bnv-page[data-engine="fn-page"] .fn-q-role{ font-family:var(--f-mono); font-size:11.5px; color:var(--ink-5); }
#bnv-page[data-engine="fn-page"] .fn-figure{ margin:26px 0; }
#bnv-page[data-engine="fn-page"] .fn-figure img, #bnv-page[data-engine="fn-page"] .fn-figure svg{ display:block; width:100%; height:auto; border-radius:12px; border:1px solid var(--hair); background:var(--paper-1); }
#bnv-page[data-engine="fn-page"] .fn-figure figcaption{ font-family:var(--f-mono); font-size:11.5px; color:var(--ink-5); margin-top:10px; padding-left:12px; border-left:2px solid var(--fn-accent); }
#bnv-page[data-engine="fn-page"] .fn-keypoints{ margin:24px 0; padding:22px 24px; border:1px solid var(--hair); border-radius:12px; background:var(--paper-1); }
#bnv-page[data-engine="fn-page"] .fn-kp-h{ font-family:var(--f-mono); font-size:10.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:color-mix(in srgb,var(--fn-accent) 60%,var(--ink-2)); margin-bottom:13px; }
#bnv-page[data-engine="fn-page"] .fn-keypoints ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
#bnv-page[data-engine="fn-page"] .fn-keypoints li{ display:grid; grid-template-columns:auto 1fr; gap:11px; align-items:start; font-family:var(--f-sans); font-size:15.5px; line-height:1.5; color:var(--ink-2); }
#bnv-page[data-engine="fn-page"] .fn-kp-mk{ width:7px; height:7px; border-radius:50%; background:var(--fn-accent); margin-top:7px; flex:none; }
#bnv-page[data-engine="fn-page"] .fn-takeaway{ margin:32px 0 0; padding:22px 26px; border-radius:14px; background:color-mix(in srgb,var(--fn-accent) 12%,var(--paper-1)); border:1px solid color-mix(in srgb,var(--fn-accent) 32%,var(--hair)); }
#bnv-page[data-engine="fn-page"] .fn-takeaway-label{ display:inline-block; font-family:var(--f-mono); font-size:10.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:color-mix(in srgb,var(--fn-accent) 64%,var(--ink-1)); margin-bottom:10px; }
#bnv-page[data-engine="fn-page"] .fn-takeaway p{ font-family:var(--f-serif); font-style:italic; font-size:clamp(19px,2.2vw,23px); line-height:1.45; color:var(--ink-0); margin:0; }
#bnv-page[data-engine="fn-page"] .fn-related{ padding:48px 0; border-top:1px solid var(--hair); }
#bnv-page[data-engine="fn-page"] .fn-related-h{ font-family:var(--f-mono); font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-5); margin-bottom:20px; }
#bnv-page[data-engine="fn-page"] .fn-related-grid{ display:grid; grid-template-columns:1fr; gap:12px; }
#bnv-page[data-engine="fn-page"] .fn-rel{ display:flex; flex-direction:column; gap:6px; padding:18px 20px; border:1px solid var(--hair); border-radius:12px; background:var(--paper-0); text-decoration:none; transition:all .25s var(--ease); }
#bnv-page[data-engine="fn-page"] .fn-rel:hover{ transform:translateY(-2px); border-color:color-mix(in srgb,var(--fn-accent) 42%,var(--hair)); box-shadow:0 12px 28px rgba(10,14,26,.06); }
#bnv-page[data-engine="fn-page"] .fn-rel-k{ font-family:var(--f-mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-5); }
#bnv-page[data-engine="fn-page"] .fn-rel-t{ font-family:var(--f-sans); font-size:15.5px; font-weight:600; color:var(--ink-0); }
#bnv-page[data-engine="fn-page"] .fn-rel-d{ font-family:var(--f-sans); font-size:13px; line-height:1.5; color:var(--ink-4); }
#bnv-page[data-engine="fn-page"] .fn-cta{ padding:66px 0; text-align:center; background:var(--paper-1); border-top:1px solid var(--hair); }
#bnv-page[data-engine="fn-page"] .fn-cta-h{ font-family:var(--f-sans); font-size:clamp(24px,3vw,34px); font-weight:300; letter-spacing:-.026em; line-height:1.12; color:var(--ink-0); max-width:20ch; margin:0 auto; text-wrap:balance; }
#bnv-page[data-engine="fn-page"] .fn-cta-h em{ font-family:var(--f-serif); font-style:italic; color:color-mix(in srgb,var(--fn-accent) 64%,var(--ink-1)); }
#bnv-page[data-engine="fn-page"] .fn-cta-p{ font-family:var(--f-sans); font-size:15.5px; line-height:1.6; color:var(--ink-4); max-width:50ch; margin:16px auto 0; }
#bnv-page[data-engine="fn-page"] .fn-cta-actions{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:26px; }
#bnv-page[data-engine="fn-page"] .fn-cta-actions .btn{ width:auto; }
#bnv-page[data-engine="fn-page"] .fn-page .btn-primary:hover{ background:color-mix(in srgb,var(--fn-accent) 70%,var(--ink-1)); border-color:transparent; }
#bnv-page[data-engine="fn-page"] .fn-rv{ opacity:0; transform:translateY(12px); transition:opacity .55s var(--ease), transform .55s var(--ease); }
#bnv-page[data-engine="fn-page"] .fn-rv.in{ opacity:1; transform:none; }
@media(prefers-reduced-motion:reduce){#bnv-page[data-engine="fn-page"] .fn-rv{ opacity:1; transform:none; transition:none; }}
@media(max-width:560px){#bnv-page[data-engine="fn-page"] .fn-masthead{ padding:48px 0 24px; }}
html.rtl #bnv-page[data-engine="fn-page"] .fn-quote{ border-left:none; border-right:3px solid var(--fn-accent); padding:4px 24px 4px 0; }
html.rtl #bnv-page[data-engine="fn-page"] .fn-figure figcaption{ padding-left:0; padding-right:12px; border-left:none; border-right:2px solid var(--fn-accent); }
html.rtl #bnv-page[data-engine="fn-page"] .fn-keypoints li{ grid-template-columns:1fr auto; }