.liamar-recent-sidebar__link {
  text-underline-offset: 3px;
}
.liamar-recent-sidebar__link:hover {
  text-decoration: underline;
}

.liamar-recent-sidebar__item { margin: 0; }
.liamar-recent-sidebar__link {
    display: block;
    margin-bottom: 40px;
}

/* optional: remove extra space after the final item */
.liamar-recent-sidebar__item:last-child .liamar-recent-sidebar__link { margin-bottom: 0; }

.liamar-recent-sidebar__list,
.liamar-recent-sidebar__item { list-style: none; }

.editor-note{background:#f9f9f9;border-left:4px solid #1a5999;padding:10px;margin:12px 0;font-size:15px;color:#444}
.author-box{border-top:2px solid #e6e8eb;margin-top:30px;padding-top:20px;display:flex;align-items:flex-start;gap:14px}
.author-box img{border-radius:100%;flex-shrink:0}
.author-box p{margin:0;font-size:17px;line-height:1.5}

.faq-trade{border-top:2px solid #1a5999;border-bottom:2px solid #1a5999;padding:20px 0;margin:30px 0;background:#fff}
.faq-trade h2{font-size:28px;margin-bottom:14px}
.faq-trade .faq-q{font-weight:700;margin:0 0 4px}
.faq-trade .faq-a{margin:0 0 14px;line-height:1.5}

.adoption-section{border:1px solid #e6e8eb;border-radius:12px;padding:20px;background:#fff;margin:28px 0}
.adoption-section .deck{font-size:18px;margin:6px 0 14px}
.adoption-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.adoption-card{border:1px solid #eef0f2;border-radius:10px;padding:14px;background:#fafbfc}
.adoption-card h3{margin:0 0 6px;font-size:16px}
.adoption-card ul{margin:0 0 8px 18px}
.adoption-card .micro{font-size:13px;color:#666;margin:6px 0 0}
.cta-slab{margin-top:14px;border:1px solid #e6e8eb;background:#f6f8fb;border-radius:10px;padding:16px}
.cta-slab h3{margin:0 0 6px}
.cta-list{margin:8px 0 0 18px}
@media (max-width:768px){.adoption-grid{grid-template-columns:1fr}}
@media (max-width:768px){
    .timeline-table td[data-label="Week"]{
        padding:10px 12px;
    }

    .timeline-table td[data-label="Week"]::before{
        display:inline-block;
        margin:0 6px 0 0; 
    }

    .timeline-table .week-badge{
        display:inline-block;
        padding:2px 6px;
        font-weight:700;

        position:relative;
    }
    .timeline-table .week-badge::before{
        content:"";
        position:absolute;
        top:0;left:-2px;right:-2px;bottom:0;
        background:#fff9c4;
        transform:skewX(-12deg);
        z-index:-1;
        border-radius:4px;
    }
}

.timeline-table .week-badge{
    display:inline-block;
    padding:0;
    font-weight:700;
}
/* ==========  Mobile stack for timeline table ========== */
@media (max-width:768px){
  /* turn table pieces into blocks */
  .timeline-table,
  .timeline-table thead,
  .timeline-table tbody,
  .timeline-table tr{
      display:block;
      width:100%;
  }

  /* hide header row visually but keep for screen readers */
  .timeline-table thead{
      position:absolute;
      top:-9999px;
      left:-9999px;
  }

  /* stack cells topâ??down */
  .timeline-table td{
      display:block;
      width:100%;
      padding:10px 12px;
      border:none;
      border-bottom:1px solid #ddd;
  }

  /* show column label before each value */
  .timeline-table td::before{
      content:attr(data-label);
      font-weight:600;
      display:block;
      margin-bottom:4px;
      color:#333;
  }
}

@media (max-width: 768px) {
    body.category.category-blog #primary {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.my-featured-image-class {
    float: left;
    width: 350px;
    margin: 0 15px 15px 0;
    vertical-align: top;
    display: block;
    height: auto;
}

@media (max-width: 768px) {
    .my-featured-image-class {
        float: none !important;
        width: 100% !important;
        margin: 0 0 1rem 0 !important;
    }
}

/* wrapper: stack cards vertically with equal gap */
.blog-shortcode-loop {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
}

/* each card container */
.blog-card {
    position: relative;
    overflow: hidden;      /* keeps long images from spilling */
}

/* thumbnail floated right, fixed width 400 px */
.blog-card-thumb {
    float: right;
    width: 400px;                /* exact width */
    margin: 0 0 0.5rem 1.5rem;   /* top | right | bottom | left */
}

.blog-card-thumb img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}

/* clearfix so next card starts below the float */
.blog-card::after {
    content: "";
    display: block;
    clear: both;
}

/* text elements */
.blog-card-title   { margin: 0.5rem 0 0.75rem; font-size: 1.25rem; }
.blog-card-excerpt { margin-bottom: 0.75rem;  }
.blog-card-readmore a { font-weight: bold; text-decoration: underline; }