:root{--background-color:#0F172A;--card-color:#1E293B;--borders-color:#374151;--white-color:#FEFEFE;--primary-color:#00F5FF;--delete-exit-buttons:#F87171;--some-buttons-color:#D99F09}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'IRANSansX','Vazirmatn',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:var(--background-color);color:var(--white-color);line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4;margin-bottom:1rem;color:var(--white-color)}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem);margin-top:2rem;margin-bottom:1rem}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{margin-bottom:1.5rem;color:rgba(254,254,254,0.9)}.post-container{max-width:1200px;margin:0 auto;padding:2rem}@media (max-width:768px){.post-container{padding:1rem}}.main-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media (max-width:768px){.main-grid{grid-template-columns:1fr;gap:1.5rem}}.breadcrumb{display:flex;align-items:center;gap:0.75rem;margin-bottom:2rem;font-size:0.875rem;color:rgba(254,254,254,0.6);flex-wrap:wrap}.breadcrumb-link{color:var(--primary-color);text-decoration:none;transition:color 0.3s ease}.breadcrumb-separator{color:rgba(254,254,254,0.3);margin:0 0.25rem}.breadcrumb-current{color:rgba(254,254,254,0.7)}.main-content{min-width:0;position:relative}.category-badge{display:inline-block;background-color:rgba(0,245,255,0.15);color:var(--primary-color);padding:0.5rem 1rem;border-radius:20px;font-size:0.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(0,245,255,0.3)}.article-title{line-height:1.3;margin-bottom:1.5rem;color:var(--white-color)}.metadata{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.author-info{display:flex;align-items:center;gap:1rem}.author-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-color)}.author-details{display:flex;flex-direction:column}.author-name{font-weight:600;margin:0;color:var(--white-color)}.publish-date{font-size:0.875rem;color:rgba(254,254,254,0.6);margin:0}.reading-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem}.stat-label{color:rgba(254,254,254,0.6)}.stat-value{color:var(--primary-color);font-weight:600}.featured-image{margin:2rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--borders-color);position:relative}.featured-image img{width:100%;height:auto;display:block;background-color:var(--card-color)}.featured-image figcaption{padding:1rem;background-color:var(--card-color);font-size:0.875rem;color:rgba(254,254,254,0.6);text-align:center}.social-share{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:var(--card-color);border-radius:8px;margin:2rem 0;flex-wrap:wrap}.share-label{font-weight:600;color:var(--white-color);white-space:nowrap}.share-buttons{display:flex;gap:1rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;color:var(--white-color);background-color:rgba(255,255,255,0.1);border:1px solid var(--borders-color);text-decoration:none;transition:all 0.3s ease;cursor:pointer}.share-btn:hover{background-color:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.article-content{margin:2rem 0;line-height:1.8;position:relative;overflow:hidden}.article-content a{color:#A78BFA;text-decoration:underline;text-decoration-color:rgba(167,139,250,0.6);text-decoration-thickness:1px;text-underline-offset:3px;transition:color 0.2s ease,text-decoration-color 0.2s ease}.article-content a:hover{color:#C4B5FD;text-decoration-color:#C4B5FD}.article-content a:focus-visible{color:#C4B5FD;text-decoration-color:#C4B5FD}.article-content p{margin-bottom:1.5rem;color:rgba(254,254,254,0.85)}.article-content img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:8px;background-color:var(--card-color)}.article-content ul,.article-content ol{margin:1.5rem 0 1.5rem 2rem;color:rgba(254,254,254,0.85)}.article-content li{margin-bottom:0.75rem;line-height:1.6}.article-content strong{color:var(--primary-color);font-weight:600}.inline-figure{margin:2rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--borders-color)}.inline-figure img{width:100%;height:auto;display:block;background-color:var(--card-color)}.inline-figure figcaption{padding:1rem;background-color:var(--card-color);font-size:0.875rem;color:rgba(254,254,254,0.6);text-align:center}.article-quote{margin:2rem 0;padding:1.5rem;padding-right:2rem;border-right:4px solid var(--primary-color);background-color:rgba(0,245,255,0.05);border-radius:4px;font-size:1.1rem;color:rgba(254,254,254,0.9);font-style:italic;line-height:1.8}.related-posts{margin:3rem 0}.section-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--white-color)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media (max-width:768px){.related-grid{grid-template-columns:1fr}}.related-post{background-color:var(--card-color);border-radius:8px;overflow:hidden;border:1px solid var(--borders-color);transition:all 0.3s ease}.related-post:hover{border-color:var(--primary-color);transform:translateY(-4px)}.related-image-link{display:block}.related-image{width:100%;height:200px;object-fit:cover;display:block;background-color:rgba(255,255,255,0.05)}.related-content{padding:1.5rem}.related-title-link{text-decoration:none;color:inherit;display:inline-block}.related-title{font-size:1.1rem;margin-bottom:0.5rem;color:var(--white-color)}.related-title-link:hover .related-title{color:var(--primary-color)}.related-meta{font-size:0.8rem;color:rgba(254,254,254,0.6);margin-bottom:0.75rem}.related-date{white-space:nowrap}.related-excerpt{font-size:0.875rem;color:rgba(254,254,254,0.6);margin-bottom:0;line-height:1.5}.comments-section{margin:3rem 0}.comments-list{margin:2rem 0}.comment{background-color:var(--card-color);border:1px solid var(--borders-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.comment-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.comment-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-color)}.comment-author{display:flex;flex-direction:column}.comment-name{font-weight:600;margin:0;color:var(--white-color);font-size:1rem}.comment-date{font-size:0.75rem;color:rgba(254,254,254,0.5)}.comment-text{color:rgba(254,254,254,0.85);line-height:1.6;margin:0 0 1rem 0}.comment-reply{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;font-size:0.875rem;transition:color 0.3s ease;padding:0}.comment-reply:hover{color:rgba(0,245,255,0.8)}.comment-form{background-color:var(--card-color);border:1px solid var(--borders-color);border-radius:8px;padding:2rem}.form-title{font-size:1.25rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-input,.form-textarea{width:100%;padding:0.75rem 1rem;background-color:rgba(255,255,255,0.05);border:1px solid var(--borders-color);border-radius:6px;color:var(--white-color);font-family:inherit;font-size:1rem;transition:all 0.3s ease}.form-input:focus,.form-textarea:focus{outline:none;background-color:rgba(255,255,255,0.08);border-color:var(--primary-color)}.form-textarea{resize:vertical;min-height:120px}.form-input::placeholder,.form-textarea::placeholder{color:rgba(254,254,254,0.4)}.submit-btn{background-color:var(--primary-color);color:var(--background-color);border:none;padding:0.75rem 2rem;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease}.submit-btn:hover{background-color:rgba(0,245,255,0.85);transform:translateY(-2px)}.sidebar{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:768px){.sidebar{display:none}}.widget{background-color:var(--card-color);border:1px solid var(--borders-color);border-radius:8px;padding:1.5rem}@media (max-width:768px){.widget{flex:0 0 300px;scroll-snap-align:start}}.widget-title{display:flex;align-items:center;gap:0.75rem;font-size:1.1rem;margin-bottom:1rem;color:var(--primary-color)}.widget-icon{font-size:1.25rem}.related-post-item{display:flex;gap:1rem;margin-bottom:1rem;padding:0.75rem 0.5rem;padding-bottom:1rem;border-bottom:1px solid var(--borders-color);border-radius:6px;cursor:pointer;transition:background-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.related-post-item:hover{background-color:rgba(255,255,255,0.03);border-bottom-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.35)}.related-post-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.related-post-image{width:80px;height:80px;border-radius:6px;object-fit:cover;flex-shrink:0;background-color:rgba(255,255,255,0.05);transition:transform 0.2s ease}.related-post-item:hover .related-post-image{transform:scale(1.03)}.related-post-title{font-size:0.95rem;margin-bottom:0.5rem;color:var(--white-color)}.related-post-meta{font-size:0.75rem;color:rgba(254,254,254,0.5);margin:0}@media print{.breadcrumb,.social-share,.comments-section,.sidebar{display:none}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-content,.related-posts,.comments-section{animation:fadeIn 0.5s ease-out}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}#related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}#related-posts.related-single #related-grid{display:flex;justify-content:center}#related-posts.related-single .related-post{max-width:380px;width:100%}.featured-image figcaption,#cover-caption{display:none !important}.inline-figure figcaption{display:none !important}.comment-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.comment-action-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;font-size:0.875rem;transition:color 0.3s ease;padding:0}.comment-action-btn:hover{color:rgba(0,245,255,0.8)}.comment-children{margin-top:1rem;margin-right:1.5rem;padding-right:1.25rem;border-right:1px solid rgba(255,255,255,0.08)}.comment--reply{margin-bottom:1rem}.reply-form{background-color:rgba(255,255,255,0.03);border:1px solid var(--borders-color);border-radius:8px;padding:1rem;margin-top:1rem}.reply-form-actions{display:flex;align-items:center;gap:0.75rem;margin-top:0.75rem}.btn-secondary{background-color:transparent;color:var(--white-color);border:1px solid var(--borders-color);padding:0.55rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all 0.25s ease}.btn-secondary:hover{border-color:var(--primary-color);transform:translateY(-1px)}.comment-auth-required .submit-btn{display:inline-block;text-decoration:none;text-align:center}.comment-header{gap:.75rem}.comment-avatar{display:block;object-fit:cover;flex:0 0 40px;background-color:rgba(255,255,255,0.06)}.comment-like-btn{margin-inline-start:auto;display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:0;padding:.25rem .45rem;border-radius:999px;cursor:pointer;color:rgba(254,254,254,.65);transition:transform .15s ease,color .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.comment-like-btn:hover{background-color:rgba(255,255,255,.05)}.comment-like-btn:active{transform:scale(.95)}.comment-like-btn.is-active{color:#ff375f}.comment-like-icon{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:2;fill:transparent;transition:fill .15s ease,stroke .15s ease}.comment-like-btn.is-active .comment-like-icon{fill:currentColor}.comment-like-count{font-size:.85rem;font-weight:700;line-height:1;opacity:.95}@media (prefers-reduced-motion:no-preference){.comment-like-btn.is-burst{animation:heartPop .38s ease}@keyframes heartPop{0%{transform:scale(1)}45%{transform:scale(1.18)}100%{transform:scale(1)}}}#comments-load-more-wrap{margin:12px 0 22px;display:flex;justify-content:center}.comment-form{margin-top:1.5rem}

/* Single Post Markdown Table Styles */
.article-content .table-container {
  width: 100%;
  margin: 1.75rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background-color: var(--card-color, #1E293B);
  border: 1px solid var(--borders-color, #374151);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  position: relative;
}

.article-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--white-color, #FEFEFE);
  text-align: start;
}

.article-content > table {
  margin: 1.75rem 0;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background-color: var(--card-color, #1E293B);
  border: 1px solid var(--borders-color, #374151);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.article-content table thead {
  background-color: #0F172A;
  position: relative;
}

.article-content table thead tr {
  box-shadow: inset 0 2px 0 var(--primary-color, #00F5FF);
}

.article-content table th {
  padding: 0.875rem 1.25rem;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--white-color, #FEFEFE);
  background-color: rgba(15, 23, 42, 0.85);
  border-bottom: 2px solid var(--borders-color, #374151);
  border-inline-end: 1px solid rgba(55, 65, 81, 0.4);
  white-space: nowrap;
  vertical-align: middle;
  text-align: inherit;
}

.article-content table th:last-child {
  border-inline-end: none;
}

.article-content table tbody tr {
  background-color: var(--card-color, #1E293B);
  transition: background-color 0.2s ease;
}

.article-content table tbody tr:nth-child(even) {
  background-color: rgba(15, 23, 42, 0.35);
}

@media (hover: hover) {
  .article-content table tbody tr:hover {
    background-color: rgba(0, 245, 255, 0.05);
  }
}

.article-content table td {
  padding: 0.875rem 1.25rem;
  font-size: 0.9rem;
  color: rgba(254, 254, 254, 0.9);
  border-bottom: 1px solid var(--borders-color, #374151);
  border-inline-end: 1px solid rgba(55, 65, 81, 0.4);
  vertical-align: middle;
  text-align: inherit;
  overflow-wrap: break-word;
}

.article-content table tbody tr:last-child td {
  border-bottom: none;
}

.article-content table td:last-child {
  border-inline-end: none;
}

/* Markdown Column Alignments */
.article-content table th[align="left"],
.article-content table td[align="left"],
.article-content table th[style*="text-align: left"],
.article-content table td[style*="text-align: left"],
.article-content table th[style*="text-align:left"],
.article-content table td[style*="text-align:left"] {
  text-align: left !important;
}

.article-content table th[align="center"],
.article-content table td[align="center"],
.article-content table th[style*="text-align: center"],
.article-content table td[style*="text-align: center"],
.article-content table th[style*="text-align:center"],
.article-content table td[style*="text-align:center"] {
  text-align: center !important;
}

.article-content table th[align="right"],
.article-content table td[align="right"],
.article-content table th[style*="text-align: right"],
.article-content table td[style*="text-align: right"],
.article-content table th[style*="text-align:right"],
.article-content table td[style*="text-align:right"] {
  text-align: right !important;
}

/* Inline Elements inside Cells */
.article-content table td a {
  color: var(--primary-color, #00F5FF);
  text-decoration: underline;
  text-decoration-color: rgba(0, 245, 255, 0.4);
  text-underline-offset: 3px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.article-content table td a:hover,
.article-content table td a:focus-visible {
  color: var(--white-color, #FEFEFE);
  text-decoration-color: var(--primary-color, #00F5FF);
}

.article-content table td code,
.article-content table th code {
  background-color: rgba(0, 245, 255, 0.08);
  color: var(--primary-color, #00F5FF);
  padding: 0.15rem 0.45rem;
  border-radius: 4px;
  font-size: 0.85em;
  font-family: monospace, SFMono-Regular, Consolas, "Courier New";
  border: 1px solid rgba(0, 245, 255, 0.2);
  direction: ltr;
  display: inline-block;
  unicode-bidi: embed;
}

.article-content table td strong {
  color: var(--white-color, #FEFEFE);
  font-weight: 700;
}

.article-content table td ul,
.article-content table td ol {
  margin: 0.25rem 0 0.25rem 1.25rem;
  padding: 0;
}

/* Custom Scrollbars */
.article-content .table-container::-webkit-scrollbar,
.article-content > table::-webkit-scrollbar {
  height: 6px;
}

.article-content .table-container::-webkit-scrollbar-track,
.article-content > table::-webkit-scrollbar-track {
  background: #0F172A;
  border-radius: 0 0 8px 8px;
}

.article-content .table-container::-webkit-scrollbar-thumb,
.article-content > table::-webkit-scrollbar-thumb {
  background: var(--borders-color, #374151);
  border-radius: 3px;
}

.article-content .table-container::-webkit-scrollbar-thumb:hover,
.article-content > table::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color, #00F5FF);
}

/* Mobile responsive adjustments */
@media (max-width: 640px) {
  .article-content table th,
  .article-content table td {
    padding: 0.65rem 0.85rem;
    font-size: 0.85rem;
  }
}