/**
 * SiloPress — Frontend Article Styles (Poème / Encre & Vélin)
 * ✒ — Calligraphic ink on aged parchment, literary intimacy
 *
 * Design Direction:
 *   Handwritten poetry on aged vellum paper.
 *   Rich ink blacks, warm parchment yellows, and deep burgundy accents
 *   like wax seals on old letters. Every heading feels like a verse title.
 *   Think Gallimard poetry collection × illuminated manuscript × writing desk.
 *
 * Typography:
 *   Display : Cormorant Garamond — elegant high-contrast serif, poetic authority
 *   Body    : Lora               — warm bookish serif, excellent immersion
 *   Mono    : Courier Prime      — typewriter nostalgia
 *
 * Palette:
 *   Ink        #1B1410  (warm near-black, like dried ink)
 *   Bistre     #3A2E24  (rich brown-black)
 *   Umber      #6B5B4D  (muted warm brown)
 *   Parchment  #F5ECD7  (aged vellum cream)
 *   Velin      #EDE2CA  (deeper warm cream)
 *   Burgundy   #8C2F39  (wax seal red / wine accent)
 *   Gold       #B8943E  (gilded ornament)
 *
 * @package SiloPress
 * @since   2.17.0
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap');
@import url('./niche/shared/article-structure.css');

/* ============================================================================
   CSS Variables — Encre & Vélin Palette
   ============================================================================ */
body.silopress-template-poeme {
    --sp-ink:          #1B1410;
    --sp-ink-soft:     #3A2E24;
    --sp-ink-muted:    #6B5B4D;
    --sp-ink-faded:    #998A7C;

    --sp-paper:        #F5ECD7;
    --sp-paper-warm:   #EDE2CA;
    --sp-paper-cream:  #F8F1DE;
    --sp-paper-deep:   #E4D6B8;

    /* Burgundy — primary accent (wax seal) */
    --sp-accent:       #8C2F39;
    --sp-accent-deep:  #6E2530;
    --sp-accent-glow:  #A83A46;
    --sp-accent-subtle: rgba(140, 47, 57, 0.07);
    --sp-accent-line:  rgba(140, 47, 57, 0.25);

    /* Gold — secondary (gilded ornament) */
    --sp-gold:         #B8943E;
    --sp-gold-deep:    #96782E;
    --sp-gold-subtle:  rgba(184, 148, 62, 0.08);

    /* Bistre — tertiary (warm ink wash) */
    --sp-bistre:       #5C4A3A;
    --sp-bistre-subtle: rgba(92, 74, 58, 0.08);

    /* Semantics */
    --sp-warning:      #B8943E;
    --sp-error:        #8C2F39;
    --sp-success:      #4A6741;
    --sp-warning-bg:   rgba(184, 148, 62, 0.08);
    --sp-error-bg:     rgba(140, 47, 57, 0.07);

    /* Typography */
    --sp-font-display: 'Cormorant Garamond', 'Garamond', 'Georgia', serif;
    --sp-font-body:    'Lora', 'Georgia', serif;
    --sp-font-mono:    'Courier Prime', 'Courier New', monospace;

    /* Layout */
    --sp-content-width:  660px;
    --sp-wide-width:     900px;

    /* Type Scale — generous for poetry reading */
    --sp-font-size-body: 1.1rem;
    --sp-font-size-lead: 1.32rem;
    --sp-font-size-h2:   2.6rem;
    --sp-font-size-h3:   1.5rem;
    --sp-font-size-quote: 1.4rem;
    --sp-line-body:      1.92;
    --sp-line-lead:      1.78;
    --sp-drop-cap-size:  6rem;
    --sp-drop-cap-color: var(--sp-accent);

    --sp-takeaways-label: '✒ À retenir';
    --sp-list-mark:       '—';

    /* Radii — very soft, parchment-like */
    --sp-radius-sm:   3px;
    --sp-radius-md:   6px;
    --sp-radius-lg:   10px;
    --sp-radius-pill: 999px;

    /* Motion */
    --sp-ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
    --sp-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Shadows — warm, papery */
    --sp-shadow-soft: 0 4px 20px rgba(27, 20, 16, 0.08);
    --sp-shadow-card: 0 8px 32px rgba(27, 20, 16, 0.10);

    /* Panel overrides */
    --sp-panel-bg:   var(--sp-paper-warm);
    --sp-panel-line: rgba(140, 47, 57, 0.12);
    --sp-callout-bg: var(--sp-paper-warm);
    --sp-link:       var(--sp-accent);
    --sp-link-hover: var(--sp-accent-deep);
}

/* ============================================================================
   Page Background — Aged parchment with paper grain texture
   ============================================================================ */
body.silopress-template-poeme main#main.site-main.hfeed {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),
        linear-gradient(
            175deg,
            #F5ECD7 0%,
            #EDE2CA 35%,
            #F8F1DE 65%,
            #F5ECD7 100%
        );
    background-attachment: fixed;
}

/* ============================================================================
   H2 — Verse title with burgundy ornamental rule
   ============================================================================ */
body.silopress-template-poeme :is(.sp-article-section, .entry-content h2, .mrcontent-science h2) {
    position: relative;
    font-family: var(--sp-font-display);
    font-size: var(--sp-font-size-h2);
    font-weight: 400;
    font-style: italic;
    line-height: 1.18;
    color: var(--sp-ink);
    letter-spacing: 0.01em;
    margin: 4rem 0 1.8rem;
    padding-top: 0;
    padding-bottom: 1rem;
    text-align: center;
    border-bottom: none;
    border-left: none;
}

/* Ornamental fleuron below heading */
body.silopress-template-poeme :is(.sp-article-section, .entry-content h2, .mrcontent-science h2)::before {
    content: '❧';
    display: block;
    width: auto;
    height: auto;
    background: none;
    font-size: 1.2rem;
    color: var(--sp-accent);
    margin-bottom: 0.8rem;
    opacity: 0.6;
    letter-spacing: 0;
}

body.silopress-template-poeme :is(.sp-article-section, .entry-content h2, .mrcontent-science h2)::after {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--sp-accent-line), transparent);
    margin: 0.6rem auto 0;
}

/* ============================================================================
   H3 — Small caps with gold dash
   ============================================================================ */
body.silopress-template-poeme :is(.entry-content h3, .mrcontent-science h3) {
    font-family: var(--sp-font-display);
    font-size: var(--sp-font-size-h3);
    font-weight: 600;
    font-style: normal;
    font-variant: small-caps;
    line-height: 1.35;
    color: var(--sp-ink);
    letter-spacing: 0.05em;
    margin: 3rem 0 1.2rem;
    padding-left: 0;
    position: relative;
    text-align: left;
}

body.silopress-template-poeme :is(.entry-content h3, .mrcontent-science h3)::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 40px;
    height: 2px;
    background: var(--sp-gold);
    border-radius: 1px;
    opacity: 0.6;
}

/* ============================================================================
   Paragraphs — Generous leading for poetic reading
   ============================================================================ */
body.silopress-template-poeme :is(.sp-article-paragraph, .entry-content p, .mrcontent-science p) {
    color: var(--sp-ink-soft);
    text-indent: 1.5em;
}

body.silopress-template-poeme :is(.sp-article-paragraph, .entry-content > p, .mrcontent-science > p):first-of-type {
    color: var(--sp-ink);
    text-indent: 0;
}

/* ============================================================================
   Internal Links — Burgundy with gold hover
   ============================================================================ */
body.silopress-template-poeme :is(.sp-internal-link, .entry-content a:not([class]), .mrcontent-science a:not([class])) {
    color: var(--sp-accent);
    text-decoration: none;
    background-image: none;
    border-bottom: 1px solid var(--sp-accent-line);
    transition: color 0.3s ease, border-color 0.3s ease;
    padding: 0 1px;
}

body.silopress-template-poeme :is(.sp-internal-link, .entry-content a:not([class]), .mrcontent-science a:not([class])):hover {
    color: var(--sp-gold-deep);
    border-color: var(--sp-gold);
}

/* ============================================================================
   Figure / Images — Parchment frame with deckle edge effect
   ============================================================================ */
body.silopress-template-poeme :is(.sp-article-figure, .entry-content figure, .mrcontent-science figure) {
    margin: 2.5rem 0;
    padding: 6px;
    border-radius: var(--sp-radius-md);
    overflow: hidden;
    background: var(--sp-paper-cream);
    box-shadow: var(--sp-shadow-card);
    border: 1px solid rgba(140, 47, 57, 0.08);
}

body.silopress-template-poeme :is(.sp-article-figure, .entry-content figure, .mrcontent-science figure) img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
}

body.silopress-template-poeme :is(.sp-article-figure, .entry-content figure, .mrcontent-science figure) figcaption {
    font-family: var(--sp-font-display);
    font-size: 0.85rem;
    font-style: italic;
    font-weight: 400;
    color: var(--sp-ink-muted);
    padding: 0.8rem 0.5rem 0.4rem;
    text-align: center;
    letter-spacing: 0.02em;
}

/* ============================================================================
   Blockquote — Verse block with burgundy left rule
   ============================================================================ */
body.silopress-template-poeme :is(.entry-content blockquote, .mrcontent-science blockquote) {
    position: relative;
    margin: 3rem 2rem;
    padding: 1.5rem 1.8rem 1.5rem 2rem;
    background: transparent;
    border-left: 2px solid var(--sp-accent);
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-left: 2px solid var(--sp-accent);
}

body.silopress-template-poeme :is(.entry-content blockquote, .mrcontent-science blockquote)::before {
    content: '\201C';
    position: absolute;
    top: -0.8rem;
    left: -0.3rem;
    font-family: var(--sp-font-display);
    font-size: 4rem;
    font-weight: 300;
    color: var(--sp-accent);
    opacity: 0.15;
    line-height: 1;
}

body.silopress-template-poeme :is(.entry-content blockquote p, .mrcontent-science blockquote p) {
    font-family: var(--sp-font-display);
    font-size: 1.35rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.65;
    color: var(--sp-ink);
    border-left: none;
    padding-left: 0;
    margin: 0;
    text-indent: 0;
}

body.silopress-template-poeme :is(.entry-content blockquote cite, .mrcontent-science blockquote cite) {
    display: block;
    margin-top: 1rem;
    font-family: var(--sp-font-display);
    font-size: 0.88rem;
    font-style: normal;
    font-weight: 600;
    font-variant: small-caps;
    color: var(--sp-ink-muted);
    letter-spacing: 0.06em;
}

/* ============================================================================
   Lists — Em-dash markers in burgundy
   ============================================================================ */
body.silopress-template-poeme :is(.entry-content ul, .mrcontent-science ul) > li::before {
    content: '—';
    width: auto;
    height: auto;
    background: none;
    color: var(--sp-accent);
    font-family: var(--sp-font-display);
    font-size: 1rem;
    font-weight: 300;
    top: 0;
    border-radius: 0;
}

body.silopress-template-poeme :is(.entry-content ol li, .mrcontent-science ol li)::before {
    font-family: var(--sp-font-display);
    font-weight: 400;
    font-style: italic;
    color: var(--sp-accent);
}

/* ============================================================================
   Table of Contents — Parchment card with burgundy numbering
   ============================================================================ */
body.silopress-template-poeme :is(.sp-article-toc) {
    position: relative;
    margin: 2.5rem 0;
    padding: 2rem 2rem 1.8rem;
    background: var(--sp-paper-warm);
    border-radius: var(--sp-radius-md);
    color: var(--sp-ink);
    box-shadow: var(--sp-shadow-card);
    overflow: hidden;
    border: 1px solid rgba(140, 47, 57, 0.08);
}

body.silopress-template-poeme :is(.sp-article-toc)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 10%, var(--sp-accent-line) 50%, transparent 90%);
}

body.silopress-template-poeme .sp-article-toc-title {
    font-family: var(--sp-font-display);
    font-size: 0.85rem;
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: 0.12em;
    text-transform: none;
    color: var(--sp-ink-muted);
    border-bottom: 1px solid rgba(140, 47, 57, 0.10);
}

body.silopress-template-poeme :is(.sp-article-toc) .sp-toc-chevron {
    background: rgba(140, 47, 57, 0.06);
}

body.silopress-template-poeme :is(.sp-article-toc) .sp-toc-chevron::after {
    border-color: var(--sp-accent);
    opacity: 0.5;
}

body.silopress-template-poeme :is(.sp-article-toc) a {
    color: var(--sp-ink-soft);
    font-family: var(--sp-font-body);
    background: none;
}

body.silopress-template-poeme :is(.sp-article-toc) a:hover {
    color: var(--sp-ink);
    background: var(--sp-accent-subtle);
}

body.silopress-template-poeme :is(.sp-article-toc) a::before {
    color: var(--sp-accent);
    font-family: var(--sp-font-display);
    font-style: italic;
}

body.silopress-template-poeme :is(.sp-article-toc) li {
    border-bottom: 1px solid rgba(140, 47, 57, 0.05);
}

/* ============================================================================
   Key Takeaways — Warm card with quill icon
   ============================================================================ */
body.silopress-template-poeme :is(.sp-article-takeaways, .sp-key-takeaways) {
    position: relative;
    margin: 3rem 0;
    padding: 2rem 2rem 1.6rem;
    background: var(--sp-paper-warm);
    border: 1px solid rgba(140, 47, 57, 0.08);
    border-left: 3px solid var(--sp-accent);
    border-radius: var(--sp-radius-md);
    box-shadow: var(--sp-shadow-soft);
}

body.silopress-template-poeme :is(.sp-article-takeaways, .sp-key-takeaways)::before {
    content: var(--sp-takeaways-label);
    font-family: var(--sp-font-display);
    font-variant: small-caps;
    letter-spacing: 0.10em;
    color: var(--sp-accent);
}

body.silopress-template-poeme :is(.sp-article-takeaways, .sp-key-takeaways) li {
    color: var(--sp-ink-soft);
    border-bottom: 1px solid rgba(140, 47, 57, 0.05);
    padding: 0.5rem 0 0.5rem 1.8rem;
}

body.silopress-template-poeme :is(.sp-article-takeaways, .sp-key-takeaways) li::before {
    content: '✦';
    color: var(--sp-gold);
    font-size: 0.7rem;
    top: 0.65rem;
}

/* ============================================================================
   CTA Box — Burgundy with gold text
   ============================================================================ */
body.silopress-template-poeme :is(.sp-article-cta) {
    position: relative;
    margin: 3rem 0;
    padding: 2.2rem 2.4rem;
    background: linear-gradient(140deg, #8C2F39 0%, #6E2530 100%);
    border-radius: var(--sp-radius-md);
    color: var(--sp-paper);
    text-align: center;
    box-shadow: 0 8px 32px rgba(140, 47, 57, 0.18);
}

body.silopress-template-poeme :is(.sp-article-cta)::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    height: auto;
    top: 0;
}

body.silopress-template-poeme :is(.sp-article-cta) strong,
body.silopress-template-poeme :is(.sp-article-cta) h3 {
    font-family: var(--sp-font-display);
    font-size: 1.4rem;
    font-weight: 400;
    font-style: italic;
    color: var(--sp-paper);
}

body.silopress-template-poeme :is(.sp-article-cta) p {
    color: rgba(245, 236, 215, 0.85);
}

body.silopress-template-poeme :is(.sp-article-cta) a {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.7rem 2rem;
    background: var(--sp-paper);
    color: var(--sp-accent);
    font-family: var(--sp-font-display);
    font-size: 0.9rem;
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: 0.06em;
    text-decoration: none;
    border: none;
    border-radius: var(--sp-radius-sm);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body.silopress-template-poeme :is(.sp-article-cta) a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    background-image: none;
    background: var(--sp-paper);
}

/* ============================================================================
   Info Boxes
   ============================================================================ */
body.silopress-template-poeme :is(.sp-article-info) {
    position: relative;
    margin: 2rem 0;
    padding: 1.4rem 1.5rem 1.4rem 3rem;
    border-radius: var(--sp-radius-md);
    font-size: 0.95rem;
    line-height: 1.7;
}

body.silopress-template-poeme .sp-info-tip {
    background: var(--sp-accent-subtle);
    border-left: 3px solid var(--sp-accent);
}

body.silopress-template-poeme .sp-info-tip::before {
    content: '✒';
    position: absolute;
    left: 0.8rem;
    top: 1.3rem;
    font-size: 1rem;
}

body.silopress-template-poeme .sp-info-warning {
    background: var(--sp-gold-subtle);
    border-left: 3px solid var(--sp-gold);
}

body.silopress-template-poeme .sp-info-warning::before {
    content: '⚠';
    position: absolute;
    left: 0.8rem;
    top: 1.3rem;
    font-size: 1rem;
    color: var(--sp-gold);
}

body.silopress-template-poeme .sp-info-important {
    background: var(--sp-bistre-subtle);
    border-left: 3px solid var(--sp-bistre);
}

body.silopress-template-poeme .sp-info-important::before {
    content: '◆';
    position: absolute;
    left: 0.85rem;
    top: 1.35rem;
    font-size: 0.9rem;
    color: var(--sp-bistre);
}

/* ============================================================================
   Stat Box — Gold number on parchment
   ============================================================================ */
body.silopress-template-poeme :is(.sp-article-stat) {
    display: block;
    margin: 2rem 0;
    padding: 1.8rem 2rem;
    background: var(--sp-paper-warm);
    border-radius: var(--sp-radius-md);
    text-align: center;
    box-shadow: var(--sp-shadow-card);
    border: 1px solid rgba(184, 148, 62, 0.12);
}

body.silopress-template-poeme :is(.sp-article-stat) strong,
body.silopress-template-poeme :is(.sp-article-stat-value) {
    display: block;
    font-family: var(--sp-font-display);
    font-size: 3rem;
    font-weight: 300;
    font-style: italic;
    color: var(--sp-accent);
    line-height: 1.1;
    margin-bottom: 0.3rem;
}

body.silopress-template-poeme :is(.sp-article-stat) span,
body.silopress-template-poeme :is(.sp-article-stat) em,
body.silopress-template-poeme :is(.sp-article-stat-label) {
    font-family: var(--sp-font-display);
    font-size: 0.85rem;
    font-weight: 600;
    font-style: normal;
    font-variant: small-caps;
    color: var(--sp-ink-muted);
    letter-spacing: 0.08em;
}

/* ============================================================================
   Tables — Clean parchment
   ============================================================================ */
body.silopress-template-poeme :is(.entry-content table, .mrcontent-science table) {
    width: 100%;
    margin: 2rem 0;
    border-collapse: collapse;
    font-size: 0.92rem;
    border-radius: var(--sp-radius-md);
    overflow: hidden;
    box-shadow: var(--sp-shadow-soft);
    border: 1px solid rgba(140, 47, 57, 0.08);
}

body.silopress-template-poeme :is(.entry-content table, .mrcontent-science table) thead {
    background: var(--sp-accent);
    color: var(--sp-paper);
}

body.silopress-template-poeme :is(.entry-content table, .mrcontent-science table) th {
    font-family: var(--sp-font-display);
    font-weight: 600;
    font-variant: small-caps;
    font-size: 0.85rem;
    letter-spacing: 0.06em;
    padding: 0.9rem 1rem;
    text-align: left;
}

body.silopress-template-poeme :is(.entry-content table, .mrcontent-science table) td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(140, 47, 57, 0.06);
    color: var(--sp-ink-soft);
}

body.silopress-template-poeme :is(.entry-content table, .mrcontent-science table) tbody tr {
    background: var(--sp-paper-cream);
}

body.silopress-template-poeme :is(.entry-content table, .mrcontent-science table) tbody tr:nth-child(even) {
    background: var(--sp-paper-warm);
}

body.silopress-template-poeme :is(.entry-content table, .mrcontent-science table) tbody tr:hover {
    background: var(--sp-accent-subtle);
}

/* ============================================================================
   Code — Typewriter on parchment
   ============================================================================ */
body.silopress-template-poeme :is(.entry-content code, .mrcontent-science code) {
    font-family: var(--sp-font-mono);
    font-size: 0.86em;
    padding: 0.15em 0.4em;
    background: var(--sp-paper-deep);
    color: var(--sp-bistre);
    border-radius: 2px;
}

body.silopress-template-poeme :is(.entry-content pre, .mrcontent-science pre) {
    margin: 2rem 0;
    padding: 1.5rem 1.8rem;
    background: var(--sp-paper-deep);
    border-radius: var(--sp-radius-md);
    overflow-x: auto;
    border: 1px solid rgba(140, 47, 57, 0.08);
}

body.silopress-template-poeme :is(.entry-content pre, .mrcontent-science pre) code {
    background: none;
    color: var(--sp-ink-soft);
    padding: 0;
}

/* ============================================================================
   FAQ — Elegant accordion
   ============================================================================ */
body.silopress-template-poeme .sp-faq-item {
    margin-bottom: 0.5rem;
    border: 1px solid rgba(140, 47, 57, 0.08);
    border-radius: var(--sp-radius-md);
    overflow: hidden;
    background: var(--sp-paper-cream);
}

body.silopress-template-poeme .sp-faq-item:hover {
    box-shadow: var(--sp-shadow-soft);
}

body.silopress-template-poeme .sp-faq-item h3 {
    font-family: var(--sp-font-display);
    font-size: 1.05rem;
    font-weight: 500;
    color: var(--sp-ink);
    padding: 1rem 1.3rem;
    cursor: pointer;
    margin: 0;
}

body.silopress-template-poeme .sp-faq-item h3::before {
    content: none;
}

body.silopress-template-poeme .sp-faq-item div[itemprop='acceptedAnswer'] {
    padding: 0 1.3rem 1.2rem;
    font-size: 0.95rem;
    color: var(--sp-ink-soft);
    border-top: 1px solid rgba(140, 47, 57, 0.06);
}

/* ============================================================================
   Horizontal Rule — Ornamental fleuron
   ============================================================================ */
body.silopress-template-poeme :is(.entry-content hr, .mrcontent-science hr) {
    border: none;
    height: auto;
    background: none;
    margin: 3rem auto;
    max-width: 200px;
    text-align: center;
    line-height: 1;
}

body.silopress-template-poeme :is(.entry-content hr, .mrcontent-science hr)::after {
    content: '— ❧ —';
    position: static;
    transform: none;
    background: none;
    padding: 0;
    color: var(--sp-accent);
    font-family: var(--sp-font-display);
    font-size: 0.9rem;
    opacity: 0.5;
    letter-spacing: 0.3em;
}

/* ============================================================================
   Drop Cap — Burgundy calligraphic initial
   ============================================================================ */
body.silopress-template-poeme :is(.sp-article-paragraph, .entry-content > p, .mrcontent-science > p):first-of-type::first-letter {
    color: var(--sp-accent);
    font-weight: 300;
}

/* ============================================================================
   Selection
   ============================================================================ */
body.silopress-template-poeme ::selection {
    background: rgba(140, 47, 57, 0.15);
    color: var(--sp-ink);
}

/* ============================================================================
   Mobile
   ============================================================================ */
@media (max-width: 768px) {
    body.silopress-template-poeme {
        --sp-font-size-h2: 2rem;
        --sp-font-size-h3: 1.3rem;
        --sp-font-size-body: 1.02rem;
        --sp-drop-cap-size: 4.5rem;
    }

    body.silopress-template-poeme :is(.entry-content blockquote, .mrcontent-science blockquote) {
        margin: 2rem 0.5rem;
    }
}

/* ============================================================================
   Print
   ============================================================================ */
@media print {
    body.silopress-template-poeme {
        --sp-ink: #000;
        --sp-paper: #fff;
        --sp-accent: #444;
        --sp-gold: #666;
    }

    body.silopress-template-poeme main#main.site-main.hfeed {
        background: #fff;
    }
}