/* MARKOPNET blog additions */
.blog-hero{padding-bottom:28px!important}.blog-kicker{color:var(--accent);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}.blog-title{font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.05;margin:.5rem 0 1rem}.blog-intro{max-width:760px;font-size:1.08rem}.blog-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:24px}@media(min-width:760px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1050px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{display:flex;flex-direction:column;overflow:hidden;padding:0!important;transition:transform .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--accent) 60%,transparent)}.blog-cover{aspect-ratio:16/9;width:100%;object-fit:cover;background:radial-gradient(circle at 30% 20%,color-mix(in oklab,var(--accent) 24%,transparent),transparent 50%),#0c1219}.blog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-meta{font-size:.84rem;color:var(--sub);margin-bottom:8px}.blog-card h2{font-size:1.25rem;line-height:1.3;margin:0 0 10px}.blog-card p{margin:0 0 16px;color:var(--sub)}.blog-read{margin-top:auto;color:var(--accent);font-weight:700}.article-shell{max-width:880px}.article-head{padding-bottom:28px}.article-head h1{font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.06;margin:.5rem 0 1rem}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:18px;border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);margin:14px 0 30px}.article-content{font-size:1.06rem;line-height:1.78}.article-content h2{margin-top:2rem}.article-content h3{margin-top:1.6rem}.article-content a{color:var(--accent);text-decoration:underline}.article-content code{background:#ffffff10;border:1px solid #ffffff18;padding:.12rem .35rem;border-radius:6px}.article-content pre{overflow:auto;background:#05080d;border:1px solid #ffffff18;padding:16px;border-radius:12px}.article-content blockquote{margin:1.4rem 0;padding:.2rem 1rem;border-left:3px solid var(--accent);color:var(--sub)}.article-content img{max-width:100%;height:auto;border-radius:12px}.blog-empty{text-align:center;padding:42px 20px}.blog-back{display:inline-flex;margin-top:28px;color:var(--accent);font-weight:700}.blog-pagination{display:flex;gap:8px;justify-content:center;margin-top:28px;flex-wrap:wrap}.blog-pagination a,.blog-pagination span{border:1px solid #ffffff22;padding:8px 12px;border-radius:9px}.blog-pagination .active{border-color:var(--accent);color:var(--accent)}