/* Home article list: shared across the three language components. */
.technical-guides-section { background: var(--white); }
.guides-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
}
.guides-heading > div { min-width: 0; }
.guides-all { flex-shrink: 0; margin-top: 8px; }
.guides-list { border-top: 1px solid var(--line); }
.guide-row {
    display: grid;
    grid-template-columns: 125px minmax(0, 1fr) max-content;
    gap: 36px;
    align-items: start;
    padding: 32px 0;
    border-bottom: 1px solid var(--line);
}
.guide-row:last-child { border-bottom: 0; padding-bottom: 0; }
.guide-date { font-size: 14px; color: var(--muted); padding-top: 5px; }
.guide-content { min-width: 0; }
.guide-content h3 { font-size: 25px; line-height: 1.3; margin-bottom: 12px; overflow-wrap: break-word; }
.guide-content h3 a { color: var(--ink); }
.guide-content h3 a:hover { color: var(--accent); }
.guide-content p { color: var(--muted); font-size: 16px; line-height: 1.7; margin-bottom: 0; overflow-wrap: break-word; }
.guide-read { justify-self: end; margin-top: 5px; white-space: nowrap; }
@media (max-width: 1100px) {
    .guide-row { grid-template-columns: 100px minmax(0, 1fr) max-content; gap: 24px; }
    .guide-content h3 { font-size: 23px; }
}
@media (max-width: 800px) {
    .guides-heading { flex-direction: column; gap: 18px; }
    .guides-all { margin-top: 0; }
    .guide-row { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 28px 0; }
    .guide-date { padding-top: 0; }
    .guide-read { justify-self: start; margin-top: 0; }
}
@media (max-width: 520px) {
    .guide-content h3 { font-size: 22px; }
}