.tl-recent { margin: 0 0 36px; }
.tl-recent[hidden], .tl-recent-item[hidden] { display: none !important; }
.tl-recent-kicker {
    margin: 0 0 4px; color: var(--tl-text); opacity: .65;
    font-size: 11px; font-weight: 600; line-height: 1.5;
    letter-spacing: .085em; text-align: center; text-transform: uppercase;
}
.tl-recent .tl-section-title { margin: 0 0 16px; }
.tl-recent-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.tl-recent-item { margin: 0; padding: 0; min-width: 0; }
.tl-recent-card {
    position: relative; display: grid; gap: 5px; padding: 15px 42px 16px 17px;
    border: 1px solid rgba(27,32,40,.08); border-radius: 12px;
    background: var(--tl-card, white); color: inherit; cursor: pointer;
    box-shadow: 0 2px 7px rgba(24,31,41,.04); text-align: left;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tl-recent-meta {
    display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 9px; min-width: 0;
    font: 500 11px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.tl-recent-meta time { opacity: .74; }
.tl-recent-category { font-weight: 650; overflow-wrap: anywhere; }
.tl-recent-category::before {
    content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px;
    border-radius: 50%; background: #b08d46; vertical-align: .08em;
}
.tl-recent-name {
    font-family: "Noto Serif",Georgia,serif; font-size: clamp(17px,2.3vw,20px);
    font-weight: 600; line-height: 1.3; letter-spacing: -.025em; overflow-wrap: anywhere;
}
.tl-recent-excerpt {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden; overflow-wrap: anywhere; opacity: .78;
    font: 400 13px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.tl-recent-arrow { position: absolute; top: 50%; right: 15px; opacity: .57; transform: translateY(-50%); }
@media (hover: hover) {
    .tl-recent-card:hover {
        border-color: rgba(118,97,54,.28); transform: translateY(-2px);
        box-shadow: 0 7px 18px -10px rgba(24,31,41,.28);
    }
}
.tl-recent-card:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .tl-recent-card { transition: none; } .tl-recent-card:hover { transform: none; } }