/* Author extensions: native Gutenberg content and editable schematic examples. */
.bn-addons-page .bn-page-intro h1{max-width:1050px}
.bn-addons-page .bn-addons-section{padding:64px 0}
.bn-addons-page .bn-addons-section:nth-of-type(even){background:linear-gradient(135deg,#f1f8ff,#fbfdff)}
.bn-addons-page .bn-addons-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:65px;align-items:center}
.bn-addons-page .bn-addons-section:nth-of-type(odd) .bn-addons-demo{order:-1}
.bn-addons-page .bn-addons-copy{min-width:0}
.bn-addons-page .bn-addons-copy h2{font-size:clamp(26px,2.8vw,36px);line-height:1.18;margin-bottom:13px}
.bn-addons-page .bn-addons-headline{font-size:17px;line-height:1.5;font-weight:700;color:#0870d4;margin-bottom:14px}
.bn-addons-page .bn-addons-description{font-size:14px;line-height:1.8;color:#486184}
.bn-addons-page .bn-addons-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.bn-addons-page .bn-addons-list li{position:relative;padding-left:24px;font-size:13px;line-height:1.7;color:#3e5d82}
.bn-addons-page .bn-addons-list li::before{content:'✓';position:absolute;left:0;color:#087cf5;font-weight:800}
.bn-addons-page .bn-addons-note{font-size:12px;line-height:1.75;color:#345a83;border-left:3px solid #66bcff;padding:12px 16px;background:#eaf4ff;border-radius:0 8px 8px 0;margin-top:18px}
.bn-addons-page .bn-addons-demo{position:relative;min-width:0;padding:30px;border:1px solid #d1e5fa;border-radius:24px;background:linear-gradient(145deg,#f8fcff,#deeeff);box-shadow:0 18px 50px #16468c0b}
.bn-addons-page .bn-addons-demo::before{content:'';position:absolute;left:35px;right:35px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#3d9eff,transparent)}
.bn-addons-page .bn-addons-demo .wp-block-image{width:40px;height:40px;padding:9px;border-radius:12px;background:#fff;box-shadow:0 4px 18px #1178e717;margin-bottom:20px;box-sizing:content-box}
.bn-addons-page .bn-addons-demo img{width:40px;height:40px;display:block}
.bn-addons-page .bn-addons-demo-title{font-size:16px;line-height:1.5;font-weight:750;margin-bottom:16px}
.bn-addons-page .bn-addons-table{margin:0;border:1px solid #cee1f5;border-radius:12px;overflow:hidden;background:#fff}
.bn-addons-page .bn-addons-table table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px;line-height:1.6;color:#335782}
.bn-addons-page .bn-addons-table :is(th,td){text-align:left;padding:13px 12px;border:0;border-bottom:1px solid #e7f0fa;overflow-wrap:anywhere;vertical-align:top}
.bn-addons-page .bn-addons-table th{font-size:10px;font-weight:700;letter-spacing:.025em;background:#edf6ff;color:#2267af}
.bn-addons-page .bn-addons-table tr:last-child td{border-bottom:0}
.bn-addons-page .bn-addons-table td:last-child{color:#0868c8;font-weight:650;background:#f5faff}
.bn-addons-page .bn-addons-table figcaption{padding:10px 12px;margin:0;background:#fff;font-size:10px;color:#5d7796;text-align:left;border-top:1px solid #e7f0fa}
.bn-addons-page .bn-addons-demo-foot{font-size:11px;line-height:1.7;margin-top:16px;color:#4d7097}
.bn-addons-page .bn-addons-quick{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}
.bn-addons-page .bn-addons-steps{padding:58px 0;background:#eef6ff}
.bn-addons-page .bn-addons-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px}
.bn-addons-page .bn-addons-step{padding:24px;border-radius:16px;background:#fff;border:1px solid #d6e7f9}
.bn-addons-page .bn-addons-step-number{font-size:11px;font-weight:750;color:#087cf5;letter-spacing:.12em;margin-bottom:12px}
.bn-addons-page .bn-addons-step h3{font-size:18px;margin-bottom:12px}
.bn-addons-page .bn-addons-step>p:last-child{font-size:13px;line-height:1.8;color:#486184}
.bn-addons-page .bn-addons-contact{padding:64px 0}
.bn-addons-page .bn-addons-contact-box{padding:40px;border-radius:22px;background:linear-gradient(120deg,#102b60,#154e92);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center}
.bn-addons-page .bn-addons-contact-box h2{color:#fff;font-size:clamp(27px,2.7vw,38px);margin-bottom:17px}
.bn-addons-page .bn-addons-contact-box .overline{color:#9fd4ff}
.bn-addons-page .bn-addons-contact-box p:not(.overline){font-size:14px;line-height:1.8;color:#e0efff}
.bn-addons-page .bn-addons-contact-links{display:grid;gap:10px;overflow-wrap:anywhere}
.bn-addons-page .bn-addons-contact-links a{color:#fff;text-underline-offset:5px}
.bn-addons-page .bn-addons-contact-links p:first-child{font-weight:750;font-size:24px}
@media(max-width:1100px){.bn-addons-page .bn-addons-layout{gap:35px}.bn-addons-page .bn-addons-demo{padding:23px}}
@media(max-width:760px){.bn-addons-page .bn-addons-layout,.bn-addons-page .bn-addons-contact-box{grid-template-columns:1fr;gap:27px}.bn-addons-page .bn-addons-section{padding:43px 0}.bn-addons-page .bn-addons-section:nth-of-type(odd) .bn-addons-demo{order:0}.bn-addons-page .bn-addons-demo{padding:20px}.bn-addons-page .bn-addons-step-grid{grid-template-columns:1fr;gap:14px}.bn-addons-page .bn-addons-contact-box{padding:27px}.bn-addons-page .bn-addons-table :is(th,td){padding:10px 8px;font-size:11px}.bn-addons-page .bn-addons-table th{font-size:9px}.bn-addons-page .bn-optima-actions{flex-direction:column;align-items:stretch}.bn-addons-page .bn-optima-actions>div{width:100%}.bn-addons-page .bn-addons-contact-links p:first-child{font-size:22px}}

/* Original product screenshots; keep every image whole and readable at full size. */
.bn-addons-page .bn-addons-media{min-width:0;padding:18px;border:1px solid #d1e5fa;border-radius:22px;background:linear-gradient(145deg,#f8fcff,#e9f3ff);box-shadow:0 16px 45px #16468c0b}
.bn-addons-page .bn-addons-section:nth-of-type(odd) .bn-addons-media{order:-1}
.bn-addons-page .bn-addon-gallery{min-width:0}
.bn-addons-page .bn-addon-gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aacff5 #eef6ff;gap:0;border-radius:12px;background:#fff;border:1px solid #d7e6f5}
.bn-addons-page .bn-addon-gallery-track:focus-visible{outline:3px solid #087cf5;outline-offset:4px}
.bn-addons-page .bn-addon-slide.wp-block-image{margin:0;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;box-sizing:border-box}
.bn-addons-page .bn-addon-slide>a{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(220px,26vw,380px);padding:10px;box-sizing:border-box;background:#fff}
.bn-addons-page .bn-addon-slide img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.bn-addons-page .bn-addon-slide figcaption{margin:0;border-top:1px solid #e4eef8;padding:11px 13px;font-size:11px;line-height:1.6;color:#45658a;background:#f9fcff;flex:1;overflow-wrap:anywhere}
.bn-addons-page .bn-addon-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}
.bn-addons-page .bn-addon-gallery-controls button{width:40px;height:40px;border:1px solid #b6d7f7;border-radius:10px;background:#fff;color:#087cf5;font-size:21px;line-height:1;display:grid;place-items:center;cursor:pointer}
.bn-addons-page .bn-addon-gallery-controls button:hover:not(:disabled){background:#087cf5;color:#fff}
.bn-addons-page .bn-addon-gallery-controls button:disabled{opacity:.35;cursor:default}
.bn-addons-page .bn-addon-gallery-count{font-size:12px;line-height:1.6;font-weight:700;color:#365d89;font-variant-numeric:tabular-nums}
.bn-addons-page .bn-addon-gallery-dots{display:flex;align-items:center;justify-content:center;gap:1px;flex-wrap:wrap;margin-top:2px}
.bn-addons-page .bn-addon-gallery-dots button{display:grid;place-items:center;padding:0;width:27px;height:28px;border:0;background:transparent;cursor:pointer}
.bn-addons-page .bn-addon-gallery-dots button::before{content:'';width:6px;height:6px;border-radius:50%;background:#b6d4f1;transition:background .2s,width .2s}
.bn-addons-page .bn-addon-gallery-dots button[aria-current=true]::before{width:19px;border-radius:5px;background:#087cf5}
.bn-addons-page .bn-addon-gallery :is(button,a):focus-visible{outline:3px solid #087cf5;outline-offset:3px}
.bn-addons-page .bn-addon-gallery-hint{margin-top:12px;font-size:11px;line-height:1.7;color:#4c7199;text-align:center}
@media(max-width:760px){.bn-addons-page .bn-addons-section:nth-of-type(odd) .bn-addons-media{order:0}.bn-addons-page .bn-addons-media{padding:12px}.bn-addons-page .bn-addon-slide>a{height:245px;padding:6px}.bn-addons-page .bn-addon-slide figcaption{font-size:10px;min-height:50px}.bn-addons-page .bn-addon-gallery-controls button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.bn-addons-page .bn-addon-gallery *{scroll-behavior:auto!important;transition:none!important}}