.blog-shell{--blog-container: 850px;min-height:100vh;background:radial-gradient(900px 420px at 18% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 62%),var(--surface-1, #f6f8fc);color:var(--text, #0b1220)}.blog-page{width:min(var(--blog-container),calc(100% - 40px));margin:0 auto;padding:34px 0 64px}.blog-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:stretch;margin-bottom:22px}.blog-hero__content,.blog-hero__panel,.blog-card,.blog-video-strip,.blog-empty,.blog-article-shell,.blog-related{border:1px solid var(--border, rgba(11, 18, 32, .1));background:var(--surface-2, #fff);box-shadow:var(--shadow-sm, 0 6px 18px rgba(11, 18, 32, .1))}.blog-hero__content{min-height:340px;padding:clamp(28px,5vw,54px);border-radius:24px;display:grid;align-content:center;gap:18px;overflow:hidden;position:relative}.blog-hero__content:after{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 26%,transparent),transparent 66%);pointer-events:none}.blog-eyebrow{width:fit-content;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:999px;padding:7px 11px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent, #1aa8ff);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.blog-hero h1,.blog-article-head h1{max-width:850px;margin:0;color:var(--heading, #0b1220);font-size:clamp(34px,5vw,52px);line-height:.98;letter-spacing:0}.blog-hero p{max-width:700px;margin:0;color:var(--text-muted, rgba(11, 18, 32, .7));font-size:18px;line-height:1.55}.blog-search{width:min(620px,100%);height:52px;display:flex;align-items:center;gap:10px;border:1px solid var(--border-strong, rgba(11, 18, 32, .16));border-radius:14px;padding:0 15px;background:var(--surface-3, #fff);color:var(--text-soft, rgba(11, 18, 32, .55));position:relative;z-index:1}.blog-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text, #0b1220);font:inherit}.blog-search input::placeholder{color:var(--text-soft, rgba(11, 18, 32, .55))}.blog-hero__panel{border-radius:24px;padding:22px;display:grid;align-content:center;gap:14px}.blog-hero__panel div{border:1px solid var(--border, rgba(11, 18, 32, .1));border-radius:16px;padding:16px;background:color-mix(in srgb,var(--surface-3) 84%,var(--accent) 6%)}.blog-hero__panel strong{display:block;color:var(--heading, #0b1220);font-size:34px;line-height:1}.blog-hero__panel span{display:block;margin-top:6px;color:var(--text-muted, rgba(11, 18, 32, .7));font-size:13px;font-weight:700}.blog-alert{margin:0 0 18px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:14px;padding:12px 14px;background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));color:var(--text-muted, rgba(11, 18, 32, .7));font-weight:700}.blog-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.blog-categories button{border:1px solid var(--border, rgba(11, 18, 32, .1));border-radius:999px;padding:9px 14px;background:var(--surface-2, #fff);color:var(--text-muted, rgba(11, 18, 32, .7));font-weight:800;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.blog-categories button:hover,.blog-categories button.is-active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--heading, #0b1220)}.blog-card{border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0;transition:transform .5s ease,border-color .5s ease,box-shadow .5s ease}.blog-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:var(--shadow, 0 16px 44px rgba(11, 18, 32, .12))}.blog-card--featured{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);grid-template-rows:auto;min-height:360px}.blog-card__media{display:block;min-width:0;color:inherit}.blog-card--featured .blog-card__media{height:100%;min-height:0}.blog-card__media:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 66%,white);outline-offset:-3px}.blog-card__image{width:100%;height:auto;aspect-ratio:16 / 10;display:block;object-fit:cover;object-position:center center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent),color-mix(in srgb,var(--surface-3) 92%,var(--accent) 4%)}.blog-card--featured .blog-card__image{height:100%;min-height:0;aspect-ratio:16 / 10;object-fit:cover;object-position:center center}.blog-card__image--fallback,.blog-video-card__fallback{display:grid;place-items:center;color:var(--accent, #1aa8ff)}.blog-card__body{min-width:0;padding:20px;display:grid;gap:12px;align-content:start}.blog-card--featured .blog-card__body{padding:clamp(24px,4vw,38px);align-content:center}.blog-card__meta,.blog-card__footer,.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--text-soft, rgba(11, 18, 32, .55));font-size:13px;font-weight:800}.blog-card__meta span:first-child{color:var(--accent, #1aa8ff)}.blog-card h2{margin:0;color:var(--heading, #0b1220);font-size:clamp(21px,2vw,32px);line-height:1.15;letter-spacing:0}.blog-card h2 a{color:inherit;text-decoration:none;transition:color .5s ease,text-shadow .5s ease}.blog-card h2 a:hover,.blog-card h2 a:focus-visible{color:var(--accent, #1aa8ff);text-decoration:none}.blog-card p{margin:0;color:var(--text-muted, rgba(11, 18, 32, .7));line-height:1.55}.blog-card__footer{justify-content:space-between;margin-top:4px}.blog-link{display:inline-flex;align-items:center;gap:7px;color:var(--accent, #1aa8ff);font-weight:900;text-decoration:none;transition:color .5s ease,transform .5s ease}.blog-link:hover{text-decoration:none;transform:translate(2px)}.blog-link--button{border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:12px;padding:11px 14px;text-decoration:none}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-grid .blog-card:nth-child(5n+1){grid-column:1 / -1;grid-template-columns:minmax(260px,.86fr) minmax(0,1fr);grid-template-rows:auto;min-height:285px}.blog-grid .blog-card:nth-child(5n+1) .blog-card__image{height:100%;min-height:0;aspect-ratio:16 / 10;object-fit:cover;object-position:center center}.blog-grid .blog-card:nth-child(5n+1) .blog-card__body{align-content:center}.blog-editorial-grid{display:grid;gap:18px;margin-bottom:18px}.blog-editorial-grid__lead{min-width:0}.blog-editorial-grid__spotlight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-editorial-grid__spotlight--single{grid-template-columns:1fr}.blog-editorial-grid__spotlight .blog-card{grid-template-rows:auto 1fr;min-height:0}.blog-editorial-grid__spotlight .blog-card__image{aspect-ratio:16 / 10;object-position:center center}.blog-editorial-grid__spotlight .blog-card h2{font-size:clamp(21px,1.7vw,28px)}.blog-editorial-grid__spotlight .blog-card__body{align-content:start}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 0}.blog-pagination button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border, rgba(11, 18, 32, .1));border-radius:12px;padding:0 13px;background:var(--surface-2, #fff);color:var(--text, #0b1220);font-weight:900;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.blog-pagination button:hover:not(:disabled),.blog-pagination button.is-active{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface-2));color:var(--accent, #1aa8ff)}.blog-pagination button:disabled{cursor:not-allowed;opacity:.45}.blog-pagination__pages{display:flex;align-items:center;gap:6px}.blog-pagination__pages button{width:40px;padding:0}.blog-empty{border-radius:18px;padding:42px 22px;text-align:center}.blog-empty svg{color:var(--accent, #1aa8ff)}.blog-empty h1,.blog-empty h2{margin:12px 0 8px;color:var(--heading, #0b1220)}.blog-empty p{margin:0 0 18px;color:var(--text-muted, rgba(11, 18, 32, .7))}.blog-video-strip,.blog-related{margin-top:28px;border-radius:20px;padding:22px}.blog-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.blog-section-head span{display:inline-flex;align-items:center;gap:8px;color:var(--heading, #0b1220);font-size:20px;font-weight:900}.blog-section-head p{margin:0;color:var(--text-muted, rgba(11, 18, 32, .7))}.blog-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-video-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;min-width:0}.blog-video-card img,.blog-video-card__fallback{width:112px;height:86px;border-radius:14px;object-fit:cover;background:color-mix(in srgb,var(--accent) 10%,var(--surface-3))}.blog-video-card h3{margin:0 0 6px;color:var(--heading, #0b1220);font-size:15px;line-height:1.25}.blog-video-card p,.blog-video-card span{margin:0;color:var(--text-muted, rgba(11, 18, 32, .7));font-size:13px;line-height:1.35}.blog-page--article{width:min(var(--blog-container),calc(100% - 40px))}.blog-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;color:var(--text-muted, rgba(11, 18, 32, .7));font-weight:900;text-decoration:none}.blog-back:hover{color:var(--accent, #1aa8ff)}.blog-article-shell{border-radius:24px;overflow:hidden}.blog-article-head{display:grid;gap:18px;padding:clamp(28px,5vw,54px)}.blog-article-head h1{font-size:clamp(34px,5vw,58px)}.blog-article-meta span{display:inline-flex;align-items:center;gap:6px}.blog-article-image{width:100%;aspect-ratio:16 / 10;max-height:460px;display:block;object-fit:cover;object-position:center center;border-top:1px solid var(--border, rgba(11, 18, 32, .1));border-bottom:1px solid var(--border, rgba(11, 18, 32, .1))}.blog-article-content{padding:clamp(28px,5vw,54px);color:var(--text, #0b1220);font-size:16px;line-height:1.78}.blog-article-content>*:first-child{margin-top:0}.blog-article-content>*:last-child{margin-bottom:0}.blog-article-content h2,.blog-article-content h3{color:var(--heading, #0b1220);line-height:1.18}.blog-article-content a:not(.oj-button){color:var(--accent, #1aa8ff);font-weight:800}.blog-article-content__chunk{display:contents}.blog-article-cta{display:flex;justify-content:center;margin:28px 0}.blog-article-cta>.blog-article-cta__button.oj-button{min-height:var(--oj-btn-min-height, 38px);padding:var(--oj-btn-padding-y, 9px) var(--oj-btn-padding-x, 14px);border-color:var(--oj-btn-primary-border, var(--accent, #1aa8ff));background:var(--oj-btn-primary-bg, var(--accent, #1aa8ff));color:var(--oj-btn-primary-text, #fff);font-size:var(--oj-btn-font-size, 14px);font-weight:var(--oj-btn-font-weight, 600);line-height:var(--oj-btn-line-height, 1.2);text-decoration:none}.blog-article-cta>.blog-article-cta__button.oj-button:hover,.blog-article-cta>.blog-article-cta__button.oj-button:focus-visible{color:var(--oj-btn-primary-text, #fff);text-decoration:none}.blog-article-content ul,.blog-article-content ol{margin:18px 0 18px 1.4em;padding-left:1.2em}.blog-article-content ul{list-style:disc outside}.blog-article-content ol{list-style:decimal outside}.blog-article-content li{display:list-item;margin:8px 0;padding-left:4px}.blog-article-content li::marker{color:currentColor}.blog-article-content img{max-width:100%;height:auto;border-radius:16px}.blog-article-content blockquote{margin:28px 0;border-left:4px solid var(--accent, #1aa8ff);padding:12px 0 12px 20px;color:var(--text-muted, rgba(11, 18, 32, .7));background:color-mix(in srgb,var(--accent) 7%,transparent)}.blog-card--skeleton,.blog-article-skeleton{overflow:hidden}.blog-card--skeleton .blog-card__image,.blog-skeleton-line,.blog-article-skeleton{background:linear-gradient(90deg,color-mix(in srgb,var(--surface-3) 84%,var(--accent) 4%),color-mix(in srgb,var(--accent) 12%,var(--surface-3)),color-mix(in srgb,var(--surface-3) 84%,var(--accent) 4%));background-size:220% 100%;animation:blog-shimmer 1.2s linear infinite}.blog-skeleton-line{height:12px;border-radius:999px}.blog-skeleton-line--short{width:46%}.blog-skeleton-line--title{width:82%;height:22px}.blog-article-skeleton{height:520px;border-radius:24px}@keyframes blog-shimmer{to{background-position:-220% 0}}@media (max-width: 980px){.blog-hero,.blog-card--featured,.blog-editorial-grid__spotlight .blog-card{grid-template-columns:1fr}.blog-hero__panel{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-grid,.blog-video-grid,.blog-editorial-grid__spotlight{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--featured{min-height:0}.blog-card--featured .blog-card__image{min-height:0;aspect-ratio:16 / 10}.blog-grid .blog-card:nth-child(5n+1){grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}.blog-grid .blog-card:nth-child(5n+1) .blog-card__image{height:auto;min-height:0;aspect-ratio:16 / 10}}@media (max-width: 640px){.blog-page,.blog-page--article{width:min(100% - 24px,100%);padding-top:18px}.blog-hero__content{min-height:0;border-radius:18px}.blog-hero h1,.blog-article-head h1{font-size:34px}.blog-hero p,.blog-article-content{font-size:16px}.blog-search{height:48px}.blog-hero__panel,.blog-grid,.blog-video-grid,.blog-editorial-grid__spotlight{grid-template-columns:1fr}.blog-grid .blog-card:nth-child(5n+1){grid-column:auto}.blog-card{grid-template-rows:auto 1fr;border-radius:16px}.blog-card__body{padding:17px}.blog-card__footer,.blog-section-head{align-items:flex-start;flex-direction:column}.blog-video-card{grid-template-columns:96px minmax(0,1fr)}.blog-video-card img,.blog-video-card__fallback{width:96px;height:78px}.blog-pagination{flex-wrap:wrap}}