/* ——— Blogul, articolul și autorii vorbesc limbajul site-ului: capul bleumarin stă sub antet, fotografia articolului trece prin scanner, textul
   începe din primul ecran, iar marginea are linii în loc de cutii. */

/* Calea de navigare: mereu pe capul bleumarin. */
.td-bl-crumbs ol { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 12px; padding: 0; color: rgba(255, 255, 255, .82); font-size: 13px; list-style: none; }
.td-bl-crumbs li + li::before { content: "/"; margin: 0 6px; opacity: .6; }
.td-bl-crumbs a { color: rgba(255, 255, 255, .82); }
.td-bl-crumbs a:hover { color: #fff; }
.td-bl-crumbs [aria-current] { display: -webkit-box; overflow: hidden; max-width: 46ch; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width: 759px) { .td-bl-crumbs { display: none; } }

/* ——— Blog: sus, consola cu căutarea și cu scurtăturile spre articole și clipuri. */
.td-bl-console { grid-template-columns: minmax(0, 1fr); align-items: center; }
.td-bl-search { position: relative; margin: 0; }
.td-bl-search svg { position: absolute; top: 50%; left: 14px; color: rgba(255, 255, 255, .72); pointer-events: none; transform: translateY(-50%); }
.td-bl-search input { width: 100%; height: 46px; padding: 0 14px 0 42px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 10px; background: rgba(255, 255, 255, .09); color: #fff; font: 500 15px Montserrat, Arial, sans-serif; }
.td-bl-search input::placeholder { color: rgba(255, 255, 255, .64); }
.td-bl-search input:hover { border-color: rgba(255, 255, 255, .55); }
.td-bl-search input:focus { border-color: #fff; outline: none; background: rgba(255, 255, 255, .14); box-shadow: 0 0 0 3px rgba(141, 180, 255, .4); }
.td-bl-jump { display: flex; flex-wrap: wrap; gap: 6px; }
.td-bl-jump a { display: inline-flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 10px; background: rgba(255, 255, 255, .06); color: #fff; font-size: 14px; font-weight: 700; white-space: nowrap; }
.td-bl-jump a:hover { border-color: rgba(255, 255, 255, .6); background: rgba(255, 255, 255, .12); color: #fff; }
.td-bl-jump b { color: #9DBCFF; font-size: 13px; }
@media (min-width: 760px) { .td-bl-console { grid-template-columns: minmax(0, 1fr) auto; } }

/* Sus: cel mai nou articol, în culoare, și „Cele mai citite”, pe linii. */
.td-hsec.td-bl-articles { padding-top: clamp(28px, 3.4vw, 48px); }
.td-bl-top { display: grid; gap: 24px; margin-bottom: clamp(26px, 3.2vw, 44px); padding-bottom: clamp(26px, 3.2vw, 44px); border-bottom: 1px solid var(--td-line); }
.td-bl-card.is-featured { gap: 16px; }
.td-bl-card.is-featured .td-bl-img img { filter: none; mix-blend-mode: normal; }
.td-bl-card.is-featured .td-bl-title { min-height: 0; font-size: clamp(24px, 2.7vw, 38px); line-height: 1.1; letter-spacing: -.032em; }
.td-bl-card.is-featured .td-bl-title a { -webkit-line-clamp: 5; }
.td-bl-card.is-featured .td-bl-text { font-size: 15.5px; -webkit-line-clamp: 3; }
.td-bl-card.is-featured .td-btn { align-self: flex-start; margin-top: 6px; }
.td-bl-side-title { margin: 0; color: var(--td-title); font-size: clamp(20px, 1.8vw, 24px); font-weight: 800; line-height: 1.15; letter-spacing: -.025em; }
.td-bl-popular ul { display: grid; margin: 12px 0 0; padding: 0; border-top: 1px solid var(--td-line); list-style: none; }
.td-bl-popular li { border-bottom: 1px solid var(--td-line); }
.td-bl-popular a { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 14px; padding: 10px 0; color: var(--td-title); }
.td-bl-popular a:hover { color: var(--td-blue); }
.td-bl-popular img { width: 72px; height: 54px; border-radius: var(--td-r-sm); object-fit: cover; }
.td-bl-popular b { display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.32; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.td-bl-popular small { display: block; margin-top: 2px; color: var(--td-text); font-size: 12px; }
@media (min-width: 1000px) {
  .td-bl-top { grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; }
  .td-bl-top.is-single { grid-template-columns: 1fr; }
  .td-bl-card.is-featured { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 30px; }
  .td-bl-card.is-featured .td-bl-img { aspect-ratio: 4 / 3; }
  .td-bl-top.is-single .td-bl-card.is-featured .td-bl-img { aspect-ratio: 16 / 9; }
}

/* Toate articolele: filtrele pe subiecte și „Încarcă mai multe”. */
.td-bl-list-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-bottom: clamp(16px, 2vw, 24px); }
.td-bl-filters { display: flex; gap: 6px; margin: 0 calc(-1 * var(--td-gutter)); padding: 2px var(--td-gutter) 4px; overflow-x: auto; scrollbar-width: none; }
.td-bl-filters::-webkit-scrollbar { display: none; }
.td-bl-filters button { display: inline-flex; flex: none; align-items: center; gap: 7px; min-height: 36px; padding: 0 12px; border: 1px solid var(--td-line); border-radius: 999px; background: #fff; color: var(--td-title); font: 600 13px Montserrat, Arial, sans-serif; cursor: pointer; }
.td-bl-filters button:hover { border-color: var(--td-blue); }
.td-bl-filters button b { color: var(--td-text); font-size: 12px; }
.td-bl-filters button[aria-pressed="true"] { border-color: var(--td-navy); background: var(--td-navy); color: #fff; }
.td-bl-filters button[aria-pressed="true"] b { color: #9DBCFF; }
.td-bl-more { display: flex; justify-content: center; margin-top: 32px; }
@media (min-width: 900px) { .td-bl-filters { flex-wrap: wrap; margin: 0; padding: 0; overflow: visible; } }

/* Clipurile: verticale, pe bleumarin, într-un șir care se derulează pe telefon. */
.td-reels { display: grid; grid-auto-columns: 44%; grid-auto-flow: column; gap: 12px; margin: 0 calc(-1 * var(--td-gutter)); padding: 4px var(--td-gutter) 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.td-reels::-webkit-scrollbar { display: none; }
.td-reel { position: relative; display: block; overflow: hidden; aspect-ratio: 9 / 16; border-radius: var(--td-r); background: #0b1420; color: #fff; scroll-snap-align: start; }
.td-reel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.td-reel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(2, 14, 28, .88) 100%); }
.td-reel:hover { color: #fff; }
.td-reel:hover img { transform: scale(1.04); }
.td-reel-play { position: absolute; z-index: 1; top: 12px; left: 12px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .94); color: var(--td-navy); }
.td-reel-play svg { margin-left: 2px; }
.td-reel-title { position: absolute; z-index: 1; right: 12px; bottom: 12px; left: 12px; display: -webkit-box; overflow: hidden; font-size: 13.5px; font-weight: 700; line-height: 1.32; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.td-reels-more { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 16px 0 0; color: rgba(255, 255, 255, .84); font-size: 14px; }
.td-reels-more a { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 700; }
.td-reels-more svg { width: 16px; height: 16px; }
@media (min-width: 640px) { .td-reels { grid-auto-columns: 30%; } }
@media (min-width: 1000px) { .td-reels { grid-auto-columns: calc((100% - 4 * 16px) / 5); gap: 16px; margin: 0; padding: 4px 0 10px; } }

/* ——— Articolul: titlul lângă fotografia care trece prin scanner, iar textul începe din primul ecran. */
.td-progress { position: fixed; top: 0; right: 0; left: 0; z-index: 75; height: 3px; pointer-events: none; }
.td-progress span { display: block; width: 0; height: 100%; background: var(--td-blue); }
.td-hubhead.td-art-head { padding-bottom: clamp(20px, 2.8vw, 36px); }
.td-art-head-in { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 18px clamp(28px, 4vw, 56px); }
.td-art-topics { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.td-art-topics a { padding: 3px 10px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 999px; background: rgba(255, 255, 255, .08); color: #fff; font-size: 12.5px; font-weight: 700; }
.td-art-topics a:hover { border-color: #fff; background: rgba(255, 255, 255, .16); color: #fff; }
.td-art-title { margin: 0; color: #fff; font-size: clamp(27px, 3.1vw, 46px); font-weight: 800; line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.td-art-lead { max-width: 62ch; margin: 12px 0 0; color: rgba(255, 255, 255, .88); font-size: 15.5px; line-height: 1.5; }
.td-art-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 14px; color: rgba(255, 255, 255, .84); font-size: 13.5px; }
.td-art-author { display: inline-flex; align-items: center; gap: 9px; }
.td-art-author b, .td-art-author a { display: block; color: #fff; font-size: 14px; }
.td-art-author a:hover { color: #fff; text-decoration: underline; }
.td-art-author small { display: block; color: rgba(255, 255, 255, .72); font-size: 12px; }
.td-art-avatar { flex: none; width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.td-art-avatar.is-initial, .td-author-img.is-initial { display: inline-flex; align-items: center; justify-content: center; background: var(--td-blue-tint); color: var(--td-blue); font-weight: 800; }
.td-art-fact { display: inline-flex; align-items: center; gap: 6px; }
.td-art-fact svg { width: 15px; height: 15px; color: rgba(255, 255, 255, .72); }
.td-ai { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .16); }
.td-ai-label { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-size: 13px; font-weight: 700; }
.td-ai ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
.td-ai a { display: inline-flex; align-items: center; min-height: 30px; padding: 0 11px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 999px; background: rgba(255, 255, 255, .06); color: #fff; font-size: 12.5px; font-weight: 600; }
.td-ai a:hover { border-color: #fff; background: rgba(255, 255, 255, .14); color: #fff; }
.td-art-frame { position: relative; isolation: isolate; overflow: hidden; margin: 0; aspect-ratio: 3 / 2; border: 1px solid rgba(255, 255, 255, .2); border-radius: var(--td-r-lg); background: #031A33; }
.td-art-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.td-art-frame .td-hm-scan-ray { z-index: 1; }
.td-art-frame .td-hm-scan-line { z-index: 2; }
@media (max-width: 759px) {
  .td-art-frame { aspect-ratio: 16 / 9; }
  .td-art-lead { font-size: 15px; }
  .td-ai { flex-wrap: nowrap; }
  .td-ai-label { flex: none; }
  .td-ai ul { flex-wrap: nowrap; margin-right: calc(-1 * var(--td-gutter)); padding-right: var(--td-gutter); overflow-x: auto; scrollbar-width: none; }
  .td-ai ul::-webkit-scrollbar { display: none; }
  .td-ai li { flex: none; }
}
@media (min-width: 1040px) { .td-art-head-in.has-photo { grid-template-columns: minmax(0, 1fr) minmax(0, 470px); } }

.td-art-layout { display: grid; gap: 28px; padding-top: clamp(22px, 3vw, 40px); padding-bottom: clamp(34px, 4.2vw, 60px); }
.td-art-body { min-width: 0; max-width: 720px; }
.td-art-prose { color: var(--td-secondary); font-size: 16.5px; line-height: 1.72; }
.td-art-prose h2 { margin: 1.7em 0 .5em; color: var(--td-title); font-size: clamp(23px, 2.2vw, 30px); font-weight: 800; line-height: 1.14; letter-spacing: -.03em; scroll-margin-top: calc(var(--td-header) + 20px); }
.td-art-prose h3 { margin: 1.5em 0 .4em; color: var(--td-title); font-size: 19px; font-weight: 800; line-height: 1.25; letter-spacing: -.015em; scroll-margin-top: calc(var(--td-header) + 20px); }
.td-art-prose img { border-radius: var(--td-r); }
.td-art-prose a { color: var(--td-blue); }
.td-art-prose blockquote { padding: 2px 0 2px 16px; border-left: 3px solid var(--td-blue); background: none; color: var(--td-title); }
.td-art-prose th, .td-art-prose td { border: 0; border-bottom: 1px solid var(--td-line); }
.td-art-prose th { border-bottom: 2px solid var(--td-navy); background: none; }
.td-art-side { display: none; }
.td-toc-mobile { margin-bottom: 20px; border-top: 1px solid var(--td-line); border-bottom: 1px solid var(--td-line); }
.td-toc-mobile summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; color: var(--td-title); font-weight: 700; list-style: none; cursor: pointer; }
.td-toc-mobile summary::-webkit-details-marker { display: none; }
.td-toc-mobile summary span { color: var(--td-text); font-size: 13px; font-weight: 500; }
.td-toc-mobile .td-toc-list { padding-bottom: 12px; }
.td-toc-list { display: grid; margin: 0; padding: 0; counter-reset: toc; list-style: none; }
.td-toc-list li { counter-increment: toc; }
.td-toc-list li + li { border-top: 1px solid var(--td-line); }
.td-toc-list a { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; padding: 7px 0; color: var(--td-text); font-size: 13.5px; line-height: 1.34; }
.td-toc-list a::before { content: counter(toc); color: var(--td-text); font-weight: 700; font-variant-numeric: tabular-nums; }
.td-toc-list a:hover { color: var(--td-title); }
.td-toc-list a[aria-current="true"] { color: var(--td-title); font-weight: 700; }
.td-toc-list a[aria-current="true"]::before { color: var(--td-orange, var(--td-warn)); }
.td-share { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--td-line); }
.td-share-title { margin: 0 0 8px; color: var(--td-title); font-size: 13.5px; font-weight: 700; }
.td-share-row { display: flex; flex-wrap: wrap; gap: 6px; }
.td-share-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 38px; height: 38px; padding: 0 10px; border: 1px solid var(--td-line); border-radius: var(--td-r-sm); background: #fff; color: var(--td-title); font: 600 13.5px Montserrat, Arial, sans-serif; cursor: pointer; }
.td-share-btn:hover { border-color: var(--td-blue); color: var(--td-blue); }
.td-share-btn svg { width: 16px; height: 16px; }
.td-share-btn.is-native { border-color: var(--td-blue); background: var(--td-blue); color: #fff; }
.td-share-done { min-height: 1.2em; margin: 6px 0 0; color: var(--td-green-dark); font-size: 13px; font-weight: 600; }
.td-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 24px; }
.td-tags a { padding: 4px 10px; border: 1px solid var(--td-line); border-radius: 999px; color: var(--td-secondary); font-size: 12.5px; font-weight: 600; }
.td-tags a:hover { border-color: var(--td-blue); color: var(--td-blue); }
.td-author { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--td-line); }
.td-author-img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.td-author-label { margin: 0; color: var(--td-text); font-size: 12.5px; }
.td-author-name { margin: 0 0 4px; color: var(--td-title); font-size: 16.5px; font-weight: 800; letter-spacing: -.015em; }
.td-author-name a { color: var(--td-title); }
.td-author-name span { display: block; color: var(--td-text); font-size: 13px; font-weight: 600; letter-spacing: 0; }
.td-author p { font-size: 14px; }
.td-author-links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 8px 0 0; }
@media (min-width: 1000px) {
  .td-art-layout { grid-template-columns: minmax(0, 1fr) 290px; gap: 56px; }
  .td-art-side { display: block; }
  .td-art-sticky { position: sticky; top: calc(var(--td-header) + 20px); }
  .td-toc-title { margin: 0 0 8px; color: var(--td-title); font-size: 13.5px; font-weight: 700; }
  .td-toc .td-toc-list { max-height: 40vh; padding-right: 6px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--td-line) transparent; }
  .td-art-side .td-share { margin-top: 14px; padding: 0; border: 0; }
  .td-toc-mobile, .td-share.is-end { display: none; }
}

/* Blocul din text, pe bleumarin: bifele intră în mesaj; marginea: piesa, prețul și mesajul, pe linii. */
.td-cs-art { margin: 28px 0; padding: clamp(14px, 2vw, 20px); border-radius: var(--td-r-lg); background: var(--td-navy); color: rgba(255, 255, 255, .84); }
.td-cs-art-top { display: flex; align-items: center; gap: 14px; }
.td-cs-art-part { display: grid; flex: none; place-items: center; width: 84px; height: 62px; }
.td-cs-art-part img { width: 100%; height: 100%; margin: 0; border-radius: 0; object-fit: contain; }
.td-cs-art .td-cs-art-title { margin: 0 0 2px; color: #fff; font-size: 19px; font-weight: 800; line-height: 1.18; letter-spacing: -.02em; }
.td-cs-art .td-cs-art-text { margin: 0; font-size: 13.5px; line-height: 1.42; }
.td-cs-checks { display: flex; flex-wrap: wrap; gap: 5px; margin: 12px 0; }
.td-cs-check { position: relative; display: inline-flex; padding: 6px 11px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 999px; background: rgba(255, 255, 255, .06); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.3; cursor: pointer; }
.td-cs-check input { position: absolute; opacity: 0; pointer-events: none; }
.td-cs-check:hover { border-color: rgba(255, 255, 255, .6); }
.td-cs-check:has(input:checked) { border-color: var(--td-warn); background: rgba(245, 158, 11, .2); }
.td-cs-check:has(input:focus-visible) { outline: 2px solid #fff; outline-offset: 2px; }
.td-cs-art-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; }
.td-cs-art .td-cs-art-facts, .td-cs-side .td-cs-art-facts { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin: 0; font-size: 13.5px; }
.td-cs-art-facts b { color: var(--td-title); font-size: 18px; font-weight: 800; letter-spacing: -.02em; }
.td-cs-art .td-cs-art-facts b { color: #fff; }
.td-cs-art-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.td-cs-art-actions .td-btn, .td-cs-art-actions .td-btn:hover { min-height: 42px; font-size: 13.5px; text-decoration: none; }
.td-cs-art .td-btn.is-wa, .td-cs-art .td-btn.is-wa:hover { color: #fff; }
.td-cs-art .td-btn.is-outline { border-color: rgba(255, 255, 255, .4); background: transparent; color: #fff; }
.td-cs-art .td-btn.is-outline:hover { border-color: #fff; background: rgba(255, 255, 255, .1); color: #fff; }
.td-cs-side { margin: 14px 0; padding: 12px 0; border-top: 1px solid var(--td-line); border-bottom: 1px solid var(--td-line); }
.td-cs-side-part { display: grid; place-items: center; height: 76px; margin-bottom: 4px; }
.td-cs-side-part img { width: auto; max-width: 100%; height: auto; max-height: 76px; object-fit: contain; }
.td-cs-side-name { margin: 0 0 2px; font-size: 14px; font-weight: 700; line-height: 1.3; }
.td-cs-side-name a { color: var(--td-title); }
.td-cs-side .td-btn { min-height: 40px; margin-top: 8px; }

/* ——— Pagina autorului: fișa lui pe sticlă, lângă prezentare; dedesubt, articolele. */
.td-hubhead.td-au-head { padding-bottom: clamp(24px, 3.2vw, 44px); }
.td-au { display: grid; align-items: start; gap: 22px; }
.td-au-card { display: grid; gap: 12px; padding: 16px; border: 1px solid rgba(255, 255, 255, .2); border-radius: var(--td-r-lg); background: rgba(2, 21, 41, .42); }
.td-au-id { display: flex; align-items: center; gap: 14px; }
.td-au-img { flex: none; width: 84px; height: 84px; border-radius: 14px; background: rgba(255, 255, 255, .1); object-fit: cover; }
.td-au-img.is-initial { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 34px; font-weight: 800; }
.td-au-label { margin: 0 0 2px; color: rgba(255, 255, 255, .72); font-size: 12.5px; font-weight: 600; }
.td-au-name { margin: 0; color: #fff; font-size: clamp(26px, 3vw, 38px); font-weight: 800; line-height: 1.06; letter-spacing: -.035em; }
.td-au-role { margin: 4px 0 0; color: rgba(255, 255, 255, .86); font-size: 14px; font-weight: 600; }
.td-au-page { margin: 0; color: rgba(255, 255, 255, .8); font-size: 13.5px; font-weight: 600; }
.td-au-facts { margin: 0; border-top: 1px solid rgba(255, 255, 255, .16); }
.td-au-facts > div { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: baseline; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, .16); }
.td-au-facts dt { color: rgba(255, 255, 255, .72); font-size: 13px; font-weight: 500; }
.td-au-facts dd { margin: 0; color: #fff; font-size: 13.5px; font-weight: 600; }
.td-au-facts dd b { font-size: 17px; font-weight: 800; }
.td-au-topics { display: flex; flex-wrap: wrap; gap: 5px; }
.td-au-topics a, .td-au-topics span { padding: 2px 9px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 999px; color: #fff; font-size: 12.5px; font-weight: 600; }
.td-au-topics a:hover { border-color: #fff; color: #fff; }
.td-au-in, .td-au-in:hover { justify-self: start; min-height: 40px; border-color: rgba(255, 255, 255, .4); background: transparent; color: #fff; font-size: 13.5px; }
.td-au-in:hover { border-color: #fff; background: rgba(255, 255, 255, .1); }
.td-au-bio { max-width: 68ch; color: rgba(255, 255, 255, .86); }
.td-au-bio-title { margin: 0 0 10px; color: #fff; font-size: clamp(20px, 1.8vw, 24px); font-weight: 800; letter-spacing: -.025em; }
.td-au-bio p { margin: 0 0 10px; font-size: 15px; line-height: 1.62; }
.td-au-bio p:first-of-type { color: #fff; }
.td-au-new { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 14px; margin-top: 16px; padding: 8px; border: 1px solid rgba(255, 255, 255, .2); border-radius: var(--td-r); background: rgba(255, 255, 255, .06); color: #fff; }
.td-au-new:hover { border-color: #fff; background: rgba(255, 255, 255, .12); color: #fff; }
.td-au-new-img { display: block; width: 96px; height: 66px; border-radius: 8px; object-fit: cover; }
.td-au-new-text small { display: block; margin-bottom: 2px; color: rgba(255, 255, 255, .72); font-size: 12px; font-weight: 600; }
.td-au-new-text b { display: -webkit-box; overflow: hidden; font-size: 14.5px; line-height: 1.32; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.td-au-count { margin-bottom: clamp(16px, 2vw, 24px); }
@media (min-width: 900px) {
  .td-au { grid-template-columns: 380px minmax(0, 1fr); gap: 48px; }
  .td-au.is-compact { grid-template-columns: minmax(0, 520px); }
}