/* ===== Ofis 2000 Blog ===== */
.breadcrumb-bar{background:var(--light);border-bottom:1px solid var(--border);}
.breadcrumb{padding:14px 0;font-size:.9rem;color:var(--gray);}
.breadcrumb a{color:var(--blue);} .breadcrumb a:hover{text-decoration:underline;}
.breadcrumb .bc-sep{margin:0 4px;color:#c3c8d0;}
.blog-head{padding:56px 0 28px;text-align:center;}
.blog-head-title{font-size:2.4rem;font-weight:800;color:var(--dark);}
.blog-head-title span{color:var(--blue);}
.blog-head-sub{max-width:640px;margin:14px auto 0;color:var(--gray);font-size:1.05rem;}
.blog-list-section{padding:24px 0 64px;}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:24px;}
.blog-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;transition:var(--transition);box-shadow:var(--shadow-sm);}
.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:#cfe6fb;}
.blog-card-cat{display:inline-block;align-self:flex-start;background:#e8f5ff;color:var(--blue-deeper);font-size:.74rem;font-weight:700;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;}
.blog-card h2{font-size:1.22rem;line-height:1.35;margin:14px 0 10px;color:var(--dark);}
.blog-card p{color:var(--gray);font-size:.93rem;flex:1;}
.blog-card-meta{display:block;margin-top:16px;color:#9aa1ab;font-size:.82rem;}
.blog-card-more{margin-top:10px;color:var(--blue);font-weight:700;font-size:.9rem;}
.article-wrap{max-width:820px;}
.article-hero{padding:44px 0 8px;}
.article-cat{display:inline-block;background:#e8f5ff;color:var(--blue-deeper);font-size:.76rem;font-weight:700;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;}
.article-hero h1{font-size:2.15rem;line-height:1.25;margin:16px 0 12px;color:var(--dark);}
.article-meta{color:#9aa1ab;font-size:.9rem;}
.article-body{font-size:1.05rem;color:#2b3240;padding:18px 0 8px;}
.article-body p{margin:0 0 18px;}
.article-body h2{font-size:1.5rem;margin:34px 0 14px;color:var(--dark);padding-bottom:8px;border-bottom:2px solid var(--light);}
.article-body h3{font-size:1.18rem;margin:24px 0 10px;color:var(--blue-deeper);}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px;}
.article-body li{margin:0 0 9px;list-style:disc;}
.article-body a{color:var(--blue);font-weight:600;}
.article-body a:hover{text-decoration:underline;}
.article-body strong{color:var(--dark);}
.article-table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:.96rem;}
.article-table th,.article-table td{border:1px solid var(--border);padding:11px 14px;text-align:left;}
.article-table thead th{background:var(--blue);color:#fff;font-weight:600;}
.article-table tbody tr:nth-child(even){background:var(--light);}
.cta-box{margin:36px 0;background:var(--blue-deeper);border-radius:var(--radius-lg);overflow:hidden;}
.cta-box-inner{padding:34px 32px;text-align:center;color:#fff;}
.cta-box-inner h3{font-size:1.5rem;margin-bottom:10px;color:#fff;}
.cta-box-inner p{color:#d6e8f7;max-width:560px;margin:0 auto 22px;}
.cta-box-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-outline-blue{display:inline-block;padding:13px 26px;border:2px solid #fff;color:#fff;border-radius:var(--radius);font-weight:700;transition:var(--transition);}
.btn-outline-blue:hover{background:#fff;color:var(--blue-deeper);}
.related-articles{margin:40px 0 8px;}
.rel-title{font-size:1.35rem;margin-bottom:18px;color:var(--dark);}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;}
.rel-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:var(--transition);}
.rel-card:hover{box-shadow:var(--shadow-sm);border-color:#cfe6fb;transform:translateY(-3px);}
.rel-cat{font-size:.7rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.4px;}
.rel-card h4{font-size:1rem;line-height:1.35;margin:8px 0 12px;color:var(--dark);}
.rel-more{margin-top:auto;color:var(--blue);font-weight:700;font-size:.85rem;}
.guides-block{padding:48px 0;background:var(--light);}
.guides-block .container>h2{font-size:1.6rem;text-align:center;margin-bottom:6px;color:var(--dark);}
.guides-block .gb-sub{text-align:center;color:var(--gray);margin-bottom:26px;}
.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;}
.guide-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:var(--transition);}
.guide-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px);border-color:#cfe6fb;}
.guide-card span{font-size:.7rem;font-weight:700;color:var(--blue);text-transform:uppercase;}
.guide-card h3{font-size:1.05rem;margin:8px 0 10px;color:var(--dark);}
.guide-card a{color:var(--blue);font-weight:700;font-size:.88rem;}
@media (max-width:768px){
  .article-hero h1{font-size:1.6rem;}
  .blog-head-title{font-size:1.8rem;}
  .article-body{font-size:1rem;}
  .article-table{display:block;overflow-x:auto;}
}