/* Isolated Resources center. Existing shared typography, palette and header are unchanged. */

body.sibo-resource-hub-page .sibo-hub{background:var(--sibo-surface);color:var(--sibo-text-muted);font-size:var(--sibo-text-body);line-height:1.8;padding-bottom:100px}

/* Align resource covers, category navigation, body and contact with the 1600px news archive; retain shared responsive gutters. */
body.sibo-resource-hub-page .sibo-hub .sibo-container{max-width:1600px}

.sibo-hub :is(h1,h2,h3,p,figure){margin:0}

.sibo-hub :is(h1,h2,h3){color:var(--sibo-text);font-family:inherit;font-weight:600;letter-spacing:-.035em;line-height:1.25}

.sibo-hub a{text-decoration:none}

.sibo-hub a:focus-visible,.sibo-hub summary:focus-visible,.sibo-hub video:focus-visible{outline:2px solid var(--sibo-accent-hover);outline-offset:5px}

.sibo-hub-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--sibo-surface);padding-top:30px;padding-bottom:64px}
/* A genuine tool-in-use photo, capped at its source width and blended into the page. */
.sibo-hub-hero-media{position:absolute;inset:0;z-index:-1;pointer-events:none}
.sibo-hub-hero-media .sibo-hub-hero-image{position:absolute;top:0;right:0;width:min(100%,1400px);max-width:none;height:100%;object-fit:cover;object-position:center 52%;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.sibo-hub-hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#131519 0%,#13151900 34%),linear-gradient(90deg,#131519 0%,#131519f5 20%,#13151994 48%,#13151959 65%,#131519bd 100%)}
.sibo-hub-hero-inner{position:relative}
.sibo-hub-hero .sibo-hub-lead,.sibo-hub-hero .sibo-hub-breadcrumb{color:#d5d9df}

.sibo-hub-breadcrumb{display:flex;align-items:center;gap:14px;font-size:var(--sibo-text-small);line-height:1.6}

.sibo-hub-breadcrumb a{color:inherit}

.sibo-hub-breadcrumb a:hover{color:var(--sibo-accent)}

.sibo-hub-breadcrumb>span[aria-hidden]{color:#737b85}

.sibo-hub-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-top:58px}

body.sibo-resource-hub-page .sibo-hub h1{font-size:clamp(2.75rem,5.2vw,4.75rem);line-height:1.05;letter-spacing:-.055em}

body.sibo-site .sibo-hub .sibo-kicker{margin-bottom:20px}

.sibo-hub-lead{max-width:43ch;justify-self:end;font-size:var(--sibo-text-reading);line-height:1.75;padding-bottom:4px}

.sibo-hub-tabs{display:flex;gap:46px;align-items:stretch;border-bottom:1px solid var(--sibo-line);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--sibo-line) transparent}

.sibo-hub-tab{position:relative;display:flex;align-items:center;gap:30px;flex:none;padding:20px 0 22px;color:var(--sibo-text-muted);font-size:1.125rem;line-height:1.5;white-space:nowrap;transition:color .18s}

.sibo-hub-tab::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--sibo-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}

.sibo-hub-tab-arrow{font-size:1.1em;color:var(--sibo-accent);opacity:0;transition:opacity .2s}

.sibo-hub-tab:is(:hover,:focus-visible),.sibo-hub-tab.is-active{color:var(--sibo-text)}

.sibo-hub-tab.is-active::after{transform:scaleX(1)}

.sibo-hub-tab:is(:hover,:focus-visible,.is-active) .sibo-hub-tab-arrow{opacity:1}

.sibo-hub-tab:focus-visible{outline-offset:-5px!important}

.sibo-hub-content{padding-top:44px}

.sibo-hub-panel[hidden]{display:none!important}

.sibo-hub-panel.is-entering{animation:sibo-hub-enter .24s ease-out both}

@keyframes sibo-hub-enter{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}



.sibo-hub-services{display:grid;gap:24px}

.sibo-hub-service{border:1px solid #21c4b84d;border-radius:0 0 16px 16px;overflow:hidden}

.sibo-hub-service-head{display:flex;align-items:stretch;background:var(--sibo-surface-raised)}

.sibo-hub-service-icon{display:grid;place-items:center;flex:0 0 76px;min-height:74px;background:var(--sibo-accent);color:#071b1a}

.sibo-hub-service-icon svg{width:28px;height:28px}

body.sibo-resource-hub-page .sibo-hub-service h3{font-size:clamp(1.25rem,1.65vw,1.5rem);padding:22px 28px;align-self:center;letter-spacing:-.025em}

.sibo-hub-service-body{padding:27px 34px 29px}

.sibo-hub-service-body p+p{margin-top:14px}

.sibo-hub-service-body a{color:var(--sibo-accent);text-decoration:underline;text-underline-offset:4px}

/* The resource navigation already provides the top divider. */
.sibo-hub-faq-list{border-top:0}

.sibo-hub-faq{border-bottom:1px solid var(--sibo-line)}

.sibo-hub-faq summary{display:flex;align-items:center;gap:30px;cursor:pointer;list-style:none;padding:28px 0}

.sibo-hub-faq summary::-webkit-details-marker{display:none}

.sibo-hub-faq-number{color:var(--sibo-accent);font-size:var(--sibo-text-small);flex:0 0 50px}

body.sibo-resource-hub-page .sibo-hub-faq h3{font-size:1.25rem;flex:1}

.sibo-hub-faq-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--sibo-line);border-radius:50%;color:var(--sibo-accent)}

.sibo-hub-faq-icon svg{transform:none}
.sibo-hub-faq[open] .sibo-hub-faq-icon-vertical{display:none}

.sibo-hub-faq-answer{padding:0 70px 28px 80px;max-width:1100px}

.sibo-hub-faq-answer p+p{margin-top:12px}

.sibo-hub-download-list{display:grid;gap:24px}

.sibo-hub-download{display:grid;grid-template-columns:minmax(240px,380px) minmax(0,1fr);gap:64px;align-items:center;border:1px solid var(--sibo-line);border-radius:14px;padding:38px;background:var(--sibo-surface-raised)}

.sibo-hub-document{display:grid;place-items:center;min-width:0;padding:24px;background:#eceeed;border-radius:6px;aspect-ratio:4/3}

.sibo-hub-document img{display:block;width:auto;max-width:100%;max-height:340px;object-fit:contain;box-shadow:0 12px 25px #071b1a26}

.sibo-hub-file-mark{font-size:4rem;letter-spacing:-.04em;color:#171d22}

body.sibo-resource-hub-page .sibo-hub-document-copy h3{font-size:clamp(1.75rem,2.6vw,2.5rem)}

.sibo-hub-document-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:var(--sibo-text-small);color:var(--sibo-accent);margin-top:18px!important}

.sibo-hub-document-copy>p:not(.sibo-kicker):last-of-type{margin-top:22px;max-width:54ch}

.sibo-hub-document-copy .sibo-button{margin-top:30px}

.sibo-hub-document-preview{display:block;width:fit-content;color:var(--sibo-text-muted);font-size:var(--sibo-text-action);margin-top:18px}

.sibo-hub-document-preview:hover{color:var(--sibo-accent)}

.sibo-hub-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}

.sibo-hub-video{min-width:0;border:1px solid var(--sibo-line);border-radius:10px;overflow:hidden;background:var(--sibo-surface-raised)}

.sibo-hub-video-frame{position:relative;aspect-ratio:16/10;background:#0d0f12}

.sibo-hub-video video{display:block;width:100%;height:100%;object-fit:contain}

.sibo-hub-video-label{display:flex;align-items:start;gap:12px;padding:20px}

.sibo-hub-video-label>span{font-size:var(--sibo-text-caption);color:var(--sibo-accent);margin-top:3px}

body.sibo-resource-hub-page .sibo-hub-video h3{font-size:var(--sibo-text-control);font-weight:500;letter-spacing:-.01em;line-height:1.5;flex:1;overflow-wrap:anywhere}

.sibo-hub-video-label>svg{width:18px;height:18px;flex:none;color:var(--sibo-accent);margin-top:3px}

.sibo-hub-contact{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:72px;padding:42px 46px;background:var(--sibo-surface-raised);border:1px solid var(--sibo-line);border-radius:12px}

body.sibo-resource-hub-page .sibo-hub-contact h2{font-size:clamp(1.5rem,2.6vw,2.25rem);margin-bottom:14px}

.sibo-hub-contact>div{max-width:850px}

.sibo-hub-contact>.sibo-button{flex:none}

.sibo-hub-contact-links{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:18px;font-size:var(--sibo-text-control)}

.sibo-hub-contact-links a{color:var(--sibo-text);overflow-wrap:anywhere}

.sibo-hub-contact-links a:hover{color:var(--sibo-accent)}

@media(min-width:1800px){.sibo-hub-hero{padding-top:38px;padding-bottom:78px}.sibo-hub-hero-copy{margin-top:70px}.sibo-hub-service-body{padding:30px 36px 32px}}

@media(max-width:1000px){.sibo-hub-hero-copy{gap:32px}.sibo-hub-tabs{gap:30px}.sibo-hub-tab{gap:18px}.sibo-hub-download{gap:32px;grid-template-columns:minmax(220px,1fr) minmax(0,1.2fr);padding:28px}.sibo-hub-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sibo-hub-contact{padding:32px;gap:30px;align-items:start;flex-direction:column}}

@media(max-width:600px){.sibo-hub-hero-media .sibo-hub-hero-image{object-position:58% center;mask-image:none}.sibo-hub-hero-media::after{background:linear-gradient(0deg,#131519 0%,#13151955 60%,#13151966 100%),linear-gradient(90deg,#131519b8,#13151966)}body.sibo-resource-hub-page .sibo-hub{padding-bottom:56px}.sibo-hub-hero{padding-top:22px;padding-bottom:28px}.sibo-hub-breadcrumb{font-size:var(--sibo-text-caption)}.sibo-hub-hero-copy{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:34px}body.sibo-resource-hub-page .sibo-hub h1{font-size:2.75rem}.sibo-hub-lead{justify-self:start;padding:0;max-width:38ch}.sibo-hub-tabs{gap:28px}.sibo-hub-tab{font-size:var(--sibo-text-control);gap:12px;padding:20px 0}.sibo-hub-content{padding-top:30px}.sibo-hub-services{gap:20px}.sibo-hub-service{border-radius:0 0 12px 12px}.sibo-hub-service-icon{flex-basis:52px;min-height:68px}.sibo-hub-service-icon svg{width:23px;height:23px}body.sibo-resource-hub-page .sibo-hub-service h3{font-size:1.125rem;padding:18px}.sibo-hub-service-body{padding:20px;line-height:1.8}.sibo-hub-faq summary{gap:12px;padding:22px 0}.sibo-hub-faq-number{flex-basis:24px}body.sibo-resource-hub-page .sibo-hub-faq h3{font-size:1.0625rem}.sibo-hub-faq-icon{flex-basis:32px;width:32px;height:32px}.sibo-hub-faq-answer{padding:0 0 24px 36px}.sibo-hub-download{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px}.sibo-hub-document{max-width:340px;width:100%;justify-self:center}.sibo-hub-document img{max-height:260px}.sibo-hub-video-grid{grid-template-columns:minmax(0,1fr);gap:22px}.sibo-hub-video-label{padding:18px}.sibo-hub-contact{margin-top:40px;padding:28px 24px;gap:24px}.sibo-hub-contact-links{gap:8px 20px}}

@media(prefers-reduced-motion:reduce){.sibo-hub-panel.is-entering{animation:none}.sibo-hub-tab,.sibo-hub-tab::after,.sibo-hub-tab-arrow{transition:none}}



/* Actual-video posters avoid empty/loading players before a visitor chooses a demo. */

.sibo-hub-video-start[hidden]{display:none!important}

.sibo-hub-video-start{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:#0d0f12;color:#071b1a;cursor:pointer;isolation:isolate;box-shadow:none}

.sibo-hub-video-start img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:contain}

.sibo-hub-play-circle{display:grid;place-items:center;width:58px;height:58px;background:var(--sibo-accent);color:#071b1a;border:1px solid #071b1a1a;border-radius:50%;box-shadow:0 4px 24px #0004;transition:background .2s,transform .2s}

.sibo-hub-video-start:hover .sibo-hub-play-circle{background:var(--sibo-accent-hover);transform:scale(1.06)}

/* Optical centering: the play triangle centroid is x=12 2/3, y=12 in its 24-unit viewBox. */
.sibo-hub-play-circle svg{width:25px;height:25px;margin:0;transform:translateX(-2.777778%)}



.sibo-hub-video-start:focus-visible{outline-offset:-5px!important}

.sibo-hub-video-start:disabled{opacity:1;cursor:progress}

@media(prefers-reduced-motion:reduce){.sibo-hub-play-circle{transition:none}}


/* Video library: screenshot-inspired editorial banner and a compact four-column archive.
   Scoped to this library so service, FAQ, downloads, shared header/footer stay unchanged. */
.sibo-video-library [hidden]{display:none!important}
.sibo-video-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:32px}
.sibo-video-intro .sibo-kicker{font-size:.6875rem;letter-spacing:.22em;margin-bottom:14px;color:var(--sibo-accent)}
body.sibo-resource-hub-page .sibo-video-library-title{font-size:clamp(2.25rem,3.3vw,3.5rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 16px}
.sibo-video-title-dot{color:var(--sibo-accent)}
.sibo-video-intro-copy{font-size:.9375rem;color:var(--sibo-text-muted)}
.sibo-video-stats{display:flex;align-items:center;flex-shrink:0;margin:0}
.sibo-video-stats>div{display:flex;flex-direction:column-reverse;padding:0 30px;border-left:1px solid var(--sibo-line);gap:4px}
.sibo-video-stats>div:first-child{border:0;padding-left:0}
.sibo-video-stats>div:last-child{padding-right:0}
.sibo-video-stats dt{font-size:.6875rem;font-weight:400;color:var(--sibo-text-muted)}
.sibo-video-stats dd{font-size:1.75rem;line-height:1.3;font-weight:500;letter-spacing:-.03em;color:var(--sibo-text);margin:0;font-variant-numeric:tabular-nums}
.sibo-video-feature{margin-bottom:42px}
.sibo-video-feature-slide{border-radius:14px;overflow:hidden;border:1px solid var(--sibo-line);background:#0d0f12}
.sibo-video-feature-frame{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);min-height:clamp(340px,28vw,440px);position:relative;background:#111518}
.sibo-video-feature-media{position:relative;min-width:0;min-height:100%;background:#0d0f12;isolation:isolate}
.sibo-video-feature-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#0d0f12}
.sibo-video-feature-frame .sibo-video-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;width:100%;max-width:none;height:auto;min-width:0;padding:36px clamp(28px,3.2vw,54px)}
.sibo-video-feature-tag{font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:var(--sibo-accent);color:#071b1a;padding:6px 10px;border-radius:4px;margin-bottom:22px}
body.sibo-resource-hub-page .sibo-video-feature-copy h2.sibo-video-feature-title{font-size:clamp(1.75rem,2.6vw,2.75rem);line-height:1.16;font-weight:600;letter-spacing:-.035em;max-width:18ch;margin:0;overflow-wrap:anywhere}
.sibo-video-feature-copy p.sibo-video-feature-description{font-size:.8125rem;line-height:1.7;color:#d3d8dc;max-width:35ch;margin-top:16px}
.sibo-video-feature-action{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:24px;font-size:.6875rem;color:#d3d8dc}
.sibo-video-feature-action .sibo-button{font-size:.8125rem;padding:12px 18px;gap:10px;border-radius:8px;min-height:44px;white-space:nowrap}
.sibo-video-feature-index{position:absolute;top:20px;right:20px;z-index:3;pointer-events:none;font-size:.6875rem;font-variant-numeric:tabular-nums;letter-spacing:.1em;background:#0d0f128c;border:1px solid #ffffff26;color:#fff;border-radius:30px;padding:6px 14px}
.sibo-video-library .sibo-video-feature .sibo-video-feature-cover{display:grid;place-items:center;background:#0d0f12}
.sibo-video-library .sibo-video-feature .sibo-video-feature-cover>img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.sibo-video-feature-cover::after{content:none}
.sibo-video-feature-cover:focus-visible{outline:2px solid var(--sibo-accent);outline-offset:-6px!important}
.sibo-video-feature-reset{position:absolute;top:18px;left:18px;z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;background:#10161be8;border:1px solid #ffffff55;border-radius:8px;color:#fff;font:inherit;font-size:.75rem;line-height:1.4;cursor:pointer;box-shadow:0 3px 14px #0003}
.sibo-video-feature-reset svg{width:17px;height:17px;transform:rotate(180deg)}
.sibo-video-feature-reset:is(:hover,:focus-visible){color:var(--sibo-accent);border-color:var(--sibo-accent)}
.sibo-video-feature-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;color:var(--sibo-text-muted);font-size:.625rem;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.sibo-video-feature-navigation>div{display:flex;gap:3px}
.sibo-video-feature-navigation button{display:grid;place-items:center;width:38px;height:32px;background:transparent;border:0;border-radius:6px;padding:8px;color:var(--sibo-accent);cursor:pointer}
.sibo-video-feature-navigation button>span{width:6px;height:6px;display:block;border-radius:10px;background:var(--sibo-text-muted);opacity:.5;transition:width .18s,background .18s}
.sibo-video-feature-navigation button[aria-pressed="true"]>span{width:25px;background:var(--sibo-accent);opacity:1}
.sibo-video-catalog-heading{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-bottom:22px}
body.sibo-resource-hub-page .sibo-video-catalog-heading h2{display:flex;align-items:center;gap:12px;font-size:1.5rem;letter-spacing:-.025em}
.sibo-video-total{font-size:.6875rem;padding:4px 8px;border-radius:4px;background:#21c4b817;color:var(--sibo-accent);letter-spacing:0;font-weight:500}
.sibo-video-tools{display:flex;align-items:center;gap:14px}
.sibo-video-search{display:flex;align-items:center;gap:10px;border:1px solid var(--sibo-line);border-radius:8px;padding:0 12px;color:var(--sibo-text-muted)}
body.sibo-resource-hub-page .sibo-video-search input{width:170px;min-width:0;height:40px;padding:0;border:0;background:transparent;color:var(--sibo-text);box-shadow:none;outline-offset:3px;font:inherit;font-size:.8125rem;border-radius:4px}
.sibo-video-search input::placeholder{color:var(--sibo-text-muted);opacity:1}
body.sibo-resource-hub-page .sibo-video-sort select{width:150px;height:42px;background-color:var(--sibo-surface);border:1px solid var(--sibo-line);border-radius:8px;color:var(--sibo-text-muted);font:inherit;font-size:.75rem;padding:0 28px 0 12px;color-scheme:dark}
/* Readable video filters: 16px labels, clear states and keyboard focus. */
.sibo-video-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.sibo-video-filters button{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 20px;min-height:46px;border:1px solid #535b65;border-radius:8px;background:var(--sibo-surface-raised);color:var(--sibo-text);font:inherit;font-size:16px;font-weight:600;letter-spacing:.01em;line-height:1.5;cursor:pointer;box-shadow:none}
.sibo-video-filters button>span{font-size:14px;font-variant-numeric:tabular-nums;opacity:1}
.sibo-video-filters button:hover{background:var(--sibo-surface-hover);border-color:var(--sibo-accent);color:var(--sibo-text)}
.sibo-video-filters button[aria-pressed="true"]{background:var(--sibo-accent);border-color:var(--sibo-accent);color:#071b1a}
.sibo-video-filters button[aria-pressed="true"]:hover{background:var(--sibo-accent-hover);border-color:var(--sibo-accent-hover);color:#071b1a}
.sibo-video-filters button:focus-visible{outline:2px solid var(--sibo-accent-hover);outline-offset:3px}
.sibo-video-library .sibo-hub-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}
.sibo-video-library .sibo-hub-video{border:0;border-radius:0;background:transparent;min-width:0;overflow:visible}
.sibo-video-library .sibo-hub-video-frame{aspect-ratio:16/9;border:1px solid var(--sibo-line);border-radius:10px;overflow:hidden;background:#0d0f12}
.sibo-video-library .sibo-hub-video-start{background:#0d0f12}
.sibo-video-library .sibo-hub-video-start img{object-fit:contain}
.sibo-video-library .sibo-hub-play-circle{width:46px;height:46px;background:#12171bc9;border-color:#ffffff80;color:#fff;box-shadow:0 4px 18px #0003;transition:background .2s,transform .2s}
.sibo-video-library .sibo-hub-play-circle svg{width:20px;height:20px}
.sibo-video-library .sibo-hub-video-start:hover .sibo-hub-play-circle{background:var(--sibo-accent);border-color:var(--sibo-accent);color:#071b1a;transform:scale(1.06)}
.sibo-video-card-tag,.sibo-video-duration{position:absolute;pointer-events:none;z-index:2;background:#10161bcc;border:1px solid #ffffff26;border-radius:4px;color:#fff;padding:3px 6px;font-size:.5625rem;line-height:1.4;letter-spacing:.02em}
.sibo-video-card-tag{left:10px;top:10px;text-transform:uppercase}
.sibo-video-duration{bottom:9px;right:9px;font-variant-numeric:tabular-nums}
.sibo-hub-video-frame.is-playing :is(.sibo-video-card-tag,.sibo-video-duration){display:none}
.sibo-video-library .sibo-hub-video-label{display:block;padding:13px 0 0}
body.sibo-resource-hub-page .sibo-video-library .sibo-hub-video h3{font-size:.875rem;line-height:1.55;font-weight:500;letter-spacing:-.01em}
.sibo-video-library .sibo-hub-video-label p{display:flex;justify-content:space-between;gap:14px;margin-top:6px;font-size:.6875rem;color:var(--sibo-text-muted);font-variant-numeric:tabular-nums}
.sibo-video-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:36px}
.sibo-video-pagination .sibo-button{font-size:.8125rem;min-height:44px}
.sibo-video-pagination p{font-size:.75rem;color:var(--sibo-text-muted)}
.sibo-video-empty{text-align:center;padding:48px 20px;border:1px solid var(--sibo-line);border-radius:10px}
.sibo-video-empty p{margin:12px 0 22px}
.sibo-video-library :is(button,select,input):focus-visible{outline:2px solid var(--sibo-accent);outline-offset:4px}
@media(max-width:1100px){.sibo-video-library .sibo-hub-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sibo-video-stats>div{padding:0 20px}.sibo-video-feature-action{gap:14px}}
@media(max-width:800px){.sibo-video-intro{align-items:flex-start}.sibo-video-stats>div{padding:0 14px}.sibo-video-stats dd{font-size:1.375rem}.sibo-video-stats dt{font-size:.625rem}.sibo-video-library .sibo-hub-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sibo-video-feature-frame{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}.sibo-video-feature-frame .sibo-video-feature-copy{padding:28px 24px}.sibo-video-feature-action{flex-wrap:wrap;gap:12px}.sibo-video-catalog-heading{align-items:flex-start;flex-direction:column;gap:18px}.sibo-video-tools{width:100%;justify-content:space-between}.sibo-video-search{flex:1}.sibo-video-search input{flex:1}.sibo-video-feature{margin-bottom:32px}}
@media(max-width:600px){.sibo-video-intro{flex-direction:column;gap:24px;margin-bottom:26px}.sibo-video-intro .sibo-kicker{margin-bottom:12px}body.sibo-resource-hub-page .sibo-video-library-title{font-size:2.5rem;margin-bottom:12px}.sibo-video-stats{width:100%;justify-content:space-between}.sibo-video-stats>div{padding:0 20px}.sibo-video-stats dd{font-size:1.5rem}.sibo-video-feature-frame{grid-template-columns:minmax(0,1fr);min-height:0}.sibo-video-feature-media{min-height:0;aspect-ratio:16/9}.sibo-video-feature-frame .sibo-video-feature-copy{padding:28px 24px}body.sibo-resource-hub-page .sibo-video-feature-copy h2.sibo-video-feature-title{font-size:1.875rem;max-width:20ch}.sibo-video-feature-tag{margin-bottom:18px}.sibo-video-feature-description{max-width:32ch;margin-top:12px}.sibo-video-feature-action{margin-top:20px;gap:12px}.sibo-video-feature-index{top:14px;right:14px}.sibo-video-feature-reset{top:12px;left:12px;min-height:36px;padding:7px 10px;font-size:.6875rem}.sibo-video-feature-navigation>span:first-child{font-size:.5rem;letter-spacing:.06em}.sibo-video-library .sibo-hub-video-grid{grid-template-columns:minmax(0,1fr);gap:26px}.sibo-video-filters{gap:8px}.sibo-video-filters button{padding:10px 16px}.sibo-video-tools{gap:8px}.sibo-video-search{padding:0 10px;gap:7px}body.sibo-resource-hub-page .sibo-video-search input{width:80px}body.sibo-resource-hub-page .sibo-video-sort select{width:132px;padding-left:9px}.sibo-video-library .sibo-hub-video-label{padding-top:12px}body.sibo-resource-hub-page .sibo-video-library .sibo-hub-video h3{font-size:1rem}.sibo-video-card-tag,.sibo-video-duration{font-size:.625rem}.sibo-video-library .sibo-hub-play-circle{width:52px;height:52px}.sibo-video-pagination{gap:16px;margin-top:30px}.sibo-video-intro-copy{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.sibo-video-library *{transition:none!important}}
/* Video-only search: one surface and focus ring, not a second input-shaped box. */
body.sibo-resource-hub-page .sibo-video-search{width:260px;min-width:0;height:42px;box-sizing:border-box;background:var(--sibo-surface-raised);gap:10px;padding:0 10px 0 12px;transition:border-color .18s,box-shadow .18s}
body.sibo-resource-hub-page .sibo-video-search>svg{flex:0 0 18px;pointer-events:none}
body.sibo-resource-hub-page .sibo-video-search:focus-within{border-color:var(--sibo-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--sibo-accent) 20%,transparent)}
body.sibo-resource-hub-page .sibo-video-search input[type="search"],
body.sibo-resource-hub-page .sibo-video-search input[type="search"]:focus{appearance:none;-webkit-appearance:none;flex:1 1 0;width:0;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;outline:none!important;font:400 13px/1.4 var(--sibo-font-family);color:var(--sibo-text)}
body.sibo-resource-hub-page .sibo-video-search input::-webkit-search-decoration,
body.sibo-resource-hub-page .sibo-video-search input::-webkit-search-cancel-button{-webkit-appearance:none}
body.sibo-resource-hub-page .sibo-video-search-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;min-height:0;margin:0;padding:5px;border:0;border-radius:4px;background:transparent;color:var(--sibo-text-muted);cursor:pointer}
body.sibo-resource-hub-page .sibo-video-search-clear[hidden]{display:none!important}
body.sibo-resource-hub-page .sibo-video-search-clear:hover{background:var(--sibo-surface-hover);color:var(--sibo-accent)}
@media(max-width:800px){body.sibo-resource-hub-page .sibo-video-tools{width:100%;min-width:0}body.sibo-resource-hub-page .sibo-video-search{flex:1 1 0;width:auto}}

/* Workspace and contact inherit the shared Resources container width above. */
/* Editorial service layout only; other resource card designs remain unchanged. */
.sibo-hub--service .sibo-hub-content{padding-top:0}
.sibo-hub--service .sibo-hub-services{gap:0}
.sibo-hub--service .sibo-hub-service{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);column-gap:clamp(32px,4vw,64px);padding:44px 0;border:0;border-radius:0;background:transparent;overflow:visible}
.sibo-hub--service .sibo-hub-service+.sibo-hub-service{border-top:1px solid var(--sibo-line)}
.sibo-hub--service .sibo-hub-service-head{display:block;align-self:start;min-width:0;background:transparent}
.sibo-hub--service .sibo-hub-service-symbol{display:block;width:30px;height:30px;max-width:none;margin-top:calc(.5lh - 15px);color:var(--sibo-accent);fill:none;stroke:currentColor;stroke-width:1.8;pointer-events:none;animation:none;transition:none}
.sibo-hub--service .sibo-hub-service-symbol :is(path,circle,rect){vector-effect:non-scaling-stroke}

body.sibo-resource-hub-page .sibo-hub--service .sibo-hub-service h3{max-width:24ch;padding:0;font-size:clamp(24px,1.8vw,28px);line-height:1.25;letter-spacing:-.025em}
.sibo-hub--service .sibo-hub-service-body{min-width:0;width:100%;max-width:660px;padding:0;font-size:16px;line-height:1.65}
.sibo-hub--service .sibo-hub-service-body p+p{margin-top:14px}
.sibo-hub--service .sibo-hub-service-body .sibo-hub-service-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:12px;color:var(--sibo-text);font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .18s}
.sibo-hub--service .sibo-hub-service-link span{text-decoration:underline;text-decoration-color:var(--sibo-line);text-underline-offset:5px}
.sibo-hub--service .sibo-hub-service-link svg{flex:none;width:18px;height:18px}
.sibo-hub--service .sibo-hub-service-body .sibo-hub-service-link:is(:hover,:focus-visible){color:var(--sibo-accent-hover)}
.sibo-hub--service .sibo-hub-service-link:is(:hover,:focus-visible) span{text-decoration-color:currentColor}
@media(max-width:800px){
 .sibo-hub--service .sibo-hub-service{grid-template-columns:minmax(0,1fr);gap:20px;padding:36px 0}
 body.sibo-resource-hub-page .sibo-hub--service .sibo-hub-service h3{font-size:24px;max-width:none}
 .sibo-hub--service .sibo-hub-service-body{max-width:660px}
}
@media(prefers-reduced-motion:reduce){.sibo-hub--service .sibo-hub-service-link{transition:none}}

/* FAQ: short native pages, using the existing brand pagination treatment. */
#resource-panel-faq{scroll-margin-top:120px}
.sibo-faq-pagination{margin-top:32px}
.sibo-hub .sibo-faq-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.sibo-hub .sibo-faq-pagination li{margin:0;padding:0}
.sibo-hub .sibo-faq-pagination .page-numbers:not(ul){display:grid;place-items:center;min-width:44px;min-height:44px;box-sizing:border-box;padding:8px 12px;border:1px solid var(--sibo-line);border-radius:6px;background:var(--sibo-surface-raised);color:var(--sibo-text-muted);font-size:14px;font-weight:600;line-height:1.5;transition:color .18s,background-color .18s,border-color .18s}
.sibo-hub .sibo-faq-pagination :is(a:hover,.current){color:#071b1a;background:var(--sibo-accent);border-color:var(--sibo-accent)}
@media(max-width:600px){.sibo-hub .sibo-faq-pagination ul{gap:6px}.sibo-hub .sibo-faq-pagination .page-numbers:not(ul){padding-inline:10px;font-size:13px}}

/* FAQ-only refinement: numbers guide scanning, while titles and answers share one text edge. */
.sibo-hub--faq{--sibo-faq-number-width:36px;--sibo-faq-column-gap:12px}
.sibo-hub--faq .sibo-hub-content{padding-top:56px}
.sibo-hub--faq .sibo-hub-faq summary{display:grid;grid-template-columns:var(--sibo-faq-number-width) minmax(0,1fr) 32px;gap:var(--sibo-faq-column-gap);align-items:start;padding:26px 0;cursor:pointer}
.sibo-hub--faq .sibo-hub-faq[open] summary{padding-bottom:12px}
.sibo-hub--faq .sibo-hub-faq-number{width:var(--sibo-faq-number-width);font-size:13px;font-weight:400;line-height:1.4;color:var(--sibo-text-muted);padding-top:6px;font-variant-numeric:tabular-nums}
body.sibo-resource-hub-page .sibo-hub--faq .sibo-hub-faq h3{min-width:0;padding-top:2px;font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.015em;color:var(--sibo-text);overflow-wrap:anywhere}
/* FAQ interaction states follow the shared teal accent; idle questions and answers keep their colors. */
body.sibo-resource-hub-page .sibo-hub--faq .sibo-hub-faq[open] h3,
body.sibo-resource-hub-page .sibo-hub--faq .sibo-hub-faq summary:is(:hover,:focus-visible) h3{color:var(--sibo-accent)}
.sibo-hub--faq .sibo-hub-faq-icon{width:32px;height:32px;border-color:color-mix(in srgb,var(--sibo-line) 60%,transparent);color:var(--sibo-text-muted);background:transparent}
.sibo-hub--faq .sibo-hub-faq-icon svg{width:18px;height:18px;transform:none;transition:none}
.sibo-hub--faq .sibo-hub-faq summary:is(:hover,:focus-visible) .sibo-hub-faq-icon{color:var(--sibo-accent)}
.sibo-hub--faq .sibo-hub-faq-answer{max-width:none;padding:0 44px 24px calc(var(--sibo-faq-number-width) + var(--sibo-faq-column-gap));font-size:16px;line-height:1.65;color:var(--sibo-text-muted);overflow-wrap:anywhere}
.sibo-hub--faq .sibo-hub-faq-answer>*{max-width:82ch}
.sibo-hub--faq .sibo-hub-faq-answer a{color:var(--sibo-accent);text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.sibo-hub--faq .sibo-hub-content{padding-top:48px}.sibo-hub--faq .sibo-hub-faq summary{grid-template-columns:var(--sibo-faq-number-width) minmax(0,1fr) 28px;padding-top:24px;padding-bottom:24px}.sibo-hub--faq .sibo-hub-faq[open] summary{padding-bottom:12px}body.sibo-resource-hub-page .sibo-hub--faq .sibo-hub-faq h3{font-size:17px}.sibo-hub--faq .sibo-hub-faq-number{font-size:12px;padding-top:5px}.sibo-hub--faq .sibo-hub-faq-icon{width:28px;height:28px}.sibo-hub--faq .sibo-hub-faq-answer{font-size:15px;padding-right:0}}

/* The icon shares the actual heading line-height, including shared mobile typography overrides. */
body.sibo-resource-hub-page .sibo-hub--service .sibo-hub-service h3{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:16px;align-items:start;max-width:none}
.sibo-hub--service .sibo-hub-service-title{min-width:0;max-width:24ch}
@media(max-width:800px){.sibo-hub--service .sibo-hub-service-title{max-width:none}}