/**
 * SiloPress — Frontend Article Styles (Pilates / Wellness)
 * Refined Wellness Editorial — Warm, Breathable, Premium
 * Inspired by: Peloton Blog × MindBodyGreen × Kinfolk Magazine
 *
 * Aesthetic: Organic warmth meets editorial precision.
 * Typography: DM Serif Display (serif authority) + Nunito Sans (airy body).
 * Palette: Sage blues, warm cream, coral accents, mint whispers.
 *
 * @package SiloPress
 * @since   2.33.0
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Nunito+Sans:ital,opsz,wght@0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;1,6..12,400;1,6..12,500&family=JetBrains+Mono:wght@400;500&display=swap');
/* article-structure.css is now enqueued as a WP dependency — no @import needed */

/* ================================================================
   1. DESIGN TOKENS
   ================================================================ */

body.silopress-template-pilates {
    /* ── Core palette ── */
    --sp-ink:           #2A2D35;
    --sp-ink-soft:      #3D4250;
    --sp-ink-muted:     #7A7F8E;
    --sp-ink-faded:     #A8AEBB;
    --sp-paper:         #FFF9F5;
    --sp-paper-warm:    #F5F0EB;
    --sp-paper-cream:   #FFFCF9;

    /* ── Accent system ── */
    --sp-accent:        #6B8E9B;     /* Sage blue — brand primary */
    --sp-accent-deep:   #4A6E7B;
    --sp-accent-glow:   #88B5A0;     /* Mint green */
    --sp-accent-subtle: rgba(107, 142, 155, 0.09);
    --sp-coral:         #E8836B;     /* Warm coral — CTA & energy */
    --sp-coral-deep:    #D0654C;
    --sp-coral-glow:    rgba(232, 131, 107, 0.12);
    --sp-mint:          #88B5A0;
    --sp-mint-subtle:   rgba(136, 181, 160, 0.10);
    --sp-gold:          #F0C27A;     /* Warm gold — highlights */

    /* ── Feedback ── */
    --sp-warning:       #C48A1A;
    --sp-error:         #B34A4A;
    --sp-warning-bg:    rgba(196, 138, 26, 0.08);
    --sp-error-bg:      rgba(179, 74, 74, 0.08);

    /* ── Link ── */
    --sp-link:          #6B8E9B;
    --sp-link-hover:    #4A6E7B;

    /* ── Panel ── */
    --sp-panel-bg:      rgba(107, 142, 155, 0.04);
    --sp-panel-line:    rgba(107, 142, 155, 0.14);
    --sp-callout-bg:    #FFF9F5;

    /* ── Type scale ── */
    --sp-font-display:  'DM Serif Display', Georgia, 'Times New Roman', serif;
    --sp-font-body:     'Nunito Sans', -apple-system, 'Segoe UI', sans-serif;
    --sp-font-mono:     'JetBrains Mono', 'Fira Code', Consolas, monospace;
    --sp-content-width: 720px;
    --sp-wide-width:    1020px;
    --sp-font-size-body: 1.1rem;
    --sp-font-size-lead: 1.28rem;
    --sp-font-size-h2:   2.1rem;
    --sp-font-size-h3:   1.45rem;
    --sp-font-size-quote: 1.42rem;
    --sp-line-body:     1.88;
    --sp-line-lead:     1.75;
    --sp-drop-cap-size: 5.2rem;
    --sp-drop-cap-color: var(--sp-coral);

    /* ── Labels ── */
    --sp-takeaways-label: 'Points clés';
    --sp-list-mark:     '→';

    /* ── Spacing ── */
    --sp-radius-sm:     6px;
    --sp-radius-md:     14px;
    --sp-ease-out:      cubic-bezier(0.22, 1, 0.36, 1);
}

/* ================================================================
   2. AMBIENT BACKGROUND — Subtle warmth gradient
   ================================================================ */

body.silopress-template-pilates main#main.site-main.hfeed,
body.silopress-template-pilates .site-content,
body.silopress-template-pilates #td-outer-wrap .td-main-content-wrap {
    background:
        radial-gradient(ellipse 70% 40% at 20% 0%, rgba(136, 181, 160, 0.08), transparent),
        radial-gradient(ellipse 60% 35% at 85% 15%, rgba(232, 131, 107, 0.05), transparent),
        linear-gradient(180deg, #FFF9F5 0%, #FFFCF9 8%, #ffffff 28%, #ffffff 72%, #FFF9F5 100%);
}

/* ================================================================
   3. TYPOGRAPHY OVERRIDES
   ================================================================ */

/* ── Body text polish ── */
body.silopress-template-pilates :is(.sp-article, .entry-content, .post-content) {
    font-optical-sizing: auto;
}

body.silopress-template-pilates :is(.sp-article-paragraph, .entry-content p) {
    font-weight: 400;
    word-spacing: 0.01em;
}

/* ── Lead paragraph — warm tint ── */
body.silopress-template-pilates :is(.sp-article-paragraph, .entry-content > p):first-of-type {
    color: var(--sp-ink);
    font-weight: 400;
}

/* ── Drop cap — coral accent ── */
body.silopress-template-pilates :is(.sp-article-paragraph, .entry-content > p):first-of-type::first-letter {
    color: var(--sp-coral);
    font-weight: 400;
    font-style: normal;
}

/* ── H2 — Sage accent bar with organic shape ── */
body.silopress-template-pilates :is(.sp-article-section, .entry-content h2)::before {
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, var(--sp-coral), var(--sp-accent));
    border-radius: 2px;
}

body.silopress-template-pilates :is(.sp-article-section, .entry-content h2) {
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.01em;
}

/* ── H3 ── */
body.silopress-template-pilates :is(.sp-article-subsection, .entry-content h3) {
    font-weight: 400;
    font-style: italic;
    color: var(--sp-accent-deep);
    letter-spacing: 0;
}

/* ── Links — sage underline with coral hover ── */
body.silopress-template-pilates :is(.sp-internal-link, .entry-content a) {
    color: var(--sp-accent-deep);
    background-image: linear-gradient(var(--sp-accent), var(--sp-accent));
}

body.silopress-template-pilates :is(.sp-internal-link, .entry-content a):hover {
    color: var(--sp-coral-deep);
    background-image: linear-gradient(var(--sp-coral), var(--sp-coral));
}

/* ── Strong — slightly heavier with ink color ── */
body.silopress-template-pilates :is(.sp-article-paragraph, .entry-content p) strong {
    font-weight: 700;
    color: var(--sp-ink);
}

/* ================================================================
   4. TABLE OF CONTENTS — Frosted glass with mint accent
   ================================================================ */

body.silopress-template-pilates :is(.sp-article-toc, .health-toc) {
    background:
        linear-gradient(135deg, rgba(255, 249, 245, 0.85), rgba(136, 181, 160, 0.06));
    border: 1px solid rgba(107, 142, 155, 0.15);
    border-radius: 16px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow:
        0 4px 24px rgba(42, 45, 53, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

body.silopress-template-pilates :is(.sp-article-toc) .sp-article-toc-title {
    color: var(--sp-accent-deep);
    border-bottom-color: rgba(107, 142, 155, 0.15);
    font-family: var(--sp-font-body);
}

body.silopress-template-pilates :is(.sp-article-toc) .sp-article-toc-title[role="button"]:hover {
    color: var(--sp-coral);
}

body.silopress-template-pilates .sp-toc-chevron {
    background: rgba(107, 142, 155, 0.10);
}

body.silopress-template-pilates .sp-toc-chevron::after {
    border-color: var(--sp-accent-deep);
}

body.silopress-template-pilates .sp-article-toc-title[role="button"]:hover .sp-toc-chevron {
    background: var(--sp-coral-glow);
}

body.silopress-template-pilates .sp-article-toc-title[role="button"]:hover .sp-toc-chevron::after {
    border-color: var(--sp-coral);
}

body.silopress-template-pilates :is(.sp-article-toc) a {
    border-radius: 8px;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.2s ease;
}

body.silopress-template-pilates :is(.sp-article-toc) a:hover {
    background: rgba(107, 142, 155, 0.08);
    transform: translateX(3px);
}

body.silopress-template-pilates :is(.sp-article-toc) a::before {
    color: var(--sp-coral);
    font-weight: 500;
}

body.silopress-template-pilates .sp-article-toc.sp-toc-collapsed .sp-article-toc-title {
    border-bottom-color: transparent;
}

/* ================================================================
   5. TAKEAWAYS — Warm cream card with coral sidebar
   ================================================================ */

body.silopress-template-pilates :is(.sp-article-takeaways, .sp-key-takeaways) {
    background:
        linear-gradient(135deg, #FFF9F5 0%, rgba(232, 131, 107, 0.04) 100%);
    border-left: 4px solid var(--sp-coral);
    border-radius: 0 14px 14px 0;
    box-shadow:
        0 2px 16px rgba(232, 131, 107, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body.silopress-template-pilates :is(.sp-article-takeaways, .sp-key-takeaways)::before {
    color: var(--sp-coral-deep);
}

body.silopress-template-pilates :is(.sp-article-takeaways, .sp-key-takeaways) li::before {
    content: '→';
    color: var(--sp-coral);
    font-weight: 600;
}

/* ================================================================
   6. FIGURES — Soft rounded with warm shadow
   ================================================================ */

body.silopress-template-pilates :is(.sp-article-figure, .entry-content figure) {
    --_fig-radius: 16px;
}

body.silopress-template-pilates :is(.sp-article-figure, .entry-content figure) img {
    box-shadow: 0 8px 32px rgba(42, 45, 53, 0.08);
    transition: transform 0.4s var(--sp-ease-out), box-shadow 0.4s var(--sp-ease-out);
}

body.silopress-template-pilates :is(.sp-article-figure, .entry-content figure):hover img {
    transform: scale(1.01);
    box-shadow: 0 12px 40px rgba(42, 45, 53, 0.12);
}

body.silopress-template-pilates :is(.sp-article-figure, .entry-content figure) figcaption {
    font-style: normal;
    font-weight: 500;
    color: var(--sp-ink-muted);
    font-size: 0.82rem;
}

/* ================================================================
   7. BLOCKQUOTE — Editorial with sage vertical line
   ================================================================ */

body.silopress-template-pilates :is(.sp-article-blockquote, .entry-content blockquote) {
    margin: 3rem 0;
    padding: 2rem 0 2rem 2rem;
    border: 0;
    position: relative;
}

body.silopress-template-pilates :is(.sp-article-blockquote, .entry-content blockquote)::before {
    content: '\201C';
    font-family: var(--sp-font-display);
    font-size: 6rem;
    color: var(--sp-accent);
    opacity: 0.18;
    position: absolute;
    top: -0.8rem;
    left: -0.3rem;
    line-height: 1;
}

body.silopress-template-pilates :is(.sp-article-blockquote, .entry-content blockquote) p {
    font-family: var(--sp-font-display);
    font-size: 1.35rem;
    font-style: italic;
    line-height: 1.55;
    color: var(--sp-ink);
    border-left: 3px solid var(--sp-accent);
    padding-left: 1.5rem;
    margin: 0;
}

body.silopress-template-pilates :is(.sp-article-blockquote, .entry-content blockquote) cite {
    display: block;
    margin-top: 1rem;
    padding-left: 1.5rem;
    font-family: var(--sp-font-body);
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 600;
    color: var(--sp-accent-deep);
    letter-spacing: 0.02em;
}

body.silopress-template-pilates :is(.sp-article-blockquote, .entry-content blockquote) cite::before {
    content: '— ';
    color: var(--sp-coral);
}

/* ================================================================
   8. LISTS — Arrow markers with coral accent
   ================================================================ */

body.silopress-template-pilates :is(.entry-content ul li)::before {
    content: '';
    width: 7px;
    height: 7px;
    background: var(--sp-coral);
    border-radius: 50%;
    top: 0.72em;
}

body.silopress-template-pilates :is(.entry-content ol li)::before {
    color: var(--sp-coral);
    font-weight: 700;
}

/* ================================================================
   9. INFO BOXES — Pilates-branded overrides
   ================================================================ */

body.silopress-template-pilates .sp-info-box {
    border-radius: 18px;
    border-left-width: 4px;
}

/* ── Fact check → sage tones ── */
body.silopress-template-pilates .sp-info-box-fact-check {
    --ibox-bg: linear-gradient(180deg, #f2f9f5 0%, #edf7f1 100%);
    --ibox-border: #c8e4d3;
    --ibox-accent: var(--sp-mint);
    --ibox-accent-2: #5cc792;
    --ibox-accent-soft: rgba(136, 181, 160, 0.12);
    --ibox-accent-soft-2: rgba(136, 181, 160, 0.08);
    --ibox-kicker: #4a8868;
}

/* ── Definition → sage blue ── */
body.silopress-template-pilates .sp-info-box-definition {
    --ibox-bg: linear-gradient(180deg, #f4f8fa 0%, #edf4f7 100%);
    --ibox-border: #c8dbe3;
    --ibox-accent: var(--sp-accent);
    --ibox-accent-2: #8fb3c0;
    --ibox-accent-soft: rgba(107, 142, 155, 0.12);
    --ibox-accent-soft-2: rgba(107, 142, 155, 0.08);
    --ibox-kicker: var(--sp-accent-deep);
}

/* ── Research → indigo hint ── */
body.silopress-template-pilates .sp-info-box-research {
    --ibox-bg: linear-gradient(180deg, #f6f5ff 0%, #efeeff 100%);
    --ibox-border: #d5d1f5;
    --ibox-accent: #6c63ac;
    --ibox-accent-2: #8b84d0;
    --ibox-accent-soft: rgba(108, 99, 172, 0.10);
    --ibox-accent-soft-2: rgba(108, 99, 172, 0.07);
    --ibox-kicker: #564e8a;
}

/* ── Contraindication → coral red ── */
body.silopress-template-pilates .sp-info-box-contraindication {
    --ibox-bg: linear-gradient(180deg, #fff7f5 0%, #fff1ee 100%);
    --ibox-border: #f5cfc7;
    --ibox-accent: var(--sp-coral);
    --ibox-accent-2: #f0a08c;
    --ibox-accent-soft: rgba(232, 131, 107, 0.12);
    --ibox-accent-soft-2: rgba(232, 131, 107, 0.08);
    --ibox-kicker: var(--sp-coral-deep);
}

/* ── Warning → warm gold ── */
body.silopress-template-pilates .sp-info-box-warning {
    --ibox-bg: linear-gradient(180deg, #fffcf2 0%, #fff8e6 100%);
    --ibox-border: #f0dba0;
    --ibox-accent: #c49a2a;
    --ibox-accent-2: var(--sp-gold);
    --ibox-accent-soft: rgba(240, 194, 122, 0.14);
    --ibox-accent-soft-2: rgba(240, 194, 122, 0.08);
    --ibox-kicker: #a07d1e;
}

/* ================================================================
   10. STATISTIC BADGE — Coral highlight
   ================================================================ */

body.silopress-template-pilates :is(.sp-statistic, .sp-article-stat) {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    padding: 0.12rem 0.55rem;
    background: var(--sp-coral-glow);
    border: 1px solid rgba(232, 131, 107, 0.22);
    border-radius: 6px;
}

body.silopress-template-pilates :is(.sp-statistic-value, .sp-article-stat-value) {
    font-family: var(--sp-font-display);
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--sp-coral-deep);
}

body.silopress-template-pilates :is(.sp-statistic-label, .sp-article-stat-label) {
    font-size: 0.88rem;
    color: var(--sp-ink-muted);
}

/* ================================================================
   11. FAQ SECTION — Elegant accordion with coral markers
   ================================================================ */

body.silopress-template-pilates .sp-article-faq {
    border-top: 2px solid var(--sp-panel-line);
    padding-top: 2rem;
}

body.silopress-template-pilates .sp-article-faq > .sp-article-section {
    margin-top: 0;
}

body.silopress-template-pilates .sp-article-faq > .sp-article-section::before {
    display: none;
}

body.silopress-template-pilates .sp-faq-item {
    border-bottom: 1px solid rgba(107, 142, 155, 0.12);
    transition: background-color 0.25s ease;
}

body.silopress-template-pilates .sp-faq-item:hover {
    background: rgba(107, 142, 155, 0.03);
}

body.silopress-template-pilates .sp-faq-item h3 {
    cursor: pointer;
    font-weight: 400;
    font-size: 1.06rem;
    padding: 1.25rem 0;
    gap: 0.8rem;
}

body.silopress-template-pilates .sp-faq-item h3::before {
    content: '';
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--sp-accent);
    margin-top: 0.35em;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

body.silopress-template-pilates .sp-faq-item.sp-faq-open h3::before {
    background: var(--sp-coral);
    transform: scale(1.2);
}

body.silopress-template-pilates .sp-faq-item h3::after {
    content: '+';
    margin-left: auto;
    flex: 0 0 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(107, 142, 155, 0.08);
    color: var(--sp-accent-deep);
    font-family: var(--sp-font-body);
    font-size: 1.1rem;
    font-weight: 300;
    transition: transform 0.3s var(--sp-ease-out), background-color 0.25s ease, color 0.25s ease;
}

body.silopress-template-pilates .sp-faq-item.sp-faq-open h3::after {
    content: '−';
    background: var(--sp-coral);
    color: #fff;
    transform: rotate(180deg);
}

body.silopress-template-pilates .sp-faq-item div {
    padding: 0 0 1.25rem 1.8rem;
    font-size: 1rem;
    line-height: 1.78;
    color: var(--sp-ink-soft);
}

/* ================================================================
   12. SOURCES — Subtle footer with sage accents
   ================================================================ */

body.silopress-template-pilates .sp-article-sources {
    border-top: 2px solid var(--sp-panel-line);
    padding-top: 1.5rem;
}

body.silopress-template-pilates .sp-article-sources .sp-article-section::before {
    display: none;
}

body.silopress-template-pilates .sp-article-sources a {
    color: var(--sp-accent);
    font-size: 0.92rem;
}

body.silopress-template-pilates .sp-article-sources a:hover {
    color: var(--sp-coral);
}

body.silopress-template-pilates .sp-article-sources small {
    color: var(--sp-ink-faded);
}

body.silopress-template-pilates .sp-sources-count-badge {
    padding: 0.12rem 0.42rem;
    background: var(--sp-accent-subtle);
    border: 1px solid rgba(107, 142, 155, 0.22);
    border-radius: 4px;
    color: var(--sp-accent-deep);
    font: 500 0.62rem/1 var(--sp-font-mono);
}

body.silopress-template-pilates .sp-source-domain {
    background: var(--sp-accent-subtle);
    color: var(--sp-accent-deep);
    border: 1px solid rgba(107, 142, 155, 0.18);
    border-radius: 4px;
}

/* ================================================================
   13. AUTOPILOT APPENDIX — Stats section
   ================================================================ */

body.silopress-template-pilates .sp-autopilot-appendix {
    border-top: 2px solid var(--sp-panel-line) !important;
    margin-top: 3rem !important;
    padding-top: 2rem !important;
}

body.silopress-template-pilates .sp-autopilot-appendix .sp-article-section::before {
    background: var(--sp-mint);
}

/* ================================================================
   14. AMAZON PRODUCT BLOCKS — Brand-harmonized
   ================================================================ */

body.silopress-template-pilates .sp-amz-block {
    --sp-amz-accent: var(--sp-coral);
    border-radius: 16px;
    border: 1px solid rgba(107, 142, 155, 0.14);
    background:
        linear-gradient(165deg, #ffffff 0%, #faf7f4 60%, #f5f0eb 100%);
    box-shadow:
        0 4px 20px rgba(42, 45, 53, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.7);
    overflow: hidden;
}

body.silopress-template-pilates .sp-amz-block::before {
    background:
        radial-gradient(ellipse at top left, rgba(136, 181, 160, 0.08), transparent 60%);
}

body.silopress-template-pilates .sp-amz-block::after {
    background:
        radial-gradient(ellipse at bottom right, rgba(232, 131, 107, 0.06), transparent 60%);
}

body.silopress-template-pilates .sp-amz-block-header {
    border-bottom: 1px solid rgba(107, 142, 155, 0.12);
    background: rgba(107, 142, 155, 0.04);
}

body.silopress-template-pilates .sp-amz-block-icon {
    font-size: 1.1rem;
}

body.silopress-template-pilates .sp-amz-block-heading {
    font-family: var(--sp-font-body);
    font-weight: 700;
    color: var(--sp-ink);
    font-size: 0.88rem;
    letter-spacing: 0;
}

body.silopress-template-pilates .sp-amz-product-card {
    border-color: rgba(107, 142, 155, 0.12);
    border-radius: 12px;
    transition: transform 0.25s var(--sp-ease-out), box-shadow 0.25s var(--sp-ease-out);
}

body.silopress-template-pilates .sp-amz-product-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(42, 45, 53, 0.08);
    border-color: rgba(232, 131, 107, 0.25);
}

body.silopress-template-pilates .sp-amz-product-title {
    font-family: var(--sp-font-body);
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--sp-ink);
    line-height: 1.4;
}

body.silopress-template-pilates .sp-amz-product-price {
    color: var(--sp-coral-deep);
    font-weight: 800;
    font-size: 1.15rem;
}

body.silopress-template-pilates .sp-amz-cta {
    background: linear-gradient(135deg, var(--sp-coral) 0%, var(--sp-coral-deep) 100%);
    color: #fff !important;
    border-radius: 10px;
    font-family: var(--sp-font-body);
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    padding: 0.65rem 1.2rem;
    text-align: center;
    text-decoration: none !important;
    background-image: none !important;
    display: block;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    box-shadow: 0 3px 12px rgba(232, 131, 107, 0.25);
}

body.silopress-template-pilates .sp-amz-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(232, 131, 107, 0.35);
    filter: brightness(1.06);
    background-size: unset !important;
}

body.silopress-template-pilates .sp-amz-stars {
    color: var(--sp-gold);
}

body.silopress-template-pilates .sp-amz-reviews {
    color: var(--sp-ink-muted);
    font-size: 0.78rem;
}

body.silopress-template-pilates .sp-amz-disclosure {
    color: var(--sp-ink-faded);
    font-size: 0.72rem;
    font-style: italic;
    border-top: 1px solid rgba(107, 142, 155, 0.08);
    padding-top: 0.75rem;
    margin-top: 0.5rem;
}

/* ================================================================
   15. CTA BLOCK — Warm gradient
   ================================================================ */

body.silopress-template-pilates .sp-article-cta {
    background: linear-gradient(145deg, var(--sp-accent-deep), #3A5A66);
    border-radius: 16px;
    overflow: hidden;
}

body.silopress-template-pilates .sp-article-cta::before {
    height: 3px;
    background: linear-gradient(90deg, var(--sp-coral), var(--sp-gold), var(--sp-mint));
}

body.silopress-template-pilates .sp-article-cta-button {
    display: inline-block;
    padding: 0.7rem 1.8rem;
    background: var(--sp-coral);
    color: #fff;
    text-decoration: none;
    font: 700 0.82rem/1 var(--sp-font-body);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.silopress-template-pilates .sp-article-cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(232, 131, 107, 0.3);
    background: var(--sp-coral-deep);
}

/* ================================================================
   16. CODE — Warm mono
   ================================================================ */

body.silopress-template-pilates :is(.entry-content code) {
    background: var(--sp-paper-warm);
    border: 1px solid rgba(107, 142, 155, 0.12);
    border-radius: 5px;
    font-size: 0.86em;
    padding: 0.18em 0.45em;
}

/* ================================================================
   17. RESPONSIVE — Mobile refinements
   ================================================================ */

@media (max-width: 768px) {
    body.silopress-template-pilates :is(.sp-article-section, .entry-content h2) {
        font-size: 1.55rem;
    }

    body.silopress-template-pilates :is(.sp-article-toc) {
        border-radius: 12px;
    }

    body.silopress-template-pilates .sp-amz-block {
        border-radius: 12px;
    }

    body.silopress-template-pilates .sp-amz-cta {
        border-radius: 8px;
    }

    body.silopress-template-pilates :is(.sp-article-blockquote, .entry-content blockquote) p {
        font-size: 1.15rem;
    }

    body.silopress-template-pilates .sp-faq-item h3 {
        font-size: 0.98rem;
    }
}

/* ================================================================
   18. PRINT — Clean output
   ================================================================ */

@media print {
    body.silopress-template-pilates .sp-amz-block,
    body.silopress-template-pilates .sp-article-cta {
        display: none !important;
    }
}

/* ================================================================
   19. ANIMATION — Staggered entrance
   ================================================================ */

body.silopress-template-pilates :is(.sp-article-section, .sp-article-figure, .sp-info-box, .sp-amz-block, .sp-faq-item) {
    animation: sp-fade-up 0.6s var(--sp-ease-out) both;
}

body.silopress-template-pilates .sp-article-takeaways {
    animation: sp-fade-up 0.5s var(--sp-ease-out) both;
    animation-delay: 0.1s;
}