/* =============================================================================
   LI-NK — blog (lista, grila, categorie, autor, cautare, articol). Sursa: claude-design/D - Blog.dc.html.
   Șabloane: work/theme/lnk/blog/*.php. Toate clasele sunt `.lnb-*` (unice acestor șabloane), deci nu pot atinge
   bio / dashboard / admin. Doar tokeni `--ln-*` (excepții: toast-ul navy din README, `--lnb-img-*` pentru gradientul imaginilor).
   Culoarea textului pe `--ln-primary` e MEREU `--ln-primary-fg` (decizie Alex). Textul mic cyan (etichete, linkuri) folosește
   `--ln-primary-alt` (contrast AA în schema luminoasă), nu `--ln-primary` ca în machetă.
   Corpul articolului: `.lnb-prose` (NU `.content-body`: regulile ei din style.css sunt cu !important).
   ============================================================================= */

.lnb {
  --lnb-img-a: oklch(0.92 0.06 233);
  --lnb-img-b: oklch(0.85 0.09 233);
  --lnb-sticky: 104px;
  font-family: var(--ln-font);
  color: var(--ln-text);
  background: var(--ln-page-bg) no-repeat;
  background-color: var(--ln-bg);
  -webkit-font-smoothing: antialiased;
  min-width: 0;
}
html.dark .lnb { --lnb-img-a: #142973; --lnb-img-b: #1b3590; }
.lnb--article { background: var(--ln-bg); }
.lnb *, .lnb *::before, .lnb *::after { box-sizing: border-box; }
:where(.lnb) :is(h1, h2, h3, p) { margin: 0; }
.lnb :is(a, button):focus-visible, .lnb input:focus-visible { outline: 2px solid var(--ln-primary-ring); outline-offset: 2px; }
.lnb-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.lnb-wrap { width: 100%; max-width: var(--ln-content, 1280px); margin: 0 auto; padding: 0 32px; }

/* ---- antet ---- */
.lnb-head { padding: 56px 0 32px; }
.lnb-head .lnb-wrap { display: flex; flex-direction: column; gap: 24px; }
.lnb-head--page { padding: 48px 0 28px; }
.lnb-head--page .lnb-wrap { gap: 28px; }
.lnb-head__row, .lnb-head__tools { min-width: 0; }
.lnb-head__row { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; }
.lnb-head__text { min-width: 0; flex: 1 1 320px; }
.lnb-head__tools { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.lnb-eyebrow { display: block; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-primary-alt); }
.lnb-eyebrow--muted { color: var(--ln-text-3); }
.lnb-h1 { margin-top: 12px; font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.025em; color: var(--ln-heading); text-wrap: balance; overflow-wrap: anywhere; }
.lnb-h1--page { margin-top: 0; font-size: 32px; line-height: 38px; letter-spacing: -0.02em; }
.lnb-lead { margin-top: 12px; max-width: 620px; font-size: 17px; line-height: 26px; color: var(--ln-text-2); }
.lnb-sub { margin-top: 6px; font-size: 15px; line-height: 22px; color: var(--ln-text-2); overflow-wrap: anywhere; }

.lnb-crumbs { display: flex; flex-wrap: wrap; gap: 4px 8px; font-size: 13px; line-height: 20px; color: var(--ln-text-3); }
.lnb-crumbs a { color: var(--ln-text-3); text-decoration: none; }
.lnb-crumbs a:hover { color: var(--ln-text); }
.lnb-crumbs .is-current { font-weight: 600; color: var(--ln-text); }
.lnb-crumbs a.is-current:hover { color: var(--ln-primary-alt); }

/* ---- căutare ---- */
.lnb-search { position: relative; display: flex; align-items: center; gap: 10px; width: 300px; max-width: 100%; min-height: 44px; padding: 0 16px; border-radius: 9999px; border: 1px solid var(--ln-border-strong); background: var(--ln-card); color: var(--ln-text-3); }
.lnb-search:focus-within { border-color: var(--ln-primary-ring); outline: 2px solid var(--ln-primary-ring); outline-offset: 2px; }
.lnb-search__icon { display: inline-flex; flex: none; }
.lnb-search input { flex: 1; min-width: 0; width: 100%; border: 0; background: transparent; padding: 0; font: inherit; font-size: 14px; line-height: 20px; color: var(--ln-text); outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none; }
.lnb-search input:focus-visible { outline: 0; }
.lnb-search input::placeholder { color: var(--ln-text-3); opacity: 1; }
.lnb-search input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
html.dark .lnb-search input { color-scheme: dark; }

/* ---- pilule de categorii ---- */
.lnb-chips { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.lnb-chip { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 9999px; border: 1px solid var(--ln-border-strong); background: transparent; color: var(--ln-text-2); font-size: 13px; line-height: 16px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background-color .15s, border-color .15s, color .15s; }
.lnb-chip:hover { background: var(--ln-primary-soft); color: var(--ln-primary-alt); }
.lnb-chip.is-active { border-color: var(--ln-primary); background: var(--ln-primary-soft); color: var(--ln-primary-alt); }

/* ---- comutator listă/grilă (apare doar cu JS) ---- */
.lnb-toggle:not([hidden]) { display: inline-flex; gap: 4px; padding: 4px; border-radius: 9999px; border: 1px solid var(--ln-border); background: var(--ln-bg-2); }
.lnb-toggle button { appearance: none; border: 0; border-radius: 9999px; background: transparent; padding: 8px 14px; font: inherit; font-size: 13px; line-height: 16px; font-weight: 500; color: var(--ln-text-3); cursor: pointer; }
.lnb-toggle button:hover { color: var(--ln-text); }
.lnb-toggle button[aria-pressed="true"] { background: var(--ln-card); box-shadow: var(--ln-shadow-1); font-weight: 600; color: var(--ln-heading); }

/* ---- corp listă ---- */
.lnb-body { padding: 8px 0 64px; }
.lnb-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 32px; align-items: start; }
.lnb-layout[data-view="grid"] { grid-template-columns: minmax(0, 1fr); }
.lnb-layout[data-view="grid"] .lnb-aside { display: none; }
.lnb-main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.lnb-aside { display: flex; flex-direction: column; gap: 16px; min-width: 0; position: sticky; top: var(--lnb-sticky); }

.lnb-posts { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.lnb-layout[data-view="grid"] .lnb-posts, .lnb-posts--related { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }

/* imagine / tile provizoriu */
.lnb-tile { position: relative; display: flex; flex: none; align-items: center; justify-content: center; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(135deg, var(--lnb-img-a), var(--lnb-img-b)); color: var(--ln-primary); }
.lnb-tile img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.lnb-badge { position: absolute; top: 16px; left: 16px; z-index: 1; border-radius: 9999px; background: var(--ln-accent); color: var(--ln-bg); font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 4px 10px; }

/* card */
.lnb-card { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: 20px; background: var(--ln-card); border: 1px solid var(--ln-border); box-shadow: var(--ln-shadow-1); overflow: hidden; color: inherit; transition: transform .25s ease, box-shadow .25s ease; }
.lnb-card:hover { box-shadow: var(--ln-shadow-2); }
.lnb-layout[data-view="grid"] .lnb-card:hover, .lnb-posts--related .lnb-card:hover { transform: translateY(-4px); box-shadow: var(--ln-shadow-3); }
.lnb-card__body { display: flex; flex: 1; flex-direction: column; gap: 10px; min-width: 0; padding: 22px; }
.lnb-card__title { font-size: 19px; line-height: 25px; font-weight: 600; color: var(--ln-heading); overflow-wrap: anywhere; }
.lnb-card__link { color: inherit; text-decoration: none; }
.lnb-card__link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.lnb-card__link:focus-visible { outline: 0; }
.lnb-card__link:focus-visible::after { outline: 2px solid var(--ln-primary-ring); outline-offset: -2px; border-radius: inherit; }
.lnb-card__excerpt, .lnb-featured__excerpt { margin: 0; font-size: 14px; line-height: 21px; color: var(--ln-text-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.lnb-cat { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-primary-alt); overflow-wrap: anywhere; }

/* card în varianta listă (desktop): imaginea în stânga, ca în machetă */
@media (min-width: 721px) {
  .lnb-layout[data-view="list"] .lnb-posts > .lnb-card { flex-direction: row; gap: 24px; }
  .lnb-layout[data-view="list"] .lnb-posts > .lnb-card .lnb-tile { flex: 0 0 280px; aspect-ratio: auto; min-height: 168px; align-self: stretch; }
  .lnb-layout[data-view="list"] .lnb-posts > .lnb-card .lnb-card__body { padding: 22px 24px 22px 0; }
  .lnb-layout[data-view="list"] .lnb-posts > .lnb-card .lnb-card__title { font-size: 20px; line-height: 26px; letter-spacing: -0.01em; }
  .lnb-layout[data-view="list"] .lnb-posts > .lnb-card .lnb-meta { font-size: 13px; line-height: 20px; }
  .lnb-layout[data-view="list"] .lnb-posts > .lnb-card .lnb-av { width: 28px; height: 28px; font-size: 10px; }
}
/* card mini („articole similare”): fără rezumat și autor */
.lnb-card--mini .lnb-card__body { gap: 8px; padding: 20px; }
.lnb-card--mini .lnb-card__title { font-size: 18px; line-height: 24px; }

/* metadate: autor · dată · timp de citit */
.lnb-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: auto; padding-top: 6px; font-size: 12px; line-height: 16px; color: var(--ln-text-3); min-width: 0; }
.lnb-meta > time, .lnb-meta > span:not(.lnb-av):not(.lnb-meta__author) { white-space: nowrap; }
.lnb-meta__author { min-width: 0; font-weight: 600; color: var(--ln-text); overflow-wrap: anywhere; }
.lnb-meta__author a { color: inherit; text-decoration: none; }
.lnb-meta__author a:hover { color: var(--ln-primary-alt); }
.lnb-meta__sep { opacity: .8; }
.lnb-av { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 9999px; background: var(--ln-accent); color: var(--ln-bg); font-size: 9px; line-height: 1; font-weight: 700; letter-spacing: 0; }
.lnb-av--lg { width: 40px; height: 40px; font-size: 12px; }
.lnb-av--xl { width: 64px; height: 64px; font-size: 18px; }

/* articol principal */
.lnb-featured { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); border-radius: 24px; background: var(--ln-card); border: 1px solid var(--ln-border); box-shadow: var(--ln-shadow-2); overflow: hidden; transition: box-shadow .25s ease; }
.lnb-featured:hover { box-shadow: var(--ln-shadow-3); }
.lnb-featured .lnb-tile { aspect-ratio: auto; min-height: 270px; }
.lnb-featured__body { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 32px; }
.lnb-featured__title { font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -0.02em; color: var(--ln-heading); text-wrap: balance; overflow-wrap: anywhere; }
.lnb-featured__excerpt { font-size: 15px; line-height: 23px; -webkit-line-clamp: 4; }
.lnb-featured .lnb-meta { font-size: 13px; line-height: 20px; gap: 4px 10px; }
.lnb-featured .lnb-av { width: 32px; height: 32px; font-size: 11px; }
.lnb-featured .lnb-meta__author { flex: 1 1 calc(100% - 48px); }
.lnb-featured .lnb-meta__author + .lnb-meta__sep { display: none; }

/* „Cele mai citite” */
.lnb-pop { display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 20px; background: var(--ln-card); border: 1px solid var(--ln-border); min-width: 0; }
.lnb-pop__title { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-text-3); }
.lnb-pop__item { display: flex; align-items: center; gap: 12px; min-width: 0; color: inherit; text-decoration: none; }
.lnb-pop__item .lnb-tile { width: 56px; height: 56px; aspect-ratio: 1; border-radius: 12px; }
.lnb-pop__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lnb-pop__name { font-size: 14px; line-height: 19px; font-weight: 600; color: var(--ln-heading); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.lnb-pop__item:hover .lnb-pop__name { color: var(--ln-primary-alt); }
.lnb-pop__meta { font-size: 12px; line-height: 16px; color: var(--ln-text-3); }

/* paginare (markup din pagination(), clase proprii) */
.lnb-pager { display: flex; justify-content: center; padding-top: 8px; }
.lnb-pager__list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.lnb-pager__item { margin: 0; padding: 0; }
.lnb-pager__link { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 9999px; color: var(--ln-text-2); font-size: 14px; line-height: 1; font-weight: 500; text-decoration: none; transition: background-color .15s, color .15s; }
a.lnb-pager__link:hover { background: var(--ln-primary-soft); color: var(--ln-primary-alt); }
.lnb-pager__item.active .lnb-pager__link { background: var(--ln-primary); color: var(--ln-primary-fg); font-weight: 600; }
.lnb-pager__item.previous .lnb-pager__link, .lnb-pager__item.next .lnb-pager__link { border: 1px solid var(--ln-border); font-size: 0; position: relative; width: 40px; padding: 0; }
.lnb-pager__item.previous .lnb-pager__link::before, .lnb-pager__item.next .lnb-pager__link::before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8.25 4.5 7.5 7.5-7.5 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8.25 4.5 7.5 7.5-7.5 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.lnb-pager__item.previous .lnb-pager__link::before { transform: scaleX(-1); }

/* stare goală */
.lnb-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 48px 24px; text-align: center; border: 1px dashed var(--ln-border-strong); border-radius: 20px; }
.lnb-empty__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 9999px; background: var(--ln-primary-soft); color: var(--ln-primary-alt); }
.lnb-empty__title { font-size: 18px; line-height: 24px; font-weight: 600; color: var(--ln-heading); }
.lnb-empty__text { max-width: 420px; font-size: 14px; line-height: 20px; color: var(--ln-text-2); }

/* butoane și linkuri */
.lnb-btn { display: inline-flex; flex: none; align-items: center; justify-content: center; min-height: 44px; padding: 0 22px; border: 0; border-radius: 9999px; background: var(--ln-primary); color: var(--ln-primary-fg); font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: none; cursor: pointer; transition: background-color .15s, color .15s; }
.lnb-btn:hover { background: var(--ln-primary-alt); color: var(--ln-bg); }
.lnb-btn--lg { min-height: 48px; padding: 0 24px; font-size: 15px; }
.lnb-link { display: inline-block; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--ln-primary-alt); text-decoration: none; }
.lnb-link:hover { text-decoration: underline; text-underline-offset: .15em; }

/* ---- articol ---- */
.lnb-hero { background: var(--ln-page-bg) no-repeat; background-color: var(--ln-bg); }
.lnb-hero__in { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 48px; padding-bottom: 40px; text-align: center; }
.lnb-hero .lnb-crumbs { justify-content: center; }
.lnb-hero .lnb-crumbs .is-current { color: var(--ln-primary-alt); }
.lnb-art__title { max-width: 820px; font-size: 44px; line-height: 50px; font-weight: 700; letter-spacing: -0.025em; color: var(--ln-heading); text-wrap: balance; overflow-wrap: anywhere; }
.lnb-art__lead { max-width: 680px; font-size: 18px; line-height: 28px; color: var(--ln-text-2); }
.lnb-meta--art { justify-content: center; margin-top: 0; padding-top: 0; font-size: 14px; line-height: 20px; gap: 4px 12px; }
.lnb-cover { width: 100%; max-width: 1000px; aspect-ratio: 21 / 9; margin-top: 12px; border-radius: 24px; overflow: hidden; box-shadow: var(--ln-shadow-3); background: linear-gradient(135deg, var(--lnb-img-a), var(--lnb-img-b)); }
.lnb-cover img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }

.lnb-art__grid { display: grid; grid-template-columns: 240px minmax(0, 720px) 1fr; gap: 48px; align-items: start; padding-top: 48px; padding-bottom: 64px; }
.lnb-art__side { position: sticky; top: var(--lnb-sticky); display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.lnb-art__main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }

/* cuprins (JS) */
.lnb-toc:not([hidden]) { display: flex; flex-direction: column; gap: 2px; }
.lnb-toc__title { padding: 0 12px 10px; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ln-text-3); }
.lnb-toc__list { display: flex; flex-direction: column; gap: 2px; }
.lnb-toc a { display: block; padding: 8px 12px; border-left: 2px solid var(--ln-border); font-size: 14px; line-height: 20px; color: var(--ln-text-2); text-decoration: none; overflow-wrap: anywhere; }
.lnb-toc a:hover { color: var(--ln-text); }
.lnb-toc a.is-sub { padding-left: 24px; font-size: 13px; }
.lnb-toc a.is-active { border-left-color: var(--ln-primary); font-weight: 600; color: var(--ln-primary-alt); }

/* partajare */
.lnb-share { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 12px; }
.lnb-share__btn:not([hidden]) { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border-radius: 9999px; border: 1px solid var(--ln-border); background: transparent; color: var(--ln-text-2); font: inherit; font-size: 12px; line-height: 1; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s; }
.lnb-share__btn:hover { background: var(--ln-primary-soft); border-color: var(--ln-primary-ring); color: var(--ln-primary-alt); }
.lnb-toast { position: fixed; left: 50%; bottom: 24px; z-index: 60; display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 9999px; background: #142973; /* toast navy din README */ color: #fff; font-size: 14px; line-height: 20px; font-weight: 600; box-shadow: var(--ln-shadow-3); transform: translateX(-50%); }
.lnb-toast svg { color: #4ade80; }

/* tipografia corpului (720 px, 16/26) */
.lnb .lnb-prose { min-width: 0; font-size: 16px; line-height: 26px; color: var(--ln-text-2); overflow-wrap: break-word; }
.lnb .lnb-prose > * { margin: 0; }
.lnb .lnb-prose > * + * { margin-top: 20px; }
.lnb .lnb-prose h1, .lnb .lnb-prose h2 { margin-top: 40px; font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.02em; color: var(--ln-heading); scroll-margin-top: var(--lnb-sticky); }
.lnb .lnb-prose h3 { margin-top: 32px; font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; color: var(--ln-heading); scroll-margin-top: var(--lnb-sticky); }
.lnb .lnb-prose h4, .lnb .lnb-prose h5, .lnb .lnb-prose h6 { margin-top: 28px; font-size: 18px; line-height: 24px; font-weight: 600; color: var(--ln-heading); }
.lnb .lnb-prose > :first-child { margin-top: 0; }
.lnb .lnb-prose strong, .lnb .lnb-prose b { font-weight: 600; color: var(--ln-heading); }
.lnb .lnb-prose a { color: var(--ln-primary-alt); text-decoration: underline; text-underline-offset: .15em; }
.lnb .lnb-prose a:hover { text-decoration-thickness: 2px; }
.lnb .lnb-prose ul, .lnb .lnb-prose ol { padding-left: 22px; list-style-position: outside; }
.lnb .lnb-prose ul { list-style-type: disc; }
.lnb .lnb-prose ol { list-style-type: decimal; }
.lnb .lnb-prose li { margin: 0; padding-left: 4px; }
.lnb .lnb-prose li + li { margin-top: 6px; }
.lnb .lnb-prose li::marker { color: var(--ln-text-3); }
.lnb .lnb-prose li > ul, .lnb .lnb-prose li > ol { margin-top: 6px; }
.lnb .lnb-prose blockquote { margin-left: 0; margin-right: 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--ln-primary-ring); font-style: italic; color: var(--ln-text-2); }
.lnb .lnb-prose hr { height: 0; border: 0; border-top: 1px solid var(--ln-border); background: none; margin-top: 32px; margin-bottom: 12px; }
.lnb .lnb-prose img { display: block; max-width: 100%; height: auto; border-radius: 16px; }
.lnb .lnb-prose figure { display: flex; flex-direction: column; gap: 8px; max-width: 100%; margin-left: 0; margin-right: 0; }
.lnb .lnb-prose figure img { width: 100%; border: 1px solid var(--ln-border); }
.lnb .lnb-prose figure figcaption { display: block; padding: 0; background: transparent; font-size: 13px; line-height: 20px; color: var(--ln-text-3); text-align: center; }
.lnb .lnb-prose iframe, .lnb .lnb-prose video { display: block; max-width: 100%; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 16px; }
.lnb .lnb-prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 15px; line-height: 22px; }
.lnb .lnb-prose th, .lnb .lnb-prose td { padding: 8px 12px; border: 1px solid var(--ln-border); text-align: left; }
.lnb .lnb-prose th { background: var(--ln-bg-2); color: var(--ln-heading); font-weight: 600; }
.lnb .lnb-prose pre { max-width: 100%; overflow-x: auto; padding: 16px; border: 1px solid var(--ln-border); border-radius: 12px; background: var(--ln-bg-2); color: var(--ln-text); font-family: var(--ln-font-mono); font-size: 13px; line-height: 20px; }
.lnb .lnb-prose code { padding: .1em .35em; border-radius: 6px; background: var(--ln-bg-2); font-family: var(--ln-font-mono); font-size: .9em; }
.lnb .lnb-prose pre code { padding: 0; background: none; border-radius: 0; font-size: inherit; }
/* caseta „Sfat” — se scrie în editor (Sursă HTML): <div class="callout"><strong>Sfat: </strong>text</div> */
.lnb .lnb-prose .callout, .lnb .lnb-prose blockquote.callout { position: relative; padding: 18px 20px 18px 52px; border: 1px solid var(--ln-primary-ring); border-radius: 16px; background: var(--ln-primary-soft); color: var(--ln-text); font-style: normal; }
.lnb .lnb-prose .callout::before { content: ""; position: absolute; left: 20px; top: 21px; width: 20px; height: 20px; background: var(--ln-primary); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18'/%3E%3C/svg%3E") center / contain no-repeat; }

/* CTA în articol (suprafață accentuată) */
.lnb-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 12px; padding: 32px; border-radius: 24px; background: var(--ln-surface-accent); color: #fff; }
.lnb-cta__title { color: #fff; font-size: 22px; line-height: 28px; font-weight: 700; letter-spacing: -0.01em; }
.lnb-cta__text { margin-top: 6px; font-size: 15px; line-height: 22px; color: rgba(255, 255, 255, .75); }
.lnb-cta .lnb-btn:hover { background: var(--ln-primary-alt); color: var(--ln-bg); }

/* despre autor */
.lnb-authorbox { display: flex; align-items: flex-start; gap: 18px; margin-top: 8px; padding-top: 28px; border-top: 1px solid var(--ln-border); }
.lnb-authorbox__text { min-width: 0; }
.lnb-authorbox__name { margin-top: 4px; font-size: 18px; line-height: 24px; font-weight: 600; color: var(--ln-heading); overflow-wrap: anywhere; }
.lnb-authorbox__bio { margin-top: 6px; font-size: 14px; line-height: 21px; color: var(--ln-text-2); overflow-wrap: anywhere; }
.lnb-authorbox .lnb-link { margin-top: 8px; }

/* articole similare */
.lnb-related { border-top: 1px solid var(--ln-border); background: var(--ln-bg-2); }
.lnb-related .lnb-wrap { padding-top: 56px; padding-bottom: 64px; }
.lnb-related__head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 24px; }
.lnb-related__title { font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -0.02em; color: var(--ln-heading); }

/* ---- responsiv ---- */
@media (max-width: 1100px) {
  .lnb-art__grid { grid-template-columns: minmax(0, 720px); justify-content: center; gap: 32px; }
  .lnb-art__side { position: static; order: 2; }
  .lnb-toc { display: none !important; }
  .lnb-share { padding: 0; }
}
@media (max-width: 1023px) {
  .lnb-layout { grid-template-columns: minmax(0, 1fr); }
  .lnb-aside { position: static; }
  .lnb-layout[data-view="grid"] .lnb-posts, .lnb-posts--related { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .lnb-wrap { padding: 0 20px; }
  .lnb-head { padding: 32px 0 20px; }
  .lnb-head .lnb-wrap, .lnb-head--page .lnb-wrap { gap: 18px; }
  .lnb-head__row { flex-direction: column; align-items: stretch; gap: 18px; }
  .lnb-head__row > .lnb-head__text, .lnb-head__row > .lnb-author { flex: none; }
  .lnb-author .lnb-head__text { flex: 1 1 0; }
  .lnb-head__tools { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 18px; }
  .lnb-h1 { font-size: 28px; line-height: 34px; }
  .lnb-h1--page { font-size: 26px; line-height: 32px; }
  .lnb-lead { display: none; }
  .lnb-search { width: 100%; }
  .lnb-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px; padding: 0 20px 4px; scrollbar-width: none; }
  .lnb-chips::-webkit-scrollbar { display: none; }
  .lnb-chip { flex: none; }
  .lnb-toggle { display: none !important; }
  .lnb-body { padding-bottom: 48px; }
  .lnb-layout[data-view="grid"] .lnb-posts, .lnb-posts--related { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .lnb-card, .lnb-featured { border-radius: 20px; }
  .lnb-card__body { gap: 8px; padding: 18px; }
  .lnb-card--mini .lnb-card__body { padding: 18px; }
  .lnb-cat { font-size: 11px; }
  .lnb-card__title { font-size: 18px; line-height: 24px; }
  .lnb-card__excerpt, .lnb-card .lnb-av { display: none; }
  .lnb-card .lnb-meta__author { font-weight: 400; color: var(--ln-text-3); }
  .lnb-card .lnb-meta, .lnb-featured .lnb-meta { display: block; padding-top: 0; }
  .lnb-card .lnb-meta > *, .lnb-featured .lnb-meta > * { display: inline; margin-right: 6px; }
  .lnb-featured .lnb-meta__author + .lnb-meta__sep { display: inline; }
  .lnb-featured { display: flex; flex-direction: column; }
  .lnb-featured .lnb-tile { aspect-ratio: 16 / 9; min-height: 0; }
  .lnb-featured__body { gap: 8px; padding: 18px; }
  .lnb-featured__title { font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: 0; }
  .lnb-featured__excerpt, .lnb-featured .lnb-av { display: none; }
  .lnb-featured .lnb-meta { padding-top: 0; font-size: 12px; line-height: 16px; }
  .lnb-featured .lnb-meta__author { font-weight: 400; color: var(--ln-text-3); }
  .lnb-pop { padding: 18px; }

  .lnb-hero__in { align-items: flex-start; gap: 18px; padding-top: 28px; padding-bottom: 28px; text-align: left; }
  .lnb-hero .lnb-crumbs { justify-content: flex-start; }
  .lnb-hero .lnb-crumbs > a:not(.is-current), .lnb-hero .lnb-crumbs > span[aria-hidden] { display: none; }
  .lnb-hero .lnb-crumbs .is-current { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
  .lnb-art__title { font-size: 30px; line-height: 36px; }
  .lnb-art__lead { font-size: 16px; line-height: 26px; }
  .lnb-meta--art { display: block; font-size: 13px; line-height: 32px; }
  .lnb-meta--art > * { display: inline; margin-right: 8px; }
  .lnb-meta--art > .lnb-av { display: inline-flex; vertical-align: middle; }
  .lnb-av--lg { width: 32px; height: 32px; font-size: 11px; }
  .lnb-cover { aspect-ratio: 16 / 9; margin-top: 0; border-radius: 16px; box-shadow: none; }
  .lnb-art__grid { padding-top: 12px; padding-bottom: 48px; }
  .lnb .lnb-prose h1, .lnb .lnb-prose h2 { margin-top: 28px; font-size: 24px; line-height: 30px; }
  .lnb .lnb-prose h3 { margin-top: 24px; font-size: 20px; line-height: 26px; }
  .lnb .lnb-prose > * + * { margin-top: 16px; }
  .lnb .lnb-prose .callout, .lnb .lnb-prose blockquote.callout { padding: 16px; font-size: 15px; line-height: 22px; }
  .lnb .lnb-prose .callout::before { display: none; }
  .lnb-cta { flex-direction: column; align-items: stretch; padding: 24px; gap: 18px; text-align: left; }
  .lnb-cta .lnb-btn { min-height: 52px; }
  .lnb-authorbox { gap: 14px; }
  .lnb-av--xl { width: 56px; height: 56px; font-size: 16px; }
  .lnb-related .lnb-wrap { padding-top: 40px; padding-bottom: 48px; }
  .lnb-related__title { font-size: 22px; line-height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .lnb *, .lnb *::before, .lnb *::after { transition: none !important; }
  .lnb-layout[data-view="grid"] .lnb-card:hover, .lnb-posts--related .lnb-card:hover { transform: none; }
}

/* antetul paginii de autor */
.lnb-author { display: flex; align-items: flex-start; gap: 18px; flex: 1 1 320px; min-width: 0; }