/*
  SzczecinTut Step 19 — unified editorial standard.
  Scope: news, knowledge, guides, user blogs. Ads are intentionally untouched.
*/

:root {
    --st-editorial-text: #1f2933;
    --st-editorial-muted: #6b7280;
    --st-editorial-line: #e5e7eb;
    --st-editorial-red: #b91c1c;
    --st-editorial-soft: #f8fafc;
}

.clean-breadcrumbs,
.guide-breadcrumbs,
.blog-editorial-breadcrumbs,
.kb-breadcrumbs {
    border-bottom: 1px solid var(--st-editorial-line) !important;
    color: var(--st-editorial-muted) !important;
    font-size: .94rem !important;
    font-weight: 400 !important;
    gap: 7px 10px !important;
    margin: 0 0 18px !important;
    padding: 0 0 12px !important;
}

.clean-breadcrumbs a,
.guide-breadcrumbs a,
.blog-editorial-breadcrumbs a,
.kb-breadcrumbs a {
    color: var(--st-editorial-muted) !important;
    text-decoration: none !important;
}

.clean-breadcrumbs a:hover,
.guide-breadcrumbs a:hover,
.blog-editorial-breadcrumbs a:hover,
.kb-breadcrumbs a:hover {
    color: var(--st-editorial-red) !important;
}

.clean-article-title,
.guide-detail-header h1,
.guide-chapter-header h1,
.blog-detail-header h1,
.editorial-page-title,
.kb-article-title,
.kb-category-title {
    color: #2b2f36 !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.012em !important;
    line-height: 1.12 !important;
    margin: 0 0 14px !important;
    max-width: 980px !important;
    text-wrap: balance;
}

.clean-article-title {
    font-size: clamp(2.35rem, 6.6vw, 4.35rem) !important;
}

.guide-detail-header h1,
.guide-chapter-header h1,
.blog-detail-header h1,
.editorial-page-title,
.kb-article-title,
.kb-category-title {
    font-size: clamp(2.2rem, 5.9vw, 3.9rem) !important;
}

.clean-article-meta,
.guide-meta-line,
.blog-detail-author__meta,
.editorial-meta-line {
    color: var(--st-editorial-muted) !important;
    font-size: .98rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    margin-bottom: 16px !important;
}

.clean-article-meta a,
.guide-meta-line a,
.blog-detail-author__meta a,
.editorial-meta-line a {
    color: var(--st-editorial-muted) !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.clean-article-meta a:hover,
.guide-meta-line a:hover,
.blog-detail-author__meta a:hover,
.editorial-meta-line a:hover {
    color: var(--st-editorial-red) !important;
}

.clean-article-cover,
.guide-cover,
.blog-detail-cover {
    margin: 16px 0 16px !important;
}

.clean-article-cover img,
.guide-cover img,
.blog-detail-cover img,
.guide-inline-figure img,
.clean-article-gallery img,
.article-gallery-grid img {
    border-radius: 0 !important;
}

.clean-article-cover figcaption,
.guide-cover figcaption,
.guide-inline-figure figcaption,
.blog-detail-cover-caption,
.article-gallery figcaption,
.article-gallery-section figcaption,
.clean-article-gallery figcaption,
.kb-article-cover figcaption {
    color: #707782 !important;
    font-size: .92rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    margin-top: 7px !important;
}

.clean-article-cover figcaption small,
.guide-cover figcaption small,
.guide-inline-figure figcaption small,
.article-gallery figcaption small,
.clean-article-gallery figcaption small,
.kb-article-cover figcaption small {
    color: #8b94a1 !important;
    display: inline !important;
    font-size: inherit !important;
    margin-left: 7px !important;
}

.clean-share-row,
.article-share-panel.clean-share-row {
    margin-top: 14px !important;
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
}

.clean-article-content,
.guide-content,
.blog-detail-content,
.kb-article-content {
    color: var(--st-editorial-text) !important;
    font-size: 19px !important;
    line-height: 1.43 !important;
    margin-top: 0 !important;
}

.clean-article-content p,
.guide-content p,
.blog-detail-content p,
.kb-article-content p {
    margin: 0 0 .82em !important;
}

.clean-article-content h2,
.guide-content h2,
.blog-detail-content h2,
.kb-article-content h2 {
    border-top: 1px solid #eef0f3;
    color: #111827 !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: clamp(1.45rem, 4.8vw, 2.1rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.18 !important;
    margin: 1.25em 0 .48em !important;
    padding-top: .75em;
}

.clean-article-content h3,
.guide-content h3,
.blog-detail-content h3,
.kb-article-content h3 {
    color: #1f2937 !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: clamp(1.18rem, 3.8vw, 1.55rem) !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    margin: 1.05em 0 .4em !important;
}

.clean-article-content ul,
.clean-article-content ol,
.guide-content ul,
.guide-content ol,
.blog-detail-content ul,
.blog-detail-content ol,
.kb-article-content ul,
.kb-article-content ol {
    margin: .25em 0 .9em 1.2em !important;
    padding-left: .85em !important;
}

.clean-article-content li,
.guide-content li,
.blog-detail-content li,
.kb-article-content li {
    margin: .24em 0 !important;
}

.guide-content blockquote,
.clean-article-content blockquote,
.blog-detail-content blockquote,
.kb-article-content blockquote {
    border-left: 4px solid #d1d5db !important;
    color: #111827 !important;
    font-size: 1.04em !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    margin: 1.1em 0 !important;
    padding: .05em 0 .05em 1em !important;
}

.guide-inline-figure {
    margin: 1.25em 0 !important;
}

.guide-inline-figure img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.guide-callout {
    background: var(--st-editorial-soft);
    border-left: 4px solid #cbd5e1;
    margin: 1.1em 0;
    padding: 14px 16px;
}

.guide-callout-title {
    align-items: center;
    color: #111827;
    display: flex;
    font-size: .98rem;
    font-weight: 800;
    gap: 8px;
    margin-bottom: 6px;
}

.guide-callout-body {
    color: #243041;
    font-size: .98em;
    line-height: 1.42;
}

.guide-callout-body > :last-child {
    margin-bottom: 0 !important;
}

.guide-callout--important,
.guide-callout--warning { border-left-color: #f59e0b; background: #fffbeb; }
.guide-callout--tip { border-left-color: #16a34a; background: #f0fdf4; }
.guide-callout--note { border-left-color: #2563eb; background: #eff6ff; }
.guide-callout--quote { border-left-color: #64748b; background: #f8fafc; }
.guide-callout--error { border-left-color: #dc2626; background: #fef2f2; }

.clean-article-lead,
.news-intro,
.news-article-intro,
.blog-post-intro,
.post-intro,
.article-lead.news-lead {
    display: none !important;
}

@media (max-width: 760px) {
    .clean-article-title {
        font-size: clamp(2.25rem, 9.6vw, 3.2rem) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.011em !important;
    }

    .guide-detail-header h1,
    .guide-chapter-header h1,
    .blog-detail-header h1,
    .editorial-page-title,
    .kb-article-title,
    .kb-category-title {
        font-size: clamp(2.05rem, 8.6vw, 2.9rem) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.01em !important;
    }

    .clean-article-content,
    .guide-content,
    .blog-detail-content,
    .kb-article-content {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    .clean-share-row,
    .article-share-panel.clean-share-row {
        margin-bottom: 10px !important;
        padding-bottom: 8px !important;
    }
}