/* Professional Technical Notes / Blog — isolated from project/topology styles */
.sk-blog-archive{padding:58px 0 90px}
.sk-blog-archive-head{max-width:760px;margin:0 auto 30px}
.sk-blog-archive-head h1{margin:0 0 12px;font-size:40px;line-height:1.08;letter-spacing:-.045em;font-weight:630}
.sk-blog-archive-head>p{margin:0;color:#8d9390;font-size:14px;line-height:1.7;max-width:690px}
.sk-blog-tax-nav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 28px}
.sk-blog-tax-nav a{display:inline-flex;align-items:center;gap:6px;border:1px solid #292d2b;border-radius:999px;padding:7px 10px;color:#858c88;background:#0d0f0e;font-size:10px}
.sk-blog-tax-nav a span{color:#555d59}
.sk-blog-tax-nav a:hover,.sk-blog-tax-nav a.is-active{border-color:#3d4541;color:#f0f2f1}
.sk-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sk-blog-card{min-width:0;border:1px solid #262a28;border-radius:12px;background:#0d0f0e;overflow:hidden;transition:border-color .18s ease,transform .18s ease}
.sk-blog-card:hover{border-color:#3b423f;transform:translateY(-2px)}
.sk-blog-card-media{display:flex;align-items:flex-end;aspect-ratio:16/9;background:linear-gradient(145deg,#151817,#0b0c0c);overflow:hidden}
.sk-blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.sk-blog-card:hover .sk-blog-card-media img{transform:scale(1.012)}
.sk-blog-card-media>span{padding:16px;color:#59605d;font-size:9px;letter-spacing:.12em}
.sk-blog-card-body{padding:19px}
.sk-blog-card-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:11px;color:#646b67;font-size:9px;text-transform:uppercase;letter-spacing:.045em}
.sk-blog-card-meta a,.sk-blog-card-meta>span:first-child{color:#7b9f8d}
.sk-blog-card-body h2{margin:0 0 9px;font-size:19px;line-height:1.28;letter-spacing:-.027em;font-weight:590}
.sk-blog-card-body p{margin:0 0 15px;color:#858b88;font-size:12px;line-height:1.65}
.sk-blog-read{color:#a9b0ac;font-size:10.5px}
.sk-blog-read:hover{color:#fff}
.sk-blog-pagination,.navigation.pagination .nav-links{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:34px}
.sk-blog-pagination .page-numbers,.navigation.pagination .page-numbers{min-width:34px;height:34px;padding:0 10px;border:1px solid #292d2b;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#7d8580;font-size:10px}
.sk-blog-pagination .current,.navigation.pagination .current{color:#fff;border-color:#414844;background:#111412}
.sk-blog-empty{border:1px dashed #2b302e;border-radius:11px;padding:26px;color:#6f7672}

/* Homepage */
.sk-blog-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.sk-blog-home-card{border:1px solid #242826;border-radius:10px;overflow:hidden;background:#0d0f0e}
.sk-blog-home-media{aspect-ratio:16/9;display:flex;align-items:flex-end;background:linear-gradient(145deg,#141716,#0b0c0c);overflow:hidden}
.sk-blog-home-media img{width:100%;height:100%;object-fit:cover}
.sk-blog-home-media>span{padding:14px;color:#59605d;font-size:8px;letter-spacing:.12em}
.sk-blog-home-body{padding:15px}
.sk-blog-home-body h3{font-size:15px;line-height:1.35;letter-spacing:-.02em;margin:0 0 7px}
.sk-blog-home-body p{font-size:11px;line-height:1.58;color:#7d8480;margin:0 0 13px}

/* Single article */
.sk-blog-single{max-width:1120px;margin:0 auto;padding:58px 0 90px}
.sk-blog-article-head{max-width:820px;margin:0 auto 32px}
.sk-blog-article-head h1{font-size:43px;line-height:1.08;letter-spacing:-.048em;font-weight:630;margin:0 0 16px}
.sk-blog-lead{max-width:760px;margin:0 0 19px;color:#9ca29f;font-size:16px;line-height:1.72}
.sk-blog-article-meta{display:flex;gap:8px 13px;flex-wrap:wrap;color:#656c68;font-size:9.5px}
.sk-blog-article-meta span,.sk-blog-article-meta time{display:inline-flex;align-items:center}
.sk-blog-tax-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.sk-blog-tax-pills a{border:1px solid #2a2f2c;border-radius:999px;padding:5px 8px;color:#8e9692;font-size:9px}
.sk-blog-tax-pills a.is-tag{color:#69716d}
.sk-blog-hero-media{max-width:1060px;margin:0 auto 34px}
.sk-blog-hero-media img{width:100%;height:auto;max-height:660px;object-fit:cover;border-radius:12px}
.sk-blog-toc{max-width:760px;margin:0 auto 34px;border:1px solid #292d2b;border-radius:10px;background:#0d0f0e;padding:17px 19px}
.sk-blog-toc>strong{display:block;margin-bottom:10px;color:#d7dbd9;font-size:11px;letter-spacing:.02em}
.sk-blog-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.sk-blog-toc li{font-size:10.5px;line-height:1.5}
.sk-blog-toc li.level-3{padding-left:15px}
.sk-blog-toc a{color:#7e8682}
.sk-blog-toc a:hover{color:#fff}
.sk-blog-content{max-width:1060px;margin:0 auto}
.sk-blog-content h2,.sk-blog-content h3{scroll-margin-top:92px}
.sk-blog-share{max-width:760px;margin:42px auto 0;padding-top:17px;border-top:1px solid #282d2a;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sk-blog-share>span{margin-right:4px;color:#656d69;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.sk-blog-share a,.sk-blog-share button{border:1px solid #2a2f2c;border-radius:7px;background:#0d0f0e;color:#949c98;padding:7px 9px;font:inherit;font-size:9.5px;cursor:pointer}
.sk-blog-share a:hover,.sk-blog-share button:hover{color:#fff;border-color:#414844}
.sk-blog-share button.is-copied{color:#55dfa1;border-color:rgba(18,199,122,.35)}
.sk-blog-related{max-width:1060px;margin:54px auto 0;padding-top:38px;border-top:1px solid #252a27}
.sk-blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sk-blog-related-grid>a{position:relative;border:1px solid #272c29;border-radius:10px;padding:16px;background:#0d0f0e;min-height:150px}
.sk-blog-related-grid span{display:block;color:#6d8d7d;font-size:8px;letter-spacing:.09em;margin-bottom:11px}
.sk-blog-related-grid strong{display:block;font-size:13px;line-height:1.4;color:#dadddb;margin-bottom:7px}
.sk-blog-related-grid p{margin:0;color:#737a76;font-size:10.5px;line-height:1.55}
.sk-blog-related-grid b{position:absolute;right:14px;bottom:12px;color:#59605c;font-weight:400}
.sk-blog-nextprev{max-width:760px;margin:36px auto 0;padding-top:18px;border-top:1px solid #252a27;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sk-blog-nextprev>div:last-child{text-align:right}
.sk-blog-nextprev a{color:#7e8682;font-size:10px;line-height:1.45}
.sk-blog-nextprev a:hover{color:#fff}

@media(max-width:820px){
  .sk-blog-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sk-blog-related-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .sk-blog-archive,.sk-blog-single{padding:42px 0 70px}
  .sk-blog-archive-head h1,.sk-blog-article-head h1{font-size:32px}
  .sk-blog-grid,.sk-blog-home-grid{grid-template-columns:1fr}
  .sk-blog-lead{font-size:14.5px}
  .sk-blog-hero-media{margin-bottom:28px}
  .sk-blog-toc{padding:15px}
  .sk-blog-nextprev{grid-template-columns:1fr}
  .sk-blog-nextprev>div:last-child{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .sk-blog-card,.sk-blog-card-media img{transition:none!important}
  .sk-blog-card:hover{transform:none}
}