/* STEP22: editorial blocks and spoilers for news + guides */
.editorial-callout,
.guide-callout {
    border-left: 5px solid #9ca3af;
    box-sizing: border-box;
    margin: 1.05em 0;
    padding: 13px 15px;
}
.editorial-callout-title,
.guide-callout-title {
    align-items: center;
    color: #111827;
    display: flex;
    font-size: .98rem;
    font-weight: 850;
    gap: 8px;
    margin-bottom: 7px;
}
.editorial-callout-title span,
.guide-callout-title span { line-height: 1; }
.editorial-callout-body,
.guide-callout-body {
    color: #243041;
    font-size: .98em;
    line-height: 1.42;
}
.editorial-callout-body > :last-child,
.guide-callout-body > :last-child { margin-bottom: 0 !important; }
.editorial-callout--important,
.editorial-callout--warning,
.guide-callout--important,
.guide-callout--warning { background: #fffbeb; border-left-color: #f59e0b; }
.editorial-callout--tip,
.guide-callout--tip { background: #f0fdf4; border-left-color: #16a34a; }
.editorial-callout--note,
.editorial-callout--info,
.guide-callout--note,
.guide-callout--info { background: #eff6ff; border-left-color: #2563eb; }
.editorial-callout--quote,
.guide-callout--quote { background: #f8fafc; border-left-color: #64748b; }
.editorial-callout--error,
.guide-callout--error { background: #fef2f2; border-left-color: #dc2626; }
.editorial-callout--checklist,
.guide-callout--checklist { background: #f8fafc; border-left-color: #0f766e; }
.editorial-checklist,
.guide-checklist { list-style: none; margin: 0; padding: 0; }
.editorial-checklist li,
.guide-checklist li { margin: .42em 0; padding-left: 1.65em; position: relative; }
.editorial-checklist li::before,
.guide-checklist li::before { color: #16a34a; content: "✓"; font-weight: 900; left: 0; position: absolute; }
.editorial-spoiler {
    border-bottom: 1px solid #e5e7eb;
    border-top: 1px solid #e5e7eb;
    margin: 1.05em 0;
    padding: 0;
}
.editorial-spoiler summary {
    align-items: center;
    color: #111827;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: 800;
    justify-content: space-between;
    list-style: none;
    padding: 13px 0;
}
.editorial-spoiler summary::-webkit-details-marker { display: none; }
.editorial-spoiler summary::after {
    color: #6b7280;
    content: "▾";
    font-size: .95rem;
    transition: transform .16s ease;
}
.editorial-spoiler[open] summary::after { transform: rotate(180deg); }
.editorial-spoiler-body {
    color: #243041;
    font-size: .98em;
    line-height: 1.42;
    padding: 0 0 14px;
}
.editorial-spoiler-body > :last-child { margin-bottom: 0 !important; }
.editorial-inline-figure,
.article-inline-figure,
.guide-inline-figure {
    margin: 1.15em 0;
}
.editorial-inline-figure img,
.article-inline-figure img,
.guide-inline-figure img {
    display: block;
    height: auto;
    width: 100%;
}
.editorial-inline-figure figcaption,
.article-inline-figure figcaption,
.guide-inline-figure figcaption {
    color: #6b7280;
    font-size: .86rem;
    line-height: 1.35;
    margin-top: 7px;
}
.clean-article-content blockquote,
.guide-content blockquote {
    border-left: 5px solid #64748b;
    color: #111827;
    font-size: 1.04em;
    line-height: 1.42;
    margin: 1.1em 0;
    padding: 5px 0 5px 16px;
}
@media (max-width: 640px) {
    .editorial-callout,
    .guide-callout { margin: .95em 0; padding: 12px 13px; }
    .editorial-callout-body,
    .guide-callout-body,
    .editorial-spoiler-body { font-size: .98rem; line-height: 1.38; }
    .editorial-spoiler summary { padding: 12px 0; }
}