.oa-blog-page #content { width: 100% !important; float: none !important; min-width: 0; }
.oa-blog-shell { --oa-blog-ink:#44405a; --oa-blog-muted:#6b6678; --oa-blog-line:#e7e5ed; max-width:1200px; margin:0 auto; color:var(--oa-blog-ink); font:400 15px/1.7 Inter,Arial,Helvetica,sans-serif; }
.oa-blog-shell *, .oa-blog-shell *::before, .oa-blog-shell *::after { box-sizing:border-box; }
.oa-blog-shell a { color:inherit; text-decoration:none; }
.oa-blog-shell a:hover { color:#7541a0; }
.oa-blog-shell :is(a,button,input):focus-visible { outline:3px solid #8245aa; outline-offset:4px; }
.oa-blog-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; font-size:12px; color:var(--oa-blog-muted); margin-bottom:22px; }
.oa-blog-breadcrumb a:hover { text-decoration:underline; }
.oa-blog-hero { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:38px 36px; border:1px solid var(--oa-blog-line); border-radius:22px; background:linear-gradient(120deg,#f7f4fb,#fff7f1 85%); margin-bottom:24px; }
.oa-blog-shell .oa-blog-kicker { display:block; color:#785b88; font:700 10px/1.7 Inter,Arial,sans-serif; letter-spacing:.15em; margin-bottom:9px; }
.oa-blog-shell .oa-blog-hero h1 { font:650 clamp(27px,3.2vw,43px)/1.22 Inter,Arial,sans-serif !important; letter-spacing:-.035em !important; margin:0 0 15px !important; color:var(--oa-blog-ink); }
.oa-blog-hero p { max-width:690px; margin:0; color:var(--oa-blog-muted); font-size:14px; }
.oa-blog-video-link { flex:0 0 auto; display:flex; align-items:center; gap:10px; min-height:48px; border:1px solid #dcd1e6; background:#fff; border-radius:12px; padding:11px 15px; font-size:12px; font-weight:600; }
.oa-blog-video-link > span { color:#9a5a32; font-size:24px; line-height:1; }
.oa-blog-hero-actions { display:flex; align-items:center; gap:12px; flex:0 0 auto; }
.oa-blog-hero-actions a.ism-english-entry { position:static; flex:0 0 44px; margin:0; z-index:auto; color:#fff !important; }
.oa-blog-mobile-search { display:none; }
.oa-blog-topics { display:flex; gap:9px; flex-wrap:wrap; margin:0 0 32px; }
.oa-blog-topics a { display:inline-flex; align-items:center; min-height:44px; padding:9px 15px; font-size:12px; border:1px solid var(--oa-blog-line); border-radius:30px; background:#fff; }
.oa-blog-topics a:hover { background:#f9f6fc; border-color:#c5b3d3; }
.oa-blog-topics a[aria-current="page"] { color:#fff; background:#514469; border-color:#514469; }
.oa-blog-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,320px); gap:36px; align-items:start; }
.oa-blog-main,.oa-blog-sidebar { min-width:0; }
.oa-blog-shell .oa-blog-section-heading h2,.oa-blog-shell .oa-blog-list-heading h2 { font:650 24px/1.3 Inter,Arial,sans-serif !important; letter-spacing:-.025em !important; margin:0 0 8px !important; color:var(--oa-blog-ink); }
.oa-blog-section-heading p { font-size:13px; color:var(--oa-blog-muted); margin:0 0 20px; }
.oa-blog-highlights { margin:0 0 38px; }
.oa-blog-highlight-grid,.oa-blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; }
.oa-blog-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--oa-blog-line); border-radius:16px; background:#fff; box-shadow:0 5px 22px rgb(46 39 74 / 3%); overflow:hidden; }
.oa-blog-card-visual { position:relative; display:block; background:#f4f1f8; aspect-ratio:1.85; overflow:hidden; }
.oa-blog-card-image { width:100%; height:100%; display:block; object-fit:cover; }
.oa-blog-card-placeholder { display:grid; place-items:center; background:linear-gradient(140deg,#f3f0f9,#e8eef6 70%,#fff3ea); color:#a497bc !important; }
.oa-blog-card-placeholder svg { width:100%; height:100%; position:absolute; inset:0; opacity:.44; }
.oa-blog-card-placeholder > span { position:absolute; left:17px; bottom:13px; padding:3px 8px; border-radius:6px; background:rgb(255 255 255 / 86%); color:#635170; font-size:10px; }
.oa-blog-card-body { padding:21px 20px; display:flex; flex-direction:column; flex:1; }
.oa-blog-card-category { font-size:10px; font-weight:650; letter-spacing:.02em; color:#816b91; margin-bottom:9px; }
.oa-blog-shell .oa-blog-card h3 { font:650 17px/1.45 Inter,Arial,sans-serif !important; letter-spacing:-.02em !important; margin:0 0 12px !important; overflow-wrap:anywhere; }
.oa-blog-card h3 a:hover { text-decoration:underline; text-underline-offset:3px; }
.oa-blog-card p { margin:0 0 20px; font-size:12px; line-height:1.8; color:var(--oa-blog-muted); overflow-wrap:anywhere; }
.oa-blog-card-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:15px; border-top:1px solid #eeedf2; font-size:10px; color:var(--oa-blog-muted); }
.oa-blog-card-bottom a { min-height:36px; display:inline-flex; align-items:center; font-size:11px; font-weight:600; color:#6f4b87; }
.oa-blog-card-highlight .oa-blog-card-visual { aspect-ratio:2.6; }
.oa-blog-card-highlight .oa-blog-card-body { padding:19px; }
.oa-blog-card-highlight p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.oa-blog-list-heading { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.oa-blog-list-heading > span { font-size:11px; color:var(--oa-blog-muted); }
.oa-blog-feed-ad { grid-column:1/-1; min-width:0; padding:10px 0; }
.oa-blog-feed-ad .ism-managed-ad.ism-ad-slot { margin:18px 0; }
.oa-blog-pagination { display:flex; flex-wrap:wrap; gap:7px; align-items:center; justify-content:center; margin:34px 0 42px; }
.oa-blog-pagination a,.oa-blog-page-current { display:grid; place-items:center; min-width:44px; min-height:44px; padding:9px 12px; border:1px solid var(--oa-blog-line); border-radius:10px; font-size:12px; background:#fff; }
.oa-blog-pagination a:hover { border-color:#bfa8cf; background:#faf7fd; }
.oa-blog-page-current { color:#fff; background:#514469; border-color:#514469; }
.oa-blog-empty { padding:36px; border:1px dashed #d7d2df; border-radius:16px; background:#faf9fc; }
.oa-blog-shell .oa-blog-empty h3 { font:600 21px/1.4 Inter,Arial,sans-serif !important; margin:0 0 12px !important; }
.oa-blog-empty a { display:inline-flex; min-height:44px; align-items:center; color:#7541a0; text-decoration:underline; }
.oa-blog-archive-content { margin-bottom:42px; }
@media(max-width:1100px) {
    .oa-blog-hero { align-items:flex-start; flex-direction:column; gap:20px; }
    .oa-blog-card-body { padding:18px 16px; }
}
@media(max-width:1023px) {
    .oa-blog-layout { grid-template-columns:minmax(0,1fr); }
    .oa-blog-sidebar { max-width:600px; width:100%; margin:0 auto; }
    .oa-blog-hero { padding:30px; }
    .oa-blog-mobile-search { display:block; margin-top:20px; width:100%; max-width:460px; }
    .oa-blog-mobile-search label { display:block; font-size:12px; font-weight:600; margin-bottom:7px; }
    .oa-blog-mobile-search > div { display:flex; gap:8px; }
    .oa-blog-mobile-search input[type="search"] { min-width:0; width:100%; height:46px; flex:1 1 0%; border:1px solid #d7d4e2; border-radius:10px; background:#fff; color:#44405a; padding:0 12px; font:400 16px/1.5 Inter,Arial,sans-serif; }
    .oa-blog-mobile-search button { min-height:46px; flex:0 0 54px; border:0; border-radius:10px; background:#514469; color:#fff; font:600 13px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
}
@media(max-width:600px) {
    .oa-blog-hero { padding:26px 22px; border-radius:17px; }
    .oa-blog-hero p { font-size:13px; }
    .oa-blog-hero-actions { width:100%; gap:10px; }
    .oa-blog-video-link { flex:1 1 0%; min-width:0; font-size:11px; padding:10px; }
    .oa-blog-highlight-grid,.oa-blog-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
    .oa-blog-card h3 a { min-height:44px; display:block; }
    .oa-blog-card p { font-size:13px; }
    .oa-blog-card-bottom { font-size:11px; }
    .oa-blog-card-bottom a { min-height:44px; font-size:12px; }
    .oa-blog-topics a { font-size:11px; padding:8px 12px; }
    .oa-blog-breadcrumb { font-size:11px; }
}
@media print {
    .oa-blog-sidebar,.oa-blog-topics,.oa-blog-video-link,.oa-blog-feed-ad { display:none !important; }
    .oa-blog-layout { display:block; }
    .oa-blog-card { break-inside:avoid; box-shadow:none; }
}