/* Package B only. Shared production CSS and assistant/footer remain untouched. */
.obc-blog-archive .wp-element-button,.obc-b-analytics .wp-element-button { background:linear-gradient(135deg,var(--obc-primary) 0%,#173693 100%); color:white; border:0; border-radius:.75rem; text-decoration:none; font-weight:700; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.obc-blog-archive .wp-element-button:hover,.obc-b-analytics .wp-element-button:hover { background:linear-gradient(135deg,var(--obc-primary-hover) 0%,#112870 100%); transform:translateY(-1px); box-shadow:0 4px 12px rgba(28,63,170,.25); }
.obc-blog-archive > *, .obc-b-analytics > * { min-width:0; width:100%; max-width:1240px!important; margin-inline:auto!important; }
.obc-b-blog-hero { position:relative; isolation:isolate; overflow:hidden; border-radius:24px; background:#eaf3ff; padding:44px; min-height:310px; display:flex; align-items:center; }
.obc-b-blog-hero__text { position:relative; z-index:1; width:55%; margin:0; }
.obc-b-blog-hero h1 { font-size:clamp(28px,3vw,44px); line-height:1.15; margin:0 0 16px; }
.obc-b-blog-hero__text > p { color:#475569; max-width:38ch; margin:0 0 24px; }
.obc-b-blog-hero .obc-b-blog-hero__image { position:absolute; inset:0 0 0 43%; margin:0; z-index:0; }
.obc-b-blog-hero__image img { width:100%; height:100%; object-fit:cover; object-position:right center; }
.obc-b-blog-hero:after { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(90deg,#f8fcff 35%,transparent 75%); }
.obc-b-article-search { margin-top:20px; }
.obc-b-article-search .wp-block-search__inside-wrapper { display:flex; gap:8px; padding:6px; border:1px solid #cbd5e1; background:white; border-radius:16px; }
.obc-b-article-search input { min-width:0; width:100%; border:0; background:transparent; padding:10px; }
.obc-b-article-search .wp-block-search__button { background:#0759e7; color:white; border:0; border-radius:12px; padding:12px 16px; margin:0; white-space:nowrap; }
.obc-b-topics { margin-block:40px; }
.obc-b-topic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.obc-b-topic { display:flex; flex-direction:column; overflow:hidden; border-radius:18px; background:white; text-decoration:none; border:1px solid #e0e8f2; color:#0e2453; }
.obc-b-topic img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.obc-b-topic span { padding:12px 14px; font-weight:700; }
.obc-b-topic:nth-child(n+5) { flex-direction:row; align-items:center; }
.obc-b-topic:nth-child(n+5) img { width:35%; }
.obc-b-tags { display:flex; flex-wrap:wrap; gap:10px; margin-block:20px; }
.obc-b-tags a { padding:8px 16px; background:#f0f6ff; border:1px solid #d7e4f6; border-radius:30px; text-decoration:none; font-size:14px; }
.obc-b-section-head { margin-block:36px 20px; gap:16px; }
.obc-b-section-head h2 { margin:0; }
.obc-b-sort { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:14px; }
.obc-b-sort select { padding:10px; border:1px solid #cbd5e1; border-radius:10px; background:white; color:#173975; }
.obc-b-sort button { font-size:14px; padding:10px 14px; }
.obc-b-posts .obc-posts-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.obc-b-posts .obc-posts-grid > li { min-width:0; margin:0; }
.obc-b-posts .obc-posts-grid > li:first-child { grid-column:span 2; grid-row:span 2; }
.obc-b-posts .obc-posts-grid > li:nth-child(2) .obc-post-card,.obc-b-posts .obc-posts-grid > li:nth-child(3) .obc-post-card { flex-direction:row-reverse; align-items:stretch; }
.obc-b-posts .obc-posts-grid > li:nth-child(2) .obc-post-card__media,.obc-b-posts .obc-posts-grid > li:nth-child(3) .obc-post-card__media { flex:0 0 32%; min-width:0; }
.obc-b-posts .obc-posts-grid > li:nth-child(2) .obc-post-card__content,.obc-b-posts .obc-posts-grid > li:nth-child(3) .obc-post-card__content { flex:1; min-width:0; }
.obc-b-posts .obc-post-card { height:100%; overflow:hidden; }
.obc-b-posts .obc-post-card__title { font-size:20px; line-height:1.3; }
.obc-b-posts .obc-post-card__media img { width:100%; object-fit:cover; }
.obc-b-posts .obc-post-card__content { padding:20px; }
.obc-b-posts .obc-post-card__excerpt { font-size:15px; }
.obc-b-posts .wp-block-read-more { display:inline-block; margin-top:12px; }
.obc-b-catalog-banner { padding:28px 32px; background:linear-gradient(110deg,#e1efff,#f2f8ff); border-radius:20px; margin-block:40px; gap:24px; }
.obc-b-catalog-banner h2 { font-size:26px; margin:0 0 8px; }
.obc-b-catalog-banner p { margin:0; color:#475569; }
.obc-b-analytics .obc-blog-hero { margin-bottom:20px; }
.obc-b-analytics .obc-b-listing { gap:24px; margin-block:28px 48px; }
.obc-b-listing > .wp-block-column { min-width:0; }
.obc-b-filters { border:1px solid #dee6f2; background:white; padding:20px; border-radius:16px; display:flex; flex-direction:column; gap:10px; font-size:14px; }
.obc-b-filters h2 { font-size:20px; margin:0; }
.obc-b-filters p { margin:0; }
.obc-b-filters fieldset { min-width:0; padding:12px; border:1px solid #e1e6ef; border-radius:10px; }
.obc-b-filters fieldset label { display:block; }
.obc-b-filters input:not([type=checkbox]) { width:100%; box-sizing:border-box; min-width:0; border:1px solid #cbd5e1; border-radius:8px; padding:10px; font:inherit; }
.obc-b-filters input[type=checkbox] { width:18px; height:18px; }
.obc-b-filters select { width:100%; min-width:0; padding:10px; border:1px solid #cbd5e1; border-radius:8px; background:white; font:inherit; }
.obc-b-check { display:flex; align-items:center; gap:8px; }
.obc-b-note { font-size:12px; color:#526079; }
.obc-b-course-list { list-style:none; padding:0; display:grid; gap:16px; }
.obc-b-course-row { display:flex; gap:20px; border-radius:16px; border:1px solid #e0e7f1; background:white; padding:22px; }
.obc-b-course-row > figure { flex:0 0 88px; margin:0; }
.obc-b-course-row > div { min-width:0; flex:1; }
.obc-b-course-row h3 { font-size:21px; line-height:1.3; margin:0; }
.obc-b-course-row p { font-size:14px; }
.obc-b-course-row .wp-block-post-excerpt { margin-block:8px; }
.obc-b-course-row .wp-block-post-excerpt__excerpt { margin:0; }
.obc-b-course-row .obc-b-price { margin-block:8px; }
.obc-b-course-list > li { margin-block:0!important; }
.obc-b-course-row .wp-block-read-more { padding:10px 16px; display:inline-block; font-size:14px; border-radius:10px; }
.obc-b-price { font-weight:700; color:#102963; }
.obc-b-guide { margin-block:44px; }
.obc-b-guide .wp-block-columns { gap:16px; }
.obc-b-guide .wp-block-column { padding:20px; border:1px solid #e1e7f0; border-radius:16px; background:white; }
.obc-b-guide h3 { font-size:19px; margin-top:0; }
.obc-b-guide p { font-size:15px; }
.obc-b-faq { margin-block:40px; }
.obc-b-faq details { background:white; border:1px solid #dce5f1; border-radius:12px; padding:16px 20px; margin-block:10px; }
.obc-b-faq summary { cursor:pointer; font-weight:600; }
.obc-blog-archive :is(a,button,input,select):focus-visible,.obc-b-analytics :is(a,button,input,select,summary):focus-visible { outline:3px solid #0759e7; outline-offset:4px; }
@media(max-width:900px) {
 .obc-b-posts .obc-posts-grid > li:nth-child(2) .obc-post-card,.obc-b-posts .obc-posts-grid > li:nth-child(3) .obc-post-card { flex-direction:column; }
 .obc-b-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .obc-b-blog-hero { padding:28px; }
 .obc-b-blog-hero__text { width:75%; }
 .obc-b-posts .obc-posts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .obc-b-posts .obc-posts-grid > li:first-child { grid-column:span 2; grid-row:auto; }
 .obc-b-analytics .obc-b-listing { flex-direction:column; }
 .obc-b-guide .wp-block-columns { flex-wrap:wrap!important; }
 .obc-b-guide .wp-block-column { flex-basis:calc(50% - 16px)!important; }
}
@media(max-width:600px) {
 .obc-b-blog-hero { padding:24px; min-height:0; }
 .obc-b-blog-hero__text { width:100%; }
 .obc-b-blog-hero .obc-b-blog-hero__image { display:none; }
 .obc-b-blog-hero:after { display:none; }
 .obc-b-article-search .wp-block-search__inside-wrapper { flex-wrap:wrap; }
 .obc-b-article-search .wp-block-search__button { width:100%; }
 .obc-b-topic-grid { gap:12px; }
 .obc-b-topic span { font-size:14px; padding:10px; }
 .obc-b-topic:nth-child(n+5) { flex-direction:column; }
 .obc-b-topic:nth-child(n+5) img { width:100%; }
 .obc-b-posts .obc-posts-grid { grid-template-columns:minmax(0,1fr); }
 .obc-b-posts .obc-posts-grid > li:first-child { grid-column:auto; }
 .obc-b-catalog-banner { padding:24px; }
 .obc-b-course-row { padding:18px; gap:12px; }
 .obc-b-course-row > figure { flex-basis:56px; }
 .obc-b-guide .wp-block-columns { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
 .obc-blog-archive *, .obc-b-analytics * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}