/* Redakční obsah používá stejné povrchy a akcenty jako zbytek Clasico. */
.article-homepage { margin-top:1.5rem; }
.article-section-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.article-section-heading h2 { font-size:1.125rem; font-weight:600; }
.article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.article-card { border-radius:8px; overflow:hidden; min-width:0; }
.article-card-image { display:block; aspect-ratio:16 / 9; overflow:hidden; background:rgba(128,128,128,.06); }
.article-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .2s ease; }
.article-card-image:hover img { transform:scale(1.02); }
.article-image-placeholder { display:grid; height:100%; place-items:center; color:#64748b; font-size:2rem; }
.article-card-content { padding:1rem; min-width:0; overflow-wrap:anywhere; }
.article-meta { display:flex; flex-wrap:wrap; gap:.5rem; font-size:.75rem; line-height:1.5; color:#64748b; }
.article-meta a { color:inherit; }
.article-card h3 { font-size:1.1rem; font-weight:600; line-height:1.45; margin:.5rem 0; }
.article-card h3 a:hover,.article-prose a,.article-sources a { color:#2563eb; }
.article-card p { color:#64748b; font-size:.8125rem; line-height:1.65; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.article-card-footer { justify-content:space-between; margin-top:.8rem; }
.article-recent { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin-top:1rem; }
.article-card--compact { display:flex; }
.article-card--compact .article-card-image { width:132px; min-height:110px; flex-shrink:0; aspect-ratio:auto; }
.article-card--compact .article-card-content { padding:.75rem; }
.article-card--compact h3 { font-size:.9375rem; margin:.3rem 0; }
.article-card--compact p { -webkit-line-clamp:2; }
.article-card--compact .article-card-footer { display:flex; justify-content:flex-start; margin-top:.4rem; }
.article-card--compact .article-card-footer > span:first-child { display:inline; }
.article-list { margin-top:1rem; }
.article-filters { display:flex; flex-wrap:wrap; gap:.75rem; align-items:end; margin-top:1rem; }
.article-filters label { display:grid; gap:.3rem; font-size:.75rem; }
.article-filters select,.article-filters button { min-height:40px; }
.article-filters select { border-radius:8px; padding:.5rem 2rem .5rem .75rem; }
.article-pagination { display:flex; justify-content:center; align-items:center; gap:1rem; margin-top:1.5rem; font-size:.875rem; }
.article-detail { border-radius:8px; overflow:hidden; }
.article-header { max-width:820px; margin:auto; padding:2rem 1.5rem; }
.article-back { margin-bottom:1.5rem; }
.article-header h1 { font-size:clamp(1.75rem,4vw,2.75rem); line-height:1.2; font-weight:600; margin:.75rem 0 1rem; }
.article-lead { font-size:1.125rem; line-height:1.75; margin-bottom:1.25rem; color:#475569; }
.article-cover { margin:0 auto; max-width:1040px; }
.article-cover img { width:100%; height:auto; max-height:640px; object-fit:contain; }
.article-cover figcaption { padding:.5rem 1rem; font-size:.75rem; color:#64748b; }
.article-prose { max-width:760px; margin:auto; padding:1.5rem; font-size:1.0625rem; line-height:1.85; overflow-wrap:anywhere; }
.article-prose p,.article-prose ul,.article-prose ol { margin:0 0 1.2rem; }
.article-prose h1,.article-prose h2,.article-prose h3 { font-weight:600; line-height:1.4; margin:1.6rem 0 .7rem; }
.article-prose h2 { font-size:1.5rem; }
.article-prose h3 { font-size:1.2rem; }
.article-prose strong,.article-prose b { font-weight:600; }
.article-prose ul { list-style:disc; padding-left:1.5rem; }
.article-prose ol { list-style:decimal; padding-left:1.5rem; }
.article-prose blockquote { border-left:3px solid #94a3b8; padding:.4rem 0 .4rem 1rem; margin:1.5rem 0; color:#475569; }
.article-prose img { max-width:100%; height:auto; border-radius:8px; margin:1rem 0; }
.article-sources { max-width:760px; margin:0 auto 1.5rem; padding:0 1.5rem; font-size:.8125rem; overflow-wrap:anywhere; }
.article-sources h2 { font-size:.875rem; font-weight:600; margin-bottom:.5rem; }
.article-comments { border-top:1px solid rgba(128,128,128,.15); }
.article-comments > h2 { padding:1rem; font-weight:600; font-size:1rem; }
.article-comments > h2 span { color:#64748b; font-size:.8125rem; }
.dark .article-meta,.dark .article-card p,.dark .article-cover figcaption { color:#94a3b8; }
.dark .article-lead,.dark .article-prose blockquote { color:#cbd5e1; }
.dark .article-card h3 a:hover,.dark .article-prose a,.dark .article-sources a { color:#93c5fd; }
@media (max-width:700px) { .article-grid,.article-recent { grid-template-columns:1fr; } .article-header { padding:1.25rem; } .article-prose { padding:1.25rem; font-size:1rem; } .article-card--compact .article-card-image { width:100px; } }
@media (prefers-reduced-motion:reduce) { .article-card-image img { transition:none; } }

[data-discussion-link-preview] { overflow-wrap:anywhere; }

.article-player-links,.article-rating { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; }
.article-player-links a { text-decoration:underline; text-underline-offset:3px; }
.article-like-button { display:inline-flex; align-items:center; gap:.5rem; border-radius:8px; padding:.6rem .85rem; font-size:.875rem; font-weight:600; }
.article-like-button:disabled { opacity:.55; cursor:not-allowed; }
.article-like-button:focus-visible { outline:2px solid currentColor; outline-offset:2px; }

/* Sdílený dvousloupcový layout přehledu a detailu. */
.article-page-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:start; gap:1.5rem; }
.article-main { min-width:0; }
.article-sidebar { min-width:0; display:grid; gap:1rem; }
.article-sidebar-panel { min-width:0; border-radius:8px; padding:1rem; overflow-wrap:anywhere; }
.article-sidebar-panel h2 { font-size:.9375rem; font-weight:600; margin-bottom:.75rem; }
.article-sidebar-stats { margin:0; font-size:.8125rem; }
.article-sidebar-stats > div { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; padding:.5rem 0; }
.article-sidebar-stats dt { color:#64748b; }
.article-sidebar-stats dd { margin:0; font-weight:600; text-align:right; }
.article-sidebar-links { display:grid; gap:.25rem; margin-top:.5rem; }
.article-sidebar-links a { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.5rem .625rem; border-radius:8px; font-size:.8125rem; }
.article-sidebar-links a:hover,.article-sidebar-links a[aria-current="page"] { background:var(--ui-accent-soft); color:var(--ui-accent-text); }
.article-sidebar-links i { font-size:.75rem; opacity:.65; flex-shrink:0; }
.article-sidebar-related { display:grid; gap:.75rem; }
.article-sidebar-related .article-card--compact { display:block; }
.article-sidebar-related .article-card--compact .article-card-image { width:100%; min-height:0; aspect-ratio:16 / 9; }
.article-sidebar-related .article-card--compact .article-card-image:has(.article-image-placeholder) { display:none; }
.article-sidebar-related .article-card--compact p { display:none; }
.article-page-layout .article-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.article-all-link { display:inline-flex; min-height:36px; align-items:center; justify-content:center; gap:.5rem; border:1px solid var(--ui-accent-border); border-radius:8px; padding:.5rem .75rem; font-size:.75rem; font-weight:600; line-height:1.4; flex-shrink:0; }
.article-all-link:focus-visible,.article-sidebar-links a:focus-visible { outline:2px solid var(--ui-accent-text); outline-offset:2px; }
.dark .article-sidebar-stats dt { color:#94a3b8; }
@media (max-width:1023px) { .article-page-layout { grid-template-columns:minmax(0,1fr); } .article-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .article-page-layout .article-list,.article-sidebar { grid-template-columns:minmax(0,1fr); } .article-page-layout { gap:1rem; } }

/* Article administration: compact cards on phones, table on desktop. */
.admin-articles-mobile { display: none; }
@media (max-width: 767px) {
    .admin-articles-desktop { display: none; }
    .admin-articles-mobile { display: block; }
}

/* Article states and cover presence share the same display on cards and rows. */
.admin-article-status { display:inline-flex; align-items:center; gap:.375rem; white-space:nowrap; border:1px solid transparent; border-radius:6px; padding:.25rem .5rem; font-size:.75rem; font-weight:600; line-height:1.4; }
.admin-article-status::before { content:""; width:6px; height:6px; flex-shrink:0; border-radius:50%; background:currentColor; }
.admin-article-status--published { color:#166534; background:#f0fdf4; border-color:#bbf7d0; }
.admin-article-status--draft { color:#92400e; background:#fffbeb; border-color:#fde68a; }
.admin-article-status--scheduled { color:#1e40af; background:#eff6ff; border-color:#bfdbfe; }
.admin-article-status--archived { color:#475569; background:#f1f5f9; border-color:#e2e8f0; }
.admin-article-row[data-article-state="published"] { border-left:3px solid #86efac; }
.admin-article-row[data-article-state="draft"] { border-left:3px solid #fcd34d; }
.admin-article-row[data-article-state="scheduled"] { border-left:3px solid #93c5fd; }
.admin-article-row[data-article-state="archived"] { border-left:3px solid #cbd5e1; }
.admin-article-media { display:flex; align-items:center; gap:.5rem; }
.admin-article-thumb { display:block; width:64px; height:40px; flex-shrink:0; border-radius:6px; object-fit:cover; background:#f1f5f9; }
.admin-article-media-label { font-size:.75rem; color:#475569; white-space:nowrap; }
.admin-article-no-image { display:inline-flex; align-items:center; gap:.375rem; border-radius:6px; padding:.25rem .5rem; background:#fffbeb; color:#92400e; font-size:.75rem; white-space:nowrap; }
.mail-editor-surface h1,.mail-editor-surface h2,.mail-editor-surface h3,.mail-editor-surface strong,.mail-editor-surface b { font-weight:600; }

/* Fotka má jediný nenápadný štítek; ostatní údaje patří k metadatům. */
.article-card-image { position:relative; }
.article-card-image-link { position:absolute; inset:0; display:block; width:100%; height:100%; }
.article-card-reading { position:absolute; z-index:1; right:.625rem; bottom:.625rem; display:inline-flex; align-items:center; gap:.35rem; border:1px solid rgba(255,255,255,.2); border-radius:6px; padding:.25rem .45rem; background:rgba(15,23,42,.82); color:#f8fafc; font-size:.6875rem; font-weight:600; line-height:1.4; white-space:nowrap; pointer-events:none; }
.article-card-reading i { font-size:.625rem; opacity:.8; }
.article-card-meta { align-items:center; gap:.25rem .75rem; }
.article-card-dateline { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem; min-width:0; }
.article-card-dateline time { white-space:nowrap; }
.article-card-stat { display:inline-flex; align-items:center; gap:.3rem; white-space:nowrap; font-variant-numeric:tabular-nums; }
.article-card-stat i { font-size:.6875rem; opacity:.75; }
.article-card-views { margin-left:auto; font-size:.6875rem; }
.article-card-footer { align-items:center; gap:.35rem .75rem; }
.article-card-author { min-width:0; }
.article-card-reactions { display:flex; align-items:center; gap:.75rem; margin-left:auto; font-size:.6875rem; }
.article-card--compact .article-card-footer { justify-content:space-between; }
.article-card--compact .article-card-reading { right:.375rem; bottom:.375rem; }