/* ====== Alias Single Post Designer — CSS ====== */

.spd-main{color:var(--spd-text);font-size:var(--spd-font-base);line-height:var(--spd-leading);background:var(--spd-bg)}
.spd-container{width:min(var(--spd-container),92vw);margin:0 auto;padding:0 20px}

/* Polished TOP section */
.spd-intro{padding-top:10px;padding-bottom:14px}
.spd-intro__wrap{
  display:grid;gap:24px;align-items:center;
  background:var(--spd-introbg);
  border:1px solid var(--spd-line);
  border-radius:calc(var(--spd-radius) + 4px);
  padding:18px;
  box-shadow:0 10px 30px rgba(21,45,84,.06);
}
@media (min-width:980px){
  .spd-intro__wrap{ grid-template-columns: var(--spd-left) calc(100% - var(--spd-left)); }
}
.spd-intro__media img{
  width:100%;height:340px;object-fit:cover;
  border-radius:var(--spd-radius);
  box-shadow:0 10px 28px rgba(0,0,0,.08);display:block
}
.spd-intro__txt{min-width:0}
.spd-breadcrumbs{font-size:13px;color:var(--spd-muted);margin:0 0 8px}
.spd-breadcrumbs a{color:var(--spd-link);text-decoration:none}
.spd-title{font-size:clamp(22px,3vw,34px);line-height:1.18;margin:.15em 0 .35em}
.spd-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--spd-muted);font-size:14px;align-items:center}
.spd-excerpt{font-size:clamp(15px,2vw,18px);color:var(--spd-muted);margin:10px 0 0}

/* Body grid (content + sidebar) */
.spd-body .spd-body-grid{display:grid;grid-template-columns:3fr 1fr;gap:28px}
.spd-content p{margin:0 0 1.15em}
.spd-content h2{margin:1.4em 0 .6em;font-size:var(--spd-h2);line-height:1.3}
.spd-content h3{margin:1.1em 0 .5em;font-size:var(--spd-h3);line-height:1.35}

/* TOC card */
.spd-toc{border:1px solid var(--spd-line);border-radius:12px;padding:14px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.06);margin:12px 0 20px}
.spd-toc>ol{margin:0;padding-left:18px}
.spd-toc li{margin:.3em 0}
.spd-toc li.h3{margin-left:12px;font-size:.95em}
.spd-toc a{color:var(--spd-link);text-decoration:none}
.spd-toc a:hover{text-decoration:underline}

/* Footer bits */
.spd-pages{margin-top:20px;padding-top:12px;border-top:1px solid var(--spd-line)}
.spd-footer{margin-top:20px;padding-top:12px;border-top:1px solid var(--spd-line)}
.spd-tax{color:var(--spd-muted);font-size:14px}
.spd-tags{margin-left:10px}
.spd-share{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.spd-btn{display:inline-block;padding:8px 12px;border:1px solid var(--spd-line);border-radius:999px;background:#fff;text-decoration:none}
.spd-btn:hover{border-color:var(--spd-accent)}

/* Sidebar card */
.spd-sidebar .widget{background:var(--spd-card);border:1px solid var(--spd-line);border-radius:14px;padding:16px;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.spd-sidebar .widget-title{font-size:16px;margin:0 0 10px}

/* Related */
.spd-related{margin:34px auto}
.spd-related__title{font-size:20px;margin:0 0 12px}
.spd-related__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:720px){ .spd-related__grid{grid-template-columns:repeat(3,1fr)} }
.spd-related__item{background:#fff;border:1px solid var(--spd-line);border-radius:12px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.spd-related__thumb img{width:100%;height:180px;object-fit:cover;display:block}
.spd-related__meta{display:block;padding:10px}
.spd-related__cat{font-size:12px;color:var(--spd-muted);display:block;margin-bottom:4px}
.spd-related__ttl{font-size:16px;color:var(--spd-text);display:block}
.spd-nav{border-top:1px solid var(--spd-line);margin-top:24px;padding-top:12px}
.post-navigation .nav-label{display:block;font-size:12px;color:var(--spd-muted)}
.post-navigation .nav-title{font-size:16px;color:var(--spd-link)}
.spd-comments{width:min(var(--spd-container),92vw);margin:28px auto;padding:0 20px}

/* Content media safety */
.spd-content img,.spd-content iframe,.spd-content table{max-width:100%;height:auto}
.spd-content table{display:block;overflow-x:auto}

/* ===== Mobile polish ===== */
@media (max-width: 980px){
  .spd-intro__wrap{grid-template-columns:1fr;gap:16px}
  .spd-intro__media img{height:220px}
  .spd-title{font-size:26px;line-height:1.2;margin-bottom:8px}
  .spd-body .spd-body-grid{display:block} /* stack content then sidebar */
  .spd-sidebar{margin-top:18px}
  .spd-container, .spd-body, .spd-content{padding-left:16px;padding-right:16px}
  .spd-content h2{font-size:20px;line-height:1.25}
  .spd-content h3{font-size:17px;line-height:1.3}
  .spd-toc{margin-left:0;margin-right:0}
}

/* --- Latest Posts (sidebar, compact & clean) --- */
.widget-latest .latest-list{
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.widget-latest .latest-list > li{
  list-style: none !important;
  margin: 0;
  padding: 6px 0;
  border-bottom: 1px solid var(--spd-line);
}
.widget-latest .latest-list > li:last-child{ border-bottom: 0; }

.widget-latest .latest-link{
  display: flex;
  gap: 10px;
  align-items: center;
  text-decoration: none;
}

.widget-latest .latest-thumb{
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: #f2f5f9;
  overflow: hidden;
}
.widget-latest .latest-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.widget-latest .latest-placeholder{
  display:block; width:100%; height:100%;
  background: linear-gradient(180deg,#eef2f7,#e6ebf2);
  border-radius: 8px;
}

.widget-latest .latest-meta{ min-width: 0; }
.widget-latest .latest-ttl{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.35;
  color: var(--spd-text);
  font-weight: 600;
}

.widget-latest .latest-link:hover .latest-ttl{
  color: var(--spd-accent);
}

@media (max-width: 980px){
  .widget-latest .latest-list > li{ padding: 8px 0; }
}
