/* Pagini de articol și lista de articole (structura paginilor „Articles” de pe garda.com) */
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: var(--spacing-xxs) 0; font-size: var(--fs-body-sm); }
.crumbs a { padding: 8px 0; }
.crumbs a:hover { text-decoration: underline; }
.crumbs svg { width: 10px; height: 10px; }
.crumbs [aria-current] { color: var(--color-grey-4); }

.article { max-width: 760px; margin: 0 auto; }
.article__top { display: flex; justify-content: space-between; align-items: baseline; gap: var(--spacing-xs); }
.article__kicker { font-weight: 700; }
.article__dates { display: flex; gap: 12px; color: var(--color-grey-4); }
.article__title { margin-top: var(--spacing-sm); }
.article__byline { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--spacing-xs); margin-top: var(--spacing-md); }
.article__share-label, .article__author-label { font-weight: 700; font-size: var(--fs-body-sm); margin-bottom: var(--spacing-xxxs); }
.article__share { display: flex; gap: 14px; }
.article__share a { display: inline-flex; width: 22px; height: 22px; }
.article__share a:hover { opacity: 0.6; }
.article__share svg { width: 100%; height: 100%; }
.article__author { text-align: right; }

.article__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; margin-top: var(--spacing-md); background: var(--color-grey-2); }
.article__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.article__body { margin-top: var(--spacing-md); font-size: var(--fs-body-lg); line-height: 160%; }
.article__body > * + * { margin-top: var(--spacing-xxs); }
.article__body .lead { font-size: 1.25rem; line-height: 150%; }
.article__body h2 { margin-top: var(--spacing-md); margin-bottom: var(--spacing-xxs); font-size: var(--fs-h3); }
.article__body h3 { margin-top: var(--spacing-sm); font-size: var(--fs-h5); font-weight: 700; }
.article__body ul, .article__body ol { padding-left: 1.25em; }
.article__body ul { list-style: disc; }
.article__body ol { list-style: decimal; }
.article__body li + li { margin-top: 0.5em; }
.article__body strong { font-weight: 700; }
.article__body blockquote { margin: var(--spacing-md) 0; padding-left: var(--spacing-sm); border-left: 1px solid var(--color-black); }
.article__body blockquote p { font-size: var(--fs-quote); font-weight: 300; line-height: 140%; color: var(--color-grey-4); }
.article__note { padding: var(--spacing-xs); background: var(--color-grey-1); font-size: var(--fs-body-sm); line-height: 150%; }

.article__cta { margin-top: var(--spacing-lg); }
.article__cta p { margin-top: var(--spacing-xxs); font-size: var(--fs-body-lg); line-height: 150%; }
.article__cta .btn { margin-top: var(--spacing-sm); }

.article__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--spacing-md); }
.article__tags span { padding: 4px 12px; border-radius: 999px; background: var(--color-grey-2); font-size: var(--fs-caption-sm); }

.article__sources { margin-top: var(--spacing-md); padding-top: var(--spacing-xs); border-top: 1px solid var(--color-grey-2); font-size: var(--fs-body-sm); line-height: 150%; color: var(--color-grey-4); }
.article__sources p { font-weight: 700; color: var(--color-black); margin-bottom: var(--spacing-xxxs); }
.article__sources li + li { margin-top: 4px; }

/* Lista de articole */
.articles-feature { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--spacing-sm); padding: var(--spacing-lg) 0; }
.articles-feature__text { grid-column: 1 / span 5; border-left: 1px solid var(--color-grey-3); padding-left: var(--spacing-xs); }
.articles-feature__text .h2 { margin-top: var(--spacing-xxs); }
.articles-feature__text:hover .h2 { color: var(--color-grey-4); }
.articles-feature__media { grid-column: 7 / span 6; position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
.articles-feature__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cards--list { row-gap: var(--spacing-lg); }

@media (max-width: 1023px) {
  .articles-feature { row-gap: var(--spacing-sm); }
  .articles-feature__text, .articles-feature__media { grid-column: 1 / -1; }
  .article__top, .article__byline { flex-wrap: wrap; }
}

/* Pagini legale: cuprins, tabel și buton în text */
.legal-toc { margin: var(--spacing-md) 0; padding: var(--spacing-xs); background: var(--color-grey-1); font-size: var(--fs-body-sm); }
.legal-toc ol { margin-top: var(--spacing-xxxs); columns: 2; column-gap: var(--spacing-sm); }
.legal-toc li { break-inside: avoid; }
.legal-toc li + li { margin-top: 0; }
.legal-toc a:hover, .legal .article__body a:hover { text-decoration: underline; }
.legal .article__body a { text-decoration: underline; text-underline-offset: 3px; }
.legal .article__body .btn { text-decoration: none; }
.legal .article__body h2 { scroll-margin-top: calc(var(--header-height) + 16px); }
.legal-table { overflow-x: auto; margin-top: var(--spacing-xs); }
.legal-table table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: var(--fs-body-sm); line-height: 140%; }
.legal-table th, .legal-table td { padding: 10px 12px; border: 1px solid var(--color-grey-2); text-align: left; vertical-align: top; }
.legal-table th { background: var(--color-grey-1); font-weight: 700; }
.legal-table code { font-size: 0.8125rem; }
@media (max-width: 767px) { .legal-toc ol { columns: 1; } }
.legal-toc a { display: inline-block; padding: 5px 0; }