p a {
  color: var(--blue);
  text-decoration: underline;
}

/* UL/OL */
ul,
ol {
	list-style: none; 
	padding-left: 15px;
	margin-top: -7px;
}

li {
	position: relative; 
	padding-left: 13px; 
	padding-bottom: 0px;
}

li:last-child {
	padding-bottom: 15px;
}

ul:last-child li:last-child,
ol:last-child li:last-child {
	padding-bottom: 0;
}

ul li ul,
ol li ol {
	padding: 0px 0 0 0;
}

ul li:before {
	content: ""; 
	width: 4px; 
	height: 4px; 
	float: left; 
	background: #0e0e0e;
	border-radius: 360px; 
	position: absolute;
	top: 11px;
	left: 0;
}

/* Table */
table,
tbody,
thead,
tr,
th,
td {
	border-spacing: 0;
	padding: 0;
	margin: 0;
}

code {
	display: inline-block;
	color: var(--color-primary);
	background: #e9e9e9;
	border-radius: 6px;
	padding: 4px 10px;
}

pre {
	margin-bottom: 15px;
}

pre:last-child {
	margin-bottom: 0;
}

.table-out {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
	margin-bottom: 15px;
}

.table-out:last-child {
	margin-bottom: 0;
}

table {
	width: 100%;
	border: 1px solid #cccccc;
	border-right: none;
	border-bottom: none;
	margin-bottom: 15px;
}

table:last-child {
	margin-bottom: 0;
}

table th,
table td {
	text-align: left;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 10px 15px;
}

table th {
	font-weight: 700;
	background: #e9e9e9;
}

._tableContainer_1rjym_1 {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top; 
	margin-bottom: 20px;
}

._tableContainer_1rjym_1:last-child { 
	margin-bottom: 0;
}


/* BLOG GRID */
@media (min-width: 768px) {
.blog-list {
	padding-bottom: 100px;
}
}

.section-sub{max-width:700px;}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 40px;
}

/* CARD */
.blog-card {
  display: block;
  text-decoration: none;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--bg);
  transition: border-color 0.2s, transform 0.15s;
}

.blog-card:hover {
  border-color: var(--border2);
  transform: translateY(-2px);
}

/* IMAGE */
.blog-thumb {
  height: 160px;
  background: #e5e5e5;
}

.blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* CONTENT */
.blog-content {
  padding: 18px;
}

/* DATE */
.blog-top {
  margin-bottom: 6px;
}

.blog-date {
  font-size: 11px;
  color: var(--ink3);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-left: 1px;
}

/* TITLE */
.blog-card h3 {
  font-size: 16px;
  margin-bottom: 6px;
  color: var(--ink);
}

/* DESC */
.blog-card p {
  font-size: 13px;
  color: var(--ink2);
  margin-bottom: 16px;
}

/* TAGS */
.blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.blog-tags span {
  font-size: 11px;
  line-height: 15px;
  padding: 3px 12px;
  border-radius: 20px;
  background: var(--bg2);
  color: var(--blue);
  border: 1px solid var(--border);
}

/* SINGLE PAGE */
.blog-container {
  max-width: 740px;
  margin: 0 auto;
}

.blog-content-full {
  margin-top: 30px;
}

.blog-content-full h2,
.blog-content-full h3,
.blog-content-full h4,
.blog-content-full h5 {
  font-size: 18px;
  margin: 15px 0 10px;
}

.blog-content-full p {
  font-size: 15px;
  color: var(--ink2);
  line-height: 1.7;
}

/* MOBILE */
@media (max-width: 720px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }
}


/* LoadMore */
.blog-card {
	display: none;
}

.btn-center {
	text-align: center;
	margin-top: 45px;
}



/* LAYOUT */
.blog-layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
}

.blog-layout .blog-date {
	padding-left: 3px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
}

/* MAIN */
.blog-main {
  max-width: 100%;
}

/* HERO IMAGE */
.blog-hero-img {
  width: 100%;
  min-height: 160px;
  background: #e5e5e5;
  border: 1px solid #e9e9e9;
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 24px;
}

.blog-hero-img img {
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  display: block;
}

.blog-content-full {
  max-width: 680px;
}

.blog-content-full p {
  padding-bottom: 15px;
}

.blog-content-full p:last-child {
  padding-bottom: 0;
}


/* SIDEBAR */
.blog-sidebar {
  position: sticky;
  top: 80px;
  height: fit-content;
}

/* BOX */
.sidebar-box {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 20px;
  background: var(--bg);
  margin-bottom: 24px;
}

.sidebar-box:last-child {
  margin-bottom: 0;
}

.sidebar-box h3 {
  font-size: 18px;
  margin-bottom: 14px;
}

.sidebar-social{display:flex;gap:12px;}
.sidebar-social a{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;transition:background 0.15s}
.sidebar-social a:hover{background:rgba(0,0,0,1)}
.sidebar-social svg{width:16px;height:16px;fill:var(--blue);}

/* RECENT POSTS */
.recent-post {
  display: block;
  text-decoration: none;
  margin-bottom: 12px;
}

.recent-title {
  font-size: 14px;
  color: var(--ink);
  margin-bottom: 2px;
}

.recent-date {
  font-size: 12px;
  color: var(--ink3);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.recent-post:hover .recent-title,
.recent-post:focus .recent-title,
.recent-post:active .recent-title {
  color: var(--blue);
}


/* MOBILE */
@media (max-width: 900px) {
  .blog-layout {
    grid-template-columns: 1fr;
  }

  .blog-sidebar {
    position: static;
  }
}