/*
 * Innovando Editorial Framework — frontend.css
 *
 * CONTRATTO DEI TOKEN. Questo foglio non dichiara piu' i valori estetici: li
 * legge. Ogni lettura porta con se', come fallback, il valore che il
 * Framework aveva prima della 3.0.0-alpha.6, percio' il file regge anche da
 * solo, senza skin.css e senza tema.
 *
 *     color: var(--ief-ink, #171717);
 *
 * Chi dichiara i token:
 *   - skin.css, l'aspetto predefinito del Framework, caricato solo se il tema
 *     NON dichiara add_theme_support( 'ief-skin' );
 *   - il tema, quando quel supporto lo dichiara.
 *
 * DUE COSE DA SAPERE PRIMA DI TOCCARE QUESTO FILE.
 *
 * 1. I token che finiscono in `-rgb` contengono tre numeri separati da spazi,
 *    non un colore: servono alle trasparenze, `rgb(var(--ief-shadow-rgb) / .2)`.
 *
 * 2. `--ief-layout-width` e' la larghezza dell'impianto editoriale — la misura
 *    su cui sono costruiti indice, intestazione dell'articolo e moduli di
 *    fondo. Prima era scritta a mano, 1320px, in undici punti di questo file.
 *    Adesso la dichiara il tema. Se cambia li', si muove tutto insieme.
 *
 * L'elenco completo dei token, con il valore di riferimento e chi li governa,
 * sta in docs/token-contract.md.
 */

/* BEGIN BLOCK: foundation utilities. */
.ief-layout { color: var(--ief-ink, #171717); }

.ief-container {
    width: min(100% - 32px, var(--ief-container, 1120px));
    max-width: var(--ief-container, 1120px);
    margin-right: auto;
    margin-left: auto;
}

.ief-section { padding-top: var(--ief-section-space, clamp(42px, 6vw, 84px)); padding-bottom: var(--ief-section-space, clamp(42px, 6vw, 84px)); }
.ief-section-tight { padding-top: clamp(24px, 4vw, 46px); padding-bottom: clamp(24px, 4vw, 46px); }
.ief-section-wide { padding-top: clamp(64px, 8vw, 116px); padding-bottom: clamp(64px, 8vw, 116px); }

.ief-soft-panel {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 28px;
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    border-radius: var(--ief-card-radius, 12px);
    background: var(--ief-paper, #ffffff);
    box-shadow: var(--ief-card-shadow, 0 10px 28px rgba(0, 0, 0, 0.055));
}

.col.ief-soft-panel {
    overflow: visible;
    padding: 0 15px 30px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.col.ief-soft-panel > .col-inner {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 28px;
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    border-radius: var(--ief-card-radius, 12px);
    background: var(--ief-paper, #ffffff);
    box-shadow: var(--ief-card-shadow, 0 10px 28px rgba(0, 0, 0, 0.055));
}

.ief-red-accent { color: var(--ief-accent, #da291c) !important; }
.ief-text-balance { text-wrap: balance; }
/* END BLOCK: foundation utilities. */

/* BEGIN BLOCK: hero hierarchy. */
.ief-hero-editorial,
.ief-hero-newsroom {
    position: relative;
    min-height: clamp(360px, 58vh, 680px);
    overflow: hidden;
    border-bottom: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    background:
        radial-gradient(circle at 12% 20%, rgb(var(--ief-accent-rgb, 218 41 28) / 0.15), transparent 30%),
        linear-gradient(135deg, var(--ief-surface, #f7f7f7) 0%, var(--ief-paper, #ffffff) 50%, var(--ief-surface, #f1f1f1) 100%);
}

.ief-hero-editorial::before,
.ief-hero-newsroom::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgb(var(--ief-accent-rgb, 218 41 28) / 0.16) 0 2px, transparent 2px 100%),
        linear-gradient(180deg, rgb(var(--ief-shadow-rgb, 0 0 0) / 0.035) 0 1px, transparent 1px 100%);
    background-size: 96px 96px;
    opacity: 0.42;
}

.ief-hero-editorial .section-content,
.ief-hero-newsroom .section-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    min-height: inherit;
    padding-top: clamp(42px, 6vw, 84px);
    padding-bottom: clamp(42px, 6vw, 84px);
}

.ief-hero-editorial .row,
.ief-hero-newsroom .row {
    width: min(100% - 32px, var(--ief-container, 1120px));
    max-width: var(--ief-container, 1120px);
}

.ief-hero-newsroom { min-height: clamp(280px, 44vh, 520px); }

.ief-hero-content { max-width: 920px; }

.ief-hero-content > .col-inner,
.ief-hero-inner,
.ief-content-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(10px, 1.4vw, 18px);
}

.ief-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0 0 12px;
    color: var(--ief-accent, #da291c);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.15;
    text-transform: uppercase;
}

.ief-kicker::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 2px;
    background: currentColor;
}

.ief-hero-title,
.ief-hero-title h1,
.ief-hero-title h2,
.ief-hero-title h3 {
    max-width: 980px;
    margin-top: 0;
    margin-bottom: 16px;
    color: var(--ief-ink, #171717);
    font-size: clamp(2.1rem, 5vw, 5.2rem);
    line-height: 0.95;
    letter-spacing: -0.045em;
}

.ief-hero-abstract,
.ief-hero-abstract p {
    max-width: var(--ief-readable, 760px);
    margin-top: 0;
    margin-bottom: 18px;
    color: var(--ief-muted, #626262);
    font-size: clamp(1.05rem, 1.5vw, 1.28rem);
    line-height: 1.55;
}

.ief-meta-row,
.ief-card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    color: var(--ief-muted, #626262);
    font-size: 0.88rem;
    line-height: 1.35;
}

.ief-meta-row > *,
.ief-card-meta > * { margin: 0; }
/* END BLOCK: hero hierarchy. */

/* BEGIN BLOCK: grids. */
.ief-grid-magazine:not(.row),
.ief-grid-asymmetric:not(.row) { display: grid; gap: var(--ief-gap, clamp(18px, 2.4vw, 34px)); }
.ief-grid-magazine:not(.row) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ief-grid-asymmetric:not(.row) { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); }
.ief-grid-asymmetric:not(.row) > :first-child { grid-row: span 2; }
.row.ief-grid-magazine,
.row.ief-grid-asymmetric { align-items: stretch; }

@media (max-width: 900px) {
    .ief-grid-magazine:not(.row),
    .ief-grid-asymmetric:not(.row) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ief-grid-asymmetric:not(.row) > :first-child { grid-column: 1 / -1; grid-row: auto; }
}

@media (max-width: 640px) {
    .ief-grid-magazine:not(.row),
    .ief-grid-asymmetric:not(.row) { grid-template-columns: 1fr; }
}
/* END BLOCK: grids. */

/* BEGIN BLOCK: editorial card system based on IEF grammar. */
.ief-card-editorial,
.ief-card-article,
.ief-card-featured,
.ief-card-opinion,
.ief-card-rubric,
.ief-card-compact,
.ief-card-redline,
.ief-author-box,
.ief-related-posts,
.ief-reading-path,
.ief-source-box,
.ief-update-box,
.ief-read-also {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
    padding: var(--ief-card-padding, 32px);
    background: var(--ief-paper, #ffffff);
    border: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    border-radius: var(--ief-card-radius, 12px);
    box-shadow: var(--ief-card-shadow, 0 10px 28px rgba(0, 0, 0, 0.055));
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.col.ief-card-editorial,
.col.ief-card-article,
.col.ief-card-featured,
.col.ief-card-opinion,
.col.ief-card-rubric,
.col.ief-card-compact,
.col.ief-card-redline,
.col.ief-author-box,
.col.ief-related-posts,
.col.ief-reading-path,
.col.ief-source-box,
.col.ief-update-box,
.col.ief-read-also {
    overflow: visible;
    display: flex;
    flex-direction: column;
    padding: 0 15px 30px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
}

.col.ief-card-editorial::before,
.col.ief-card-editorial::after,
.col.ief-card-article::before,
.col.ief-card-article::after,
.col.ief-card-featured::before,
.col.ief-card-featured::after,
.col.ief-card-opinion::before,
.col.ief-card-opinion::after,
.col.ief-card-rubric::before,
.col.ief-card-rubric::after,
.col.ief-card-compact::before,
.col.ief-card-compact::after,
.col.ief-card-redline::before,
.col.ief-card-redline::after,
.col.ief-author-box::before,
.col.ief-author-box::after,
.col.ief-related-posts::before,
.col.ief-related-posts::after,
.col.ief-reading-path::before,
.col.ief-reading-path::after,
.col.ief-source-box::before,
.col.ief-source-box::after,
.col.ief-update-box::before,
.col.ief-update-box::after,
.col.ief-read-also::before,
.col.ief-read-also::after {
    display: none !important;
    content: none !important;
}

.col.ief-card-editorial > .col-inner,
.col.ief-card-article > .col-inner,
.col.ief-card-featured > .col-inner,
.col.ief-card-opinion > .col-inner,
.col.ief-card-rubric > .col-inner,
.col.ief-card-compact > .col-inner,
.col.ief-card-redline > .col-inner,
.col.ief-author-box > .col-inner,
.col.ief-related-posts > .col-inner,
.col.ief-reading-path > .col-inner,
.col.ief-source-box > .col-inner,
.col.ief-update-box > .col-inner,
.col.ief-read-also > .col-inner {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    height: 100%;
    padding: var(--ief-card-padding, 32px);
    background: var(--ief-paper, #ffffff);
    border: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    border-radius: var(--ief-card-radius, 12px);
    box-shadow: var(--ief-card-shadow, 0 10px 28px rgba(0, 0, 0, 0.055));
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.ief-card-editorial:not(.col):hover,
.ief-card-editorial:not(.col):focus-within,
.ief-card-article:not(.col):hover,
.ief-card-article:not(.col):focus-within,
.ief-card-featured:not(.col):hover,
.ief-card-featured:not(.col):focus-within,
.ief-card-opinion:not(.col):hover,
.ief-card-opinion:not(.col):focus-within,
.ief-card-rubric:not(.col):hover,
.ief-card-rubric:not(.col):focus-within,
.ief-card-compact:not(.col):hover,
.ief-card-compact:not(.col):focus-within,
.ief-card-redline:not(.col):hover,
.ief-card-redline:not(.col):focus-within,
.ief-author-box:not(.col):hover,
.ief-author-box:not(.col):focus-within,
.ief-related-posts:not(.col):hover,
.ief-related-posts:not(.col):focus-within,
.ief-reading-path:not(.col):hover,
.ief-reading-path:not(.col):focus-within,
.ief-source-box:not(.col):hover,
.ief-source-box:not(.col):focus-within,
.ief-update-box:not(.col):hover,
.ief-update-box:not(.col):focus-within,
.ief-read-also:not(.col):hover,
.ief-read-also:not(.col):focus-within,
.col.ief-card-editorial:hover > .col-inner,
.col.ief-card-editorial:focus-within > .col-inner,
.col.ief-card-article:hover > .col-inner,
.col.ief-card-article:focus-within > .col-inner,
.col.ief-card-featured:hover > .col-inner,
.col.ief-card-featured:focus-within > .col-inner,
.col.ief-card-opinion:hover > .col-inner,
.col.ief-card-opinion:focus-within > .col-inner,
.col.ief-card-rubric:hover > .col-inner,
.col.ief-card-rubric:focus-within > .col-inner,
.col.ief-card-compact:hover > .col-inner,
.col.ief-card-compact:focus-within > .col-inner,
.col.ief-card-redline:hover > .col-inner,
.col.ief-card-redline:focus-within > .col-inner,
.col.ief-author-box:hover > .col-inner,
.col.ief-author-box:focus-within > .col-inner,
.col.ief-related-posts:hover > .col-inner,
.col.ief-related-posts:focus-within > .col-inner,
.col.ief-reading-path:hover > .col-inner,
.col.ief-reading-path:focus-within > .col-inner,
.col.ief-source-box:hover > .col-inner,
.col.ief-source-box:focus-within > .col-inner,
.col.ief-update-box:hover > .col-inner,
.col.ief-update-box:focus-within > .col-inner,
.col.ief-read-also:hover > .col-inner,
.col.ief-read-also:focus-within > .col-inner {
    transform: translateY(-3px);
    border-color: rgb(var(--ief-shadow-rgb, 0 0 0) / 0.18);
    box-shadow: var(--ief-card-shadow-hover, 0 16px 38px rgba(0, 0, 0, 0.085));
}

/* Default bottom accent: visible even when the card contains a large image. */
.ief-card-editorial:not(.col)::before,
.ief-card-article:not(.col)::before,
.ief-card-featured:not(.col)::before,
.ief-card-opinion:not(.col)::before,
.ief-card-rubric:not(.col)::before,
.ief-card-compact:not(.col)::before,
.ief-card-redline:not(.col)::before,
.ief-author-box:not(.col)::before,
.ief-related-posts:not(.col)::before,
.ief-reading-path:not(.col)::before,
.ief-source-box:not(.col)::before,
.ief-update-box:not(.col)::before,
.ief-read-also:not(.col)::before,
.col.ief-card-editorial > .col-inner::before,
.col.ief-card-article > .col-inner::before,
.col.ief-card-featured > .col-inner::before,
.col.ief-card-opinion > .col-inner::before,
.col.ief-card-rubric > .col-inner::before,
.col.ief-card-compact > .col-inner::before,
.col.ief-card-redline > .col-inner::before,
.col.ief-author-box > .col-inner::before,
.col.ief-related-posts > .col-inner::before,
.col.ief-reading-path > .col-inner::before,
.col.ief-source-box > .col-inner::before,
.col.ief-update-box > .col-inner::before,
.col.ief-read-also > .col-inner::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 0;
    height: 3px;
    background: var(--ief-accent, #da291c);
    pointer-events: none;
    transition: width 0.28s ease;
}

.ief-card-editorial:not(.col):hover::before,
.ief-card-editorial:not(.col):focus-within::before,
.ief-card-article:not(.col):hover::before,
.ief-card-article:not(.col):focus-within::before,
.ief-card-featured:not(.col):hover::before,
.ief-card-featured:not(.col):focus-within::before,
.ief-card-opinion:not(.col):hover::before,
.ief-card-opinion:not(.col):focus-within::before,
.ief-card-rubric:not(.col):hover::before,
.ief-card-rubric:not(.col):focus-within::before,
.ief-card-compact:not(.col):hover::before,
.ief-card-compact:not(.col):focus-within::before,
.ief-card-redline:not(.col):hover::before,
.ief-card-redline:not(.col):focus-within::before,
.ief-author-box:not(.col):hover::before,
.ief-author-box:not(.col):focus-within::before,
.ief-related-posts:not(.col):hover::before,
.ief-related-posts:not(.col):focus-within::before,
.ief-reading-path:not(.col):hover::before,
.ief-reading-path:not(.col):focus-within::before,
.ief-source-box:not(.col):hover::before,
.ief-source-box:not(.col):focus-within::before,
.ief-update-box:not(.col):hover::before,
.ief-update-box:not(.col):focus-within::before,
.ief-read-also:not(.col):hover::before,
.ief-read-also:not(.col):focus-within::before,
.col.ief-card-editorial:hover > .col-inner::before,
.col.ief-card-editorial:focus-within > .col-inner::before,
.col.ief-card-article:hover > .col-inner::before,
.col.ief-card-article:focus-within > .col-inner::before,
.col.ief-card-featured:hover > .col-inner::before,
.col.ief-card-featured:focus-within > .col-inner::before,
.col.ief-card-opinion:hover > .col-inner::before,
.col.ief-card-opinion:focus-within > .col-inner::before,
.col.ief-card-rubric:hover > .col-inner::before,
.col.ief-card-rubric:focus-within > .col-inner::before,
.col.ief-card-compact:hover > .col-inner::before,
.col.ief-card-compact:focus-within > .col-inner::before,
.col.ief-card-redline:hover > .col-inner::before,
.col.ief-card-redline:focus-within > .col-inner::before,
.col.ief-author-box:hover > .col-inner::before,
.col.ief-author-box:focus-within > .col-inner::before,
.col.ief-related-posts:hover > .col-inner::before,
.col.ief-related-posts:focus-within > .col-inner::before,
.col.ief-reading-path:hover > .col-inner::before,
.col.ief-reading-path:focus-within > .col-inner::before,
.col.ief-source-box:hover > .col-inner::before,
.col.ief-source-box:focus-within > .col-inner::before,
.col.ief-update-box:hover > .col-inner::before,
.col.ief-update-box:focus-within > .col-inner::before,
.col.ief-read-also:hover > .col-inner::before,
.col.ief-read-also:focus-within > .col-inner::before {
    width: 100%;
}

/* Optional complete animated border, kept for special editorial cards. */
.ief-card-border-sweep:not(.col)::before,
.col.ief-card-border-sweep > .col-inner::before {
    display: none;
}

.ief-card-border-sweep:not(.col)::after,
.col.ief-card-border-sweep > .col-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(to left, var(--ief-accent, #da291c), var(--ief-accent, #da291c)) top right / 0 2px no-repeat,
        linear-gradient(to bottom, var(--ief-accent, #da291c), var(--ief-accent, #da291c)) top right / 2px 0 no-repeat,
        linear-gradient(to right, var(--ief-accent, #da291c), var(--ief-accent, #da291c)) bottom left / 0 2px no-repeat,
        linear-gradient(to top, var(--ief-accent, #da291c), var(--ief-accent, #da291c)) bottom left / 2px 0 no-repeat;
    opacity: 0;
    transition: opacity 0.16s ease, background-size 0.36s ease;
}

.ief-card-border-sweep:not(.col):hover::after,
.ief-card-border-sweep:not(.col):focus-within::after,
.col.ief-card-border-sweep:hover > .col-inner::after,
.col.ief-card-border-sweep:focus-within > .col-inner::after {
    opacity: 1;
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
}

.row:has(> .col.ief-card-editorial),
.row:has(> .col.ief-card-article),
.row:has(> .col.ief-card-featured),
.row:has(> .col.ief-card-opinion),
.row:has(> .col.ief-card-rubric),
.row:has(> .col.ief-card-compact),
.row:has(> .col.ief-author-box),
.row:has(> .col.ief-related-posts),
.row:has(> .col.ief-reading-path),
.row:has(> .col.ief-source-box),
.row:has(> .col.ief-update-box),
.row:has(> .col.ief-read-also) {
    align-items: stretch;
}
/* END BLOCK: editorial card system based on IEF grammar. */

/* BEGIN BLOCK: Blog Posts element editorial cards. */
/*
 * The Blog Posts element is a native Flatsome component. IEF must not override
 * its structural image stack (.box-image, .image-cover, img) because Flatsome
 * already controls aspect ratio, lazy loading, slider cells and image visibility.
 * This block only adds editorial card skin and micro-interaction to the single
 * .box-blog-post item.
 */
.ief-blog-posts-editorial .post-item .box-blog-post,
.col.ief-card-editorial:has(.post-item) .post-item .box-blog-post,
.col.ief-card-article:has(.post-item) .post-item .box-blog-post,
.col.ief-card-featured:has(.post-item) .post-item .box-blog-post,
.col.ief-card-opinion:has(.post-item) .post-item .box-blog-post,
.col.ief-card-rubric:has(.post-item) .post-item .box-blog-post,
.col.ief-card-compact:has(.post-item) .post-item .box-blog-post {
    box-sizing: border-box;
    position: relative;
    background: var(--ief-paper, #ffffff);
    border: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    border-radius: var(--ief-card-radius, 12px);
    box-shadow: var(--ief-card-shadow, 0 10px 28px rgba(0, 0, 0, 0.055));
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.ief-blog-posts-editorial .post-item .box-blog-post:hover,
.ief-blog-posts-editorial .post-item .box-blog-post:focus-within,
.col.ief-card-editorial:has(.post-item) .post-item .box-blog-post:hover,
.col.ief-card-editorial:has(.post-item) .post-item .box-blog-post:focus-within,
.col.ief-card-article:has(.post-item) .post-item .box-blog-post:hover,
.col.ief-card-article:has(.post-item) .post-item .box-blog-post:focus-within,
.col.ief-card-featured:has(.post-item) .post-item .box-blog-post:hover,
.col.ief-card-featured:has(.post-item) .post-item .box-blog-post:focus-within,
.col.ief-card-opinion:has(.post-item) .post-item .box-blog-post:hover,
.col.ief-card-opinion:has(.post-item) .post-item .box-blog-post:focus-within,
.col.ief-card-rubric:has(.post-item) .post-item .box-blog-post:hover,
.col.ief-card-rubric:has(.post-item) .post-item .box-blog-post:focus-within,
.col.ief-card-compact:has(.post-item) .post-item .box-blog-post:hover,
.col.ief-card-compact:has(.post-item) .post-item .box-blog-post:focus-within {
    transform: translateY(-3px);
    border-color: rgb(var(--ief-shadow-rgb, 0 0 0) / 0.18);
    box-shadow: var(--ief-card-shadow-hover, 0 16px 38px rgba(0, 0, 0, 0.085));
}

.ief-blog-posts-editorial .post-item .box-blog-post::after,
.col.ief-card-editorial:has(.post-item) .post-item .box-blog-post::after,
.col.ief-card-article:has(.post-item) .post-item .box-blog-post::after,
.col.ief-card-featured:has(.post-item) .post-item .box-blog-post::after,
.col.ief-card-opinion:has(.post-item) .post-item .box-blog-post::after,
.col.ief-card-rubric:has(.post-item) .post-item .box-blog-post::after,
.col.ief-card-compact:has(.post-item) .post-item .box-blog-post::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 0;
    height: 3px;
    background: var(--ief-accent, #da291c);
    pointer-events: none;
    transition: width 0.28s ease;
}

.ief-blog-posts-editorial .post-item .box-blog-post:hover::after,
.ief-blog-posts-editorial .post-item .box-blog-post:focus-within::after,
.col.ief-card-editorial:has(.post-item) .post-item .box-blog-post:hover::after,
.col.ief-card-editorial:has(.post-item) .post-item .box-blog-post:focus-within::after,
.col.ief-card-article:has(.post-item) .post-item .box-blog-post:hover::after,
.col.ief-card-article:has(.post-item) .post-item .box-blog-post:focus-within::after,
.col.ief-card-featured:has(.post-item) .post-item .box-blog-post:hover::after,
.col.ief-card-featured:has(.post-item) .post-item .box-blog-post:focus-within::after,
.col.ief-card-opinion:has(.post-item) .post-item .box-blog-post:hover::after,
.col.ief-card-opinion:has(.post-item) .post-item .box-blog-post:focus-within::after,
.col.ief-card-rubric:has(.post-item) .post-item .box-blog-post:hover::after,
.col.ief-card-rubric:has(.post-item) .post-item .box-blog-post:focus-within::after,
.col.ief-card-compact:has(.post-item) .post-item .box-blog-post:hover::after,
.col.ief-card-compact:has(.post-item) .post-item .box-blog-post:focus-within::after {
    width: 100%;
}

.ief-blog-posts-editorial .post-item .box-text,
.col.ief-card-editorial:has(.post-item) .post-item .box-text,
.col.ief-card-article:has(.post-item) .post-item .box-text,
.col.ief-card-featured:has(.post-item) .post-item .box-text,
.col.ief-card-opinion:has(.post-item) .post-item .box-text,
.col.ief-card-rubric:has(.post-item) .post-item .box-text,
.col.ief-card-compact:has(.post-item) .post-item .box-text {
    position: relative;
    z-index: 2;
}
/* END BLOCK: Blog Posts element editorial cards. */


/* BEGIN BLOCK: UX Builder equal height utilities. */
/*
 * Apply one of these classes to a UX Builder Row, Section or wrapper:
 * - ief-equal-height-cards for IEF static editorial cards.
 * - ief-blog-posts-equal-height for native Flatsome Blog Posts items.
 * - ief-equal-height-ux for mixed UX Builder columns and generated cards.
 * The rules avoid fixed heights: flex stretches the structure, while the
 * frontend controller measures rendered rows when titles or excerpts differ.
 */
.ief-equal-height-cards.row,
.ief-equal-height-cards .row,
.ief-blog-posts-equal-height.row,
.ief-blog-posts-equal-height .row,
.ief-equal-height-ux.row,
.ief-equal-height-ux .row {
    align-items: stretch;
}

.ief-equal-height-cards :where(.col),
.ief-equal-height-ux :where(.col, .post-item) {
    display: flex;
}

.ief-equal-height-cards :where(.col > .col-inner),
.ief-equal-height-ux :where(.col > .col-inner, .post-item > .col-inner) {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ief-equal-height-ux :where(.post-item .box-blog-post, .post-item .box-blog-post > .box, .post-item .box, .product-small .box, .icon-box) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
}

.ief-equal-height-ux :where(.post-item .box-text, .product-small .box-text, .icon-box-text) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
}

.ief-blog-posts-equal-height :where(.post-item .box-image, .post-item .box-image img, .post-item .image-cover, .post-item .image-cover img, .post-item img) {
    min-height: 0;
    max-height: none;
}

.ief-blog-posts-equal-height :where(.post-item .box-image, .post-item .image-cover) {
    flex: none;
}

.ief-blog-posts-equal-height :where(.post-item .box-text > :last-child),
.ief-equal-height-ux :where(.post-item .box-text > :last-child, .product-small .box-text > :last-child, .icon-box-text > :last-child) {
    margin-bottom: 0;
}

.ief-equal-height-ux :where(.post-item .box-text .button, .post-item .box-text .more-link, .post-item .box-text .is-link, .product-small .button, .icon-box-text .button) {
    margin-top: auto;
}
/* END BLOCK: UX Builder equal height utilities. */

/* BEGIN BLOCK: UX Builder equal height visual fill helpers. */
/*
 * Flatsome columns can receive the same measured height while a direct child
 * banner/image keeps its own intrinsic height. These rules make the common
 * UX Builder visual elements fill the stretched column, so the visible blocks
 * line up instead of leaving empty space below the shorter visual element.
 */
.ief-equal-height-ux.row > .col > .col-inner,
.ief-equal-height-ux .row > .col > .col-inner,
.ief-equal-height-cards.row > .col > .col-inner,
.ief-equal-height-cards .row > .col > .col-inner {
    height: 100%;
}

.ief-equal-height-ux :where(.col > .col-inner > .banner, .col > .col-inner > .box, .col > .col-inner > .img, .col > .col-inner > .slider-wrapper, .col > .col-inner > .ux-slider-wrapper, .col > .col-inner > .uxb_shortcode, .col > .col-inner > .section),
.ief-equal-height-cards :where(.col > .col-inner > .banner, .col > .col-inner > .box, .col > .col-inner > .img, .col > .col-inner > .slider-wrapper, .col > .col-inner > .ux-slider-wrapper, .col > .col-inner > .uxb_shortcode, .col > .col-inner > .section) {
    flex: 1 1 auto;
    width: 100%;
}

.ief-equal-height-ux :where(.col > .col-inner > .banner),
.ief-equal-height-cards :where(.col > .col-inner > .banner) {
    min-height: 100%;
}

.ief-equal-height-ux :where(.banner, .banner-inner, .banner-bg, .bg, .fill),
.ief-equal-height-cards :where(.banner, .banner-inner, .banner-bg, .bg, .fill) {
    min-height: inherit;
}

.ief-equal-height-ux :where(.col > .col-inner > .img img),
.ief-equal-height-cards :where(.col > .col-inner > .img img) {
    height: 100%;
    object-fit: cover;
}
/* END BLOCK: UX Builder equal height visual fill helpers. */



/* BEGIN BLOCK: static editorial card modifiers. */
.ief-card-featured:not(.col),
.col.ief-card-featured > .col-inner {
    padding: clamp(30px, 3.5vw, 44px);
    box-shadow: 0 16px 44px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.075);
}

.ief-card-compact:not(.col),
.col.ief-card-compact > .col-inner {
    padding: clamp(20px, 2.2vw, 26px);
}

.ief-card-redline:not(.col)::before,
.col.ief-card-redline > .col-inner::before {
    width: 100%;
    opacity: 0.72;
}

.ief-card-redline:not(.col):hover::before,
.ief-card-redline:not(.col):focus-within::before,
.col.ief-card-redline:hover > .col-inner::before,
.col.ief-card-redline:focus-within > .col-inner::before {
    opacity: 1;
}

.ief-card-editorial > :last-child,
.ief-card-article > :last-child,
.ief-card-featured > :last-child,
.ief-card-opinion > :last-child,
.ief-card-rubric > :last-child,
.ief-card-compact > :last-child,
.ief-card-redline > :last-child,
.col.ief-card-editorial > .col-inner > :last-child,
.col.ief-card-article > .col-inner > :last-child,
.col.ief-card-featured > .col-inner > :last-child,
.col.ief-card-opinion > .col-inner > :last-child,
.col.ief-card-rubric > .col-inner > :last-child,
.col.ief-card-compact > .col-inner > :last-child,
.col.ief-card-redline > .col-inner > :last-child {
    margin-bottom: 0;
}
/* END BLOCK: static editorial card modifiers. */

/* BEGIN BLOCK: card inner elements. */
.ief-card-media,
.ief-card-image { position: relative; overflow: hidden; background: var(--ief-panel, rgba(0, 0, 0, 0.035)); }
.ief-card-media { margin: calc(var(--ief-card-padding, 32px) * -1) calc(var(--ief-card-padding, 32px) * -1) 22px; }
.ief-card-media img,
.ief-card-image img,
img.ief-card-image { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; object-fit: cover; }

.ief-card-content { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

.ief-card-title,
.ief-card-title h1,
.ief-card-title h2,
.ief-card-title h3,
.ief-card-title h4 {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--ief-ink, #171717);
    font-size: clamp(1.2rem, 1.8vw, 1.75rem);
    line-height: 1.08;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.ief-card-featured .ief-card-title,
.ief-card-featured .ief-card-title h1,
.ief-card-featured .ief-card-title h2,
.ief-card-featured .ief-card-title h3 { font-size: clamp(1.45rem, 2.5vw, 2.35rem); }

.ief-card-excerpt,
.ief-card-excerpt p { margin-top: 0; margin-bottom: 0; color: var(--ief-muted, #626262); font-size: 0.96rem; line-height: 1.55; }

.ief-card-compact .ief-card-title,
.ief-card-compact .ief-card-title h1,
.ief-card-compact .ief-card-title h2,
.ief-card-compact .ief-card-title h3,
.ief-card-compact .ief-card-title h4 { font-size: 1.05rem; }
.ief-card-compact .ief-card-excerpt,
.ief-card-compact .ief-card-excerpt p { font-size: 0.88rem; }

.ief-card-author { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.ief-card-author-avatar,
.ief-card-author img.avatar { display: inline-block; width: 26px; height: 26px; min-width: 26px; border-radius: 50%; object-fit: cover; }
.ief-card-author-name { overflow: hidden; max-width: 18em; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.ief-card-badges,
.ief-card-entities,
.ief-card-admin-stats { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ief-card-badge { display: inline-flex; align-items: center; min-height: 22px; border: 1px solid currentColor; border-radius: 999px; padding: 2px 8px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; }
.ief-card-admin-stats { opacity: 0.78; font-size: 0.74rem; font-weight: 700; }
/* END BLOCK: card inner elements. */

/* BEGIN BLOCK: editorial components. */
.ief-editorial-cta {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: var(--ief-card-padding, 32px);
    color: var(--ief-paper, #fff);
    background: var(--ief-ink, #171717);
    border-radius: var(--ief-card-radius, 12px);
}

.col.ief-editorial-cta {
    overflow: visible;
    padding: 0 15px 30px;
    background: transparent;
    border-radius: 0;
}

.col.ief-editorial-cta > .col-inner {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: var(--ief-card-padding, 32px);
    color: var(--ief-paper, #fff);
    background: var(--ief-ink, #171717);
    border-radius: var(--ief-card-radius, 12px);
}

.ief-editorial-cta a,
.col.ief-editorial-cta > .col-inner a { color: var(--ief-paper, #fff); }

.ief-longform-layout { max-width: var(--ief-readable, 760px); margin-right: auto; margin-left: auto; font-size: clamp(1.02rem, 1.2vw, 1.16rem); line-height: 1.72; }
.ief-update-box:not(.col),
.col.ief-update-box > .col-inner { border-color: rgb(var(--ief-accent-rgb, 218 41 28) / 0.32); background: rgb(var(--ief-accent-rgb, 218 41 28) / 0.045); }
/* END BLOCK: editorial components. */

/* BEGIN BLOCK: section headings. */
.ief-section-title,
.ief-section-title h1,
.ief-section-title h2,
.ief-section-title h3,
.ief-section-title h4 {
    max-width: 900px;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--ief-ink, #171717);
    font-size: clamp(1.8rem, 3vw, 3.2rem);
    line-height: 1.02;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

.ief-section-intro,
.ief-section-intro p {
    max-width: var(--ief-readable, 760px);
    margin-top: 0;
    margin-bottom: 0;
    color: var(--ief-muted, #626262);
    font-size: clamp(1rem, 1.2vw, 1.16rem);
    line-height: 1.62;
}

.ief-section .ief-content-stack,
.ief-section-tight .ief-content-stack,
.ief-section-wide .ief-content-stack { margin-bottom: clamp(18px, 3vw, 34px); }
/* END BLOCK: section headings. */

/* BEGIN BLOCK: responsive refinement. */
@media (max-width: 640px) {
    .ief-hero-title,
    .ief-hero-title h1,
    .ief-hero-title h2,
    .ief-hero-title h3 { font-size: clamp(2rem, 12vw, 3.4rem); }

    .col.ief-card-editorial,
    .col.ief-card-article,
    .col.ief-card-featured,
    .col.ief-card-opinion,
    .col.ief-card-rubric,
    .col.ief-card-compact,
    .col.ief-card-redline,
    .col.ief-author-box,
    .col.ief-editorial-cta,
    .col.ief-source-box,
    .col.ief-update-box,
    .col.ief-read-also { padding-bottom: 22px; }
}
/* END BLOCK: responsive refinement. */


/* BEGIN BLOCK: default featured image marker. */
.ief-default-featured-image {
    object-fit: cover;
}
/* END BLOCK: default featured image marker. */

/* BEGIN BLOCK: default image fallback for Flatsome blog posts. */
.ief-blog-posts-editorial .post-item .ief-default-blog-post-image,
.ief-card-editorial .post-item .ief-default-blog-post-image,
.ief-card-article .post-item .ief-default-blog-post-image,
.ief-card-featured .post-item .ief-default-blog-post-image,
.ief-card-opinion .post-item .ief-default-blog-post-image,
.ief-card-rubric .post-item .ief-default-blog-post-image,
.ief-card-compact .post-item .ief-default-blog-post-image {
    position: relative;
    display: block;
    overflow: hidden;
}

.ief-blog-posts-editorial .post-item .ief-default-blog-post-image .image-cover,
.ief-card-editorial .post-item .ief-default-blog-post-image .image-cover,
.ief-card-article .post-item .ief-default-blog-post-image .image-cover,
.ief-card-featured .post-item .ief-default-blog-post-image .image-cover,
.ief-card-opinion .post-item .ief-default-blog-post-image .image-cover,
.ief-card-rubric .post-item .ief-default-blog-post-image .image-cover,
.ief-card-compact .post-item .ief-default-blog-post-image .image-cover {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    background: var(--ief-surface, #f3f3f3);
}

.ief-blog-posts-editorial .post-item .ief-default-blog-post-image img,
.ief-card-editorial .post-item .ief-default-blog-post-image img,
.ief-card-article .post-item .ief-default-blog-post-image img,
.ief-card-featured .post-item .ief-default-blog-post-image img,
.ief-card-opinion .post-item .ief-default-blog-post-image img,
.ief-card-rubric .post-item .ief-default-blog-post-image img,
.ief-card-compact .post-item .ief-default-blog-post-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* END BLOCK: default image fallback for Flatsome blog posts. */

/* BEGIN BLOCK: Flatsome Blog Posts default image fallback. */
.ief-default-blog-post-image .image-cover {
    padding-top: 56%;
}

.ief-default-blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* END BLOCK: Flatsome Blog Posts default image fallback. */

/* BEGIN BLOCK: editorial formats translated to IEF grammar. */
ul.ief-list-dot,
ul.ief-list-accent-dot,
ul.ief-data-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

ul.ief-list-dot li,
ul.ief-list-accent-dot li,
ul.ief-data-list li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 28px;
    line-height: 1.55;
}

ul.ief-list-dot li::before,
ul.ief-list-accent-dot li::before,
ul.ief-data-list li::before {
    content: "";
    position: absolute;
    top: 0.78em;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--ief-surface, #f4f4f4);
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    box-shadow: 0 0 0 3px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.03);
    transform: translateY(-50%);
}

ul.ief-list-dot li::after,
ul.ief-list-accent-dot li::after,
ul.ief-data-list li::after {
    content: "";
    position: absolute;
    top: 0.78em;
    left: 4px;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: var(--ief-accent, #da291c);
    transform: translateY(-50%);
}

ul.ief-data-list li {
    margin-bottom: 12px;
    line-height: 1.5;
}

ul.ief-data-list li::before {
    width: 14px;
    height: 14px;
}

ul.ief-data-list li::after {
    left: 5px;
}

ul.ief-data-list strong,
ul.ief-data-list b {
    font-weight: 750;
}

a.ief-link-arrow,
a.ief-link-arrow-soft {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-weight: inherit;
    text-decoration: none !important;
    transition: color 0.22s ease;
}

a.ief-link-arrow::after,
a.ief-link-arrow-soft::after {
    content: "\2192";
    display: inline-block;
    margin-left: 0.35em;
    color: inherit;
    line-height: 1;
    transform: translateX(0);
    transition: color 0.22s ease, transform 0.22s ease;
}

a.ief-link-arrow:hover,
a.ief-link-arrow:focus,
a.ief-link-arrow-soft:hover,
a.ief-link-arrow-soft:focus {
    color: var(--ief-accent, #da291c);
}

a.ief-link-arrow:hover::after,
a.ief-link-arrow:focus::after,
a.ief-link-arrow-soft:hover::after,
a.ief-link-arrow-soft:focus::after {
    transform: translateX(4px);
}

.ief-inline-link-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 1.05rem;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

p.ief-inline-link-list,
div.ief-inline-link-list {
    margin-bottom: 0;
}

ul.ief-inline-link-list li,
ol.ief-inline-link-list li {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    line-height: 1.45;
}

.ief-inline-link-list a {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-weight: inherit;
    text-decoration: none !important;
    transition: color 0.22s ease;
}

.ief-inline-link-list a::after {
    content: "\2192";
    display: inline-block;
    margin-left: 0.35em;
    transform: translateX(0);
    transition: color 0.22s ease, transform 0.22s ease;
}

.ief-inline-link-list a:hover,
.ief-inline-link-list a:focus {
    color: var(--ief-accent, #da291c);
}

.ief-inline-link-list a:hover::after,
.ief-inline-link-list a:focus::after {
    transform: translateX(4px);
}

blockquote.ief-quote-editorial {
    position: relative;
    margin: 2rem 0;
    padding: 1.4rem 1.6rem 1.4rem 2rem;
    border-left: 3px solid var(--ief-accent, #da291c);
    background: var(--ief-panel, rgba(0, 0, 0, 0.035));
    color: var(--ief-ink, #171717);
    font-size: 1.12rem;
    line-height: 1.65;
    font-style: italic;
}

blockquote.ief-quote-editorial::before {
    content: "\201C";
    position: absolute;
    top: -0.15em;
    left: 0.18em;
    color: var(--ief-accent-soft, rgba(218, 41, 28, 0.1));
    font-size: 4.5rem;
    line-height: 1;
    font-style: normal;
}

blockquote.ief-quote-statement {
    margin: 2.4rem 0;
    padding: 0 0 0 1.4rem;
    border-left: 4px solid var(--ief-accent, #da291c);
    color: var(--ief-ink, #171717);
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: 1.35;
    font-weight: 650;
    font-style: normal;
    letter-spacing: -0.02em;
}

p.ief-text-lead,
.ief-text-lead p {
    color: var(--ief-ink, #171717);
    font-size: clamp(1.08rem, 1.2vw, 1.28rem);
    line-height: 1.72;
    font-weight: 400;
    letter-spacing: -0.01em;
}

.ief-box-note {
    margin: 1.6rem 0;
    padding: 1.25rem 1.35rem;
    border-left: 3px solid var(--ief-accent, #da291c);
    background: var(--ief-panel, rgba(0, 0, 0, 0.035));
    color: var(--ief-ink, #171717);
    line-height: 1.62;
}

.ief-box-note > :first-child { margin-top: 0; }
.ief-box-note > :last-child { margin-bottom: 0; }

.ief-counter {
    display: inline-block;
    color: var(--ief-accent, #da291c);
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.05;
    font-variant-numeric: tabular-nums;
}

ol.ief-process-steps {
    --ief-process-badge-size: 56px;
    --ief-process-line-left: 27px;
    --ief-process-card-offset: 28px;
    counter-reset: ief-process-step;
    list-style: none;
    margin: 2rem 0;
    padding-left: 0;
}

ol.ief-process-steps > li {
    counter-increment: ief-process-step;
    position: relative;
    min-height: 74px;
    margin: 0 0 18px;
    padding: 18px 52px 18px calc(var(--ief-process-badge-size) + var(--ief-process-card-offset));
    background-color: var(--ief-paper, #ffffff);
    border: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    border-radius: var(--ief-card-radius, 10px);
    box-shadow: 0 10px 28px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.045);
    color: var(--ief-ink, #171717);
    line-height: 1.62;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

ol.ief-process-steps > li::before {
    content: "." counter(ief-process-step, decimal-leading-zero);
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--ief-process-badge-size);
    height: var(--ief-process-badge-size);
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius: 999px;
    background: linear-gradient(var(--ief-paper, #ffffff), var(--ief-paper, #ffffff)) padding-box, conic-gradient(from -34deg, var(--ief-accent, #da291c) 0deg 58deg, var(--ief-border, rgba(0, 0, 0, 0.12)) 58deg 360deg) border-box;
    color: var(--ief-muted, #626262);
    font-size: 0.92rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03em;
    line-height: 1;
    box-shadow: 0 8px 20px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.055);
    transform: translateY(-50%);
    transition: color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

ol.ief-process-steps > li::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: calc(50% + (var(--ief-process-badge-size) / 2) + 5px);
    bottom: -31px;
    left: calc(18px + var(--ief-process-line-left));
    width: 2px;
    background: linear-gradient(to bottom, rgb(var(--ief-neutral-rgb, 188 188 188) / 0.72), rgb(var(--ief-neutral-rgb, 188 188 188) / 0.16));
    transition: background 0.25s ease, opacity 0.25s ease;
}

ol.ief-process-steps > li:last-child::after { display: none; }

ol.ief-process-steps > li:hover,
ol.ief-process-steps > li:focus-within {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--ief-accent, #da291c) 32%, transparent);
    background-color: var(--ief-paper, #ffffff);
    box-shadow: 0 16px 38px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.075);
}

ol.ief-process-steps > li:hover::before,
ol.ief-process-steps > li:focus-within::before {
    color: var(--ief-accent, #da291c);
    transform: translateY(-50%) scale(1.035);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--ief-accent, #da291c) 12%, transparent);
    background: linear-gradient(var(--ief-paper, #ffffff), var(--ief-paper, #ffffff)) padding-box, conic-gradient(from -34deg, var(--ief-accent, #da291c) 0deg 86deg, var(--ief-border, rgba(0, 0, 0, 0.12)) 86deg 360deg) border-box;
}

ol.ief-process-steps > li:hover::after,
ol.ief-process-steps > li:focus-within::after {
    background: linear-gradient(to bottom, color-mix(in srgb, var(--ief-accent, #da291c) 68%, transparent), color-mix(in srgb, var(--ief-accent, #da291c) 18%, transparent));
}

ol.ief-process-steps > li > :first-child { margin-top: 0; }
ol.ief-process-steps > li > :last-child { margin-bottom: 0; }

ol.ief-process-steps > li strong:first-child,
ol.ief-process-steps > li b:first-child {
    display: block;
    margin-bottom: 0.28rem;
    color: var(--ief-ink, #171717);
    font-size: 1.03rem;
    letter-spacing: -0.015em;
    transition: color 0.25s ease;
}

ol.ief-process-steps > li:hover strong:first-child,
ol.ief-process-steps > li:hover b:first-child,
ol.ief-process-steps > li:focus-within strong:first-child,
ol.ief-process-steps > li:focus-within b:first-child {
    color: var(--ief-accent, #da291c);
}

@media (max-width: 549px) {
    ol.ief-process-steps {
        --ief-process-badge-size: 48px;
        --ief-process-line-left: 23px;
        --ief-process-card-offset: 20px;
        margin: 1.5rem 0;
    }

    ol.ief-process-steps > li {
        min-height: 66px;
        padding: 16px 42px 16px calc(var(--ief-process-badge-size) + var(--ief-process-card-offset));
    }

    ol.ief-process-steps > li::before { left: 14px; font-size: 0.82rem; }
    ol.ief-process-steps > li::after { left: calc(14px + var(--ief-process-line-left)); }
}
/* END BLOCK: editorial formats translated to IEF grammar. */

/* BEGIN BLOCK: static card accentline alias and selected IEF card variants. */
.ief-card-accentline:not(.col)::before,
.col.ief-card-accentline > .col-inner::before {
    width: 100%;
    opacity: 0.72;
}

.ief-card-accentline:not(.col):hover::before,
.ief-card-accentline:not(.col):focus-within::before,
.col.ief-card-accentline:hover > .col-inner::before,
.col.ief-card-accentline:focus-within > .col-inner::before {
    opacity: 1;
}

.ief-card-link:not(.col),
.col.ief-card-link > .col-inner,
.ief-card-metric:not(.col),
.col.ief-card-metric > .col-inner,
.ief-card-process:not(.col),
.col.ief-card-process > .col-inner,
.ief-card-note:not(.col),
.col.ief-card-note > .col-inner,
.ief-card-phase:not(.col),
.col.ief-card-phase > .col-inner {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
    padding: var(--ief-card-padding, 32px);
    background: var(--ief-paper, #ffffff);
    border: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    border-radius: var(--ief-card-radius, 12px);
    box-shadow: var(--ief-card-shadow, 0 10px 28px rgba(0, 0, 0, 0.055));
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.col.ief-card-link,
.col.ief-card-metric,
.col.ief-card-process,
.col.ief-card-note,
.col.ief-card-phase {
    overflow: visible;
    display: flex;
    flex-direction: column;
    padding: 0 15px 30px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
}

.col.ief-card-link::before,
.col.ief-card-link::after,
.col.ief-card-metric::before,
.col.ief-card-metric::after,
.col.ief-card-process::before,
.col.ief-card-process::after,
.col.ief-card-note::before,
.col.ief-card-note::after,
.col.ief-card-phase::before,
.col.ief-card-phase::after {
    display: none !important;
    content: none !important;
}

.ief-card-link:not(.col):hover,
.ief-card-link:not(.col):focus-within,
.col.ief-card-link:hover > .col-inner,
.col.ief-card-link:focus-within > .col-inner,
.ief-card-metric:not(.col):hover,
.ief-card-metric:not(.col):focus-within,
.col.ief-card-metric:hover > .col-inner,
.col.ief-card-metric:focus-within > .col-inner,
.ief-card-process:not(.col):hover,
.ief-card-process:not(.col):focus-within,
.col.ief-card-process:hover > .col-inner,
.col.ief-card-process:focus-within > .col-inner,
.ief-card-note:not(.col):hover,
.ief-card-note:not(.col):focus-within,
.col.ief-card-note:hover > .col-inner,
.col.ief-card-note:focus-within > .col-inner,
.ief-card-phase:not(.col):hover,
.ief-card-phase:not(.col):focus-within,
.col.ief-card-phase:hover > .col-inner,
.col.ief-card-phase:focus-within > .col-inner {
    transform: translateY(-3px);
    border-color: rgb(var(--ief-shadow-rgb, 0 0 0) / 0.18);
    box-shadow: var(--ief-card-shadow-hover, 0 16px 38px rgba(0, 0, 0, 0.085));
}

.ief-card-link:not(.col),
.col.ief-card-link > .col-inner,
.ief-card-phase:not(.col),
.col.ief-card-phase > .col-inner {
    padding-right: 56px;
}

.ief-card-link:not(.col)::before,
.col.ief-card-link > .col-inner::before,
.ief-card-process:not(.col)::before,
.col.ief-card-process > .col-inner::before,
.ief-card-phase:not(.col)::before,
.col.ief-card-phase > .col-inner::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 80%;
    height: 3px;
    background: var(--ief-accent, #da291c);
    opacity: 0.95;
    transform: translateX(-50%) scaleX(0);
    transform-origin: left center;
    transition: transform 0.32s ease, opacity 0.25s ease;
}

.ief-card-link:not(.col)::before,
.col.ief-card-link > .col-inner::before,
.ief-card-process:not(.col)::before,
.col.ief-card-process > .col-inner::before { top: 0; }

.ief-card-phase:not(.col)::before,
.col.ief-card-phase > .col-inner::before { bottom: 0; }

.ief-card-link:not(.col):hover::before,
.ief-card-link:not(.col):focus-within::before,
.col.ief-card-link:hover > .col-inner::before,
.col.ief-card-link:focus-within > .col-inner::before,
.ief-card-process:not(.col):hover::before,
.ief-card-process:not(.col):focus-within::before,
.col.ief-card-process:hover > .col-inner::before,
.col.ief-card-process:focus-within > .col-inner::before,
.ief-card-phase:not(.col):hover::before,
.ief-card-phase:not(.col):focus-within::before,
.col.ief-card-phase:hover > .col-inner::before,
.col.ief-card-phase:focus-within > .col-inner::before {
    transform: translateX(-50%) scaleX(1);
}

.ief-card-link:not(.col)::after,
.col.ief-card-link > .col-inner::after,
.ief-card-phase:not(.col)::after,
.col.ief-card-phase > .col-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    width: 9px;
    height: 9px;
    border-top: 2px solid var(--ief-accent, #da291c);
    border-right: 2px solid var(--ief-accent, #da291c);
    opacity: 0.42;
    transform: translateY(-50%) rotate(45deg) scale(1);
    transition: opacity 0.25s ease, right 0.25s ease, transform 0.25s ease;
}

.ief-card-link:not(.col):hover::after,
.ief-card-link:not(.col):focus-within::after,
.col.ief-card-link:hover > .col-inner::after,
.col.ief-card-link:focus-within > .col-inner::after,
.ief-card-phase:not(.col):hover::after,
.ief-card-phase:not(.col):focus-within::after,
.col.ief-card-phase:hover > .col-inner::after,
.col.ief-card-phase:focus-within > .col-inner::after {
    right: 20px;
    opacity: 0.95;
    transform: translateY(-50%) rotate(45deg) scale(1.16);
}

.ief-card-metric .ief-card-metric-value,
.ief-card-metric .ief-counter,
.col.ief-card-metric > .col-inner .ief-card-metric-value,
.col.ief-card-metric > .col-inner .ief-counter {
    color: var(--ief-accent, #da291c);
    font-size: clamp(2.2rem, 4vw, 4rem);
    font-weight: 800;
    letter-spacing: -0.06em;
    line-height: 0.95;
}

.ief-card-metric:not(.col)::after,
.col.ief-card-metric > .col-inner::after {
    content: "";
    position: absolute;
    right: 24px;
    bottom: 24px;
    width: 30px;
    height: 3px;
    background: var(--ief-accent, #da291c);
    opacity: 0.58;
    transition: width 0.25s ease, opacity 0.25s ease;
}

.ief-card-metric:not(.col):hover::after,
.ief-card-metric:not(.col):focus-within::after,
.col.ief-card-metric:hover > .col-inner::after,
.col.ief-card-metric:focus-within > .col-inner::after {
    width: 42px;
    opacity: 0.92;
}

.ief-card-note:not(.col),
.col.ief-card-note > .col-inner {
    border-left: 3px solid var(--ief-accent, #da291c);
    background: linear-gradient(135deg, rgb(var(--ief-shadow-rgb, 0 0 0) / 0.018), rgb(var(--ief-paper-rgb, 255 255 255) / 0));
    box-shadow: none;
}

.ief-card-note:not(.col):hover,
.ief-card-note:not(.col):focus-within,
.col.ief-card-note:hover > .col-inner,
.col.ief-card-note:focus-within > .col-inner {
    background: var(--ief-paper, #ffffff);
    box-shadow: var(--ief-card-shadow, 0 10px 28px rgba(0, 0, 0, 0.055));
}

.ief-card-link > :first-child,
.ief-card-metric > :first-child,
.ief-card-process > :first-child,
.ief-card-note > :first-child,
.ief-card-phase > :first-child,
.col.ief-card-link > .col-inner > :first-child,
.col.ief-card-metric > .col-inner > :first-child,
.col.ief-card-process > .col-inner > :first-child,
.col.ief-card-note > .col-inner > :first-child,
.col.ief-card-phase > .col-inner > :first-child { margin-top: 0; }

.ief-card-link > :last-child,
.ief-card-metric > :last-child,
.ief-card-process > :last-child,
.ief-card-note > :last-child,
.ief-card-phase > :last-child,
.col.ief-card-link > .col-inner > :last-child,
.col.ief-card-metric > .col-inner > :last-child,
.col.ief-card-process > .col-inner > :last-child,
.col.ief-card-note > .col-inner > :last-child,
.col.ief-card-phase > .col-inner > :last-child { margin-bottom: 0; }
/* END BLOCK: static card accentline alias and selected IEF card variants. */

/* BEGIN BLOCK: IEF buttons and banner radius utilities. */
a.ief-btn,
a.ief-btn-outline,
a.ief-btn-ghost,
a.ief-btn-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55em;
    box-sizing: border-box;
    padding: 12px 18px;
    border-radius: var(--ief-radius-small, 9px);
    font-size: 14px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

a.ief-btn {
    background: var(--ief-accent, #da291c);
    border: 1px solid var(--ief-accent, #da291c);
    color: var(--ief-paper, #ffffff) !important;
    box-shadow: 0 10px 24px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
}

a.ief-btn-outline {
    background: transparent;
    border: 1px solid var(--ief-accent, #da291c);
    color: var(--ief-accent, #da291c) !important;
}

a.ief-btn-ghost {
    background: rgb(var(--ief-shadow-rgb, 0 0 0) / 0.035);
    border: 1px solid transparent;
    color: var(--ief-ink, #171717) !important;
}

a.ief-btn-arrow {
    background: var(--ief-ink, #171717);
    border: 1px solid var(--ief-ink, #171717);
    color: var(--ief-paper, #ffffff) !important;
}

a.ief-btn:hover,
a.ief-btn-outline:hover,
a.ief-btn-ghost:hover,
a.ief-btn-arrow:hover,
a.ief-btn:focus,
a.ief-btn-outline:focus,
a.ief-btn-ghost:focus,
a.ief-btn-arrow:focus {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.12);
    outline: none;
}

a.ief-btn-outline:hover,
a.ief-btn-outline:focus {
    background: var(--ief-accent, #da291c);
    color: var(--ief-paper, #ffffff) !important;
}

a.ief-btn-arrow::after {
    content: "\2192";
    display: inline-block;
    transition: transform 0.18s ease;
}

a.ief-btn-arrow:hover::after,
a.ief-btn-arrow:focus::after {
    transform: translateX(5px);
}

.ief-banner-card,
.banner.ief-banner-card,
.col.ief-banner-card > .col-inner {
    position: relative;
    overflow: hidden;
    border-radius: var(--ief-banner-card-radius, 18px);
    box-shadow: 0 10px 28px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    transform: translateY(0);
    transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
    will-change: transform;
}

.ief-banner-card:hover,
.ief-banner-card:focus-within,
.banner.ief-banner-card:hover,
.banner.ief-banner-card:focus-within,
.col.ief-banner-card:hover > .col-inner,
.col.ief-banner-card:focus-within > .col-inner {
    transform: translateY(-6px);
    box-shadow: 0 22px 54px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.18), 0 0 0 1px var(--ief-accent, #da291c), 0 0 28px color-mix(in srgb, var(--ief-accent, #da291c) 42%, transparent);
    filter: saturate(1.04);
}

.ief-banner-card .bg,
.ief-banner-card .banner-bg,
.ief-banner-card .overlay,
.ief-banner-card .bg-fill,
.banner.ief-banner-card .bg,
.banner.ief-banner-card .banner-bg,
.banner.ief-banner-card .overlay,
.banner.ief-banner-card .bg-fill { border-radius: inherit; }

.ief-radius-sm { --ief-banner-card-radius: 12px; --ief-card-radius: 12px; }
.ief-radius-md { --ief-banner-card-radius: 18px; --ief-card-radius: 18px; }
.ief-radius-lg { --ief-banner-card-radius: 24px; --ief-card-radius: 24px; }
.ief-radius-xl { --ief-banner-card-radius: 32px; --ief-card-radius: 32px; }
/* END BLOCK: IEF buttons and banner radius utilities. */

/* BEGIN BLOCK: UX Builder wrapper compatibility for editorial lists. */
.ief-list-dot ul,
.ief-list-accent-dot ul,
.ief-data-list ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.ief-list-dot ul li,
.ief-list-accent-dot ul li,
.ief-data-list ul li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 28px;
    line-height: 1.55;
}

.ief-list-dot ul li::before,
.ief-list-accent-dot ul li::before,
.ief-data-list ul li::before {
    content: "";
    position: absolute;
    top: 0.78em;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--ief-surface, #f4f4f4);
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    box-shadow: 0 0 0 3px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.03);
    transform: translateY(-50%);
}

.ief-list-dot ul li::after,
.ief-list-accent-dot ul li::after,
.ief-data-list ul li::after {
    content: "";
    position: absolute;
    top: 0.78em;
    left: 4px;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: var(--ief-accent, #da291c);
    transform: translateY(-50%);
}

.ief-list-dot ul li::after {
    background: var(--ief-muted, #626262);
}

.ief-list-accent-dot ul li::after,
.ief-data-list ul li::after {
    background: var(--ief-accent, #da291c);
}

.ief-data-list ul li {
    margin-bottom: 12px;
    line-height: 1.5;
}

.ief-data-list ul li::before {
    width: 14px;
    height: 14px;
}

.ief-data-list ul li::after {
    left: 5px;
}

.ief-data-list ul strong,
.ief-data-list ul b {
    font-weight: 750;
}
/* END BLOCK: UX Builder wrapper compatibility for editorial lists. */

/* BEGIN BLOCK: UX Builder wrapper compatibility for process steps. */
.ief-process-steps ol {
    --ief-process-badge-size: 56px;
    --ief-process-line-left: 27px;
    --ief-process-card-offset: 28px;
    counter-reset: ief-process-step;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.ief-process-steps ol > li {
    counter-increment: ief-process-step;
    position: relative;
    margin-bottom: 18px;
    min-height: var(--ief-process-badge-size);
    padding: 18px 52px 18px calc(var(--ief-process-badge-size) + var(--ief-process-card-offset));
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    border-radius: var(--ief-radius, 18px);
    background: var(--ief-paper, #fff);
    box-shadow: var(--ief-card-shadow, 0 10px 28px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.055));
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.ief-process-steps ol > li::before {
    content: "." counter(ief-process-step, decimal-leading-zero);
    position: absolute;
    top: 18px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ief-process-badge-size);
    height: var(--ief-process-badge-size);
    border-radius: 999px;
    background: var(--ief-accent, #da291c);
    color: var(--ief-paper, #fff);
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.ief-process-steps ol > li::after {
    content: "";
    position: absolute;
    top: calc(50% + (var(--ief-process-badge-size) / 2) + 5px);
    bottom: -24px;
    left: calc(18px + var(--ief-process-line-left));
    width: 1px;
    background: var(--ief-border, rgba(0, 0, 0, 0.12));
}

.ief-process-steps ol > li:last-child::after { display: none; }

.ief-process-steps ol > li:hover,
.ief-process-steps ol > li:focus-within {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--ief-accent, #da291c) 35%, var(--ief-border, rgba(0, 0, 0, 0.12)));
    box-shadow: var(--ief-card-shadow-hover, 0 16px 38px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.085));
}

.ief-process-steps ol > li > :first-child { margin-top: 0; }
.ief-process-steps ol > li > :last-child { margin-bottom: 0; }

@media (max-width: 549px) {
    .ief-process-steps ol {
        --ief-process-badge-size: 48px;
        --ief-process-line-left: 23px;
        --ief-process-card-offset: 20px;
    }

    .ief-process-steps ol > li {
        padding: 16px 42px 16px calc(var(--ief-process-badge-size) + var(--ief-process-card-offset));
    }

    .ief-process-steps ol > li::before { left: 14px; font-size: 0.82rem; }
    .ief-process-steps ol > li::after { left: calc(14px + var(--ief-process-line-left)); }
}
/* END BLOCK: UX Builder wrapper compatibility for process steps. */

/* BEGIN BLOCK: single post footer carousel modules. */
.ief-single-footer {
    box-sizing: border-box;
    width: min(100% - 32px, var(--ief-container, 1120px));
    max-width: var(--ief-container, 1120px);
    margin: clamp(42px, 6vw, 78px) auto 0;
    padding-top: clamp(24px, 4vw, 44px);
    border-top: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
}

.ief-single-footer-section + .ief-single-footer-section {
    margin-top: clamp(38px, 5vw, 64px);
}

.ief-single-footer-heading {
    margin-bottom: clamp(18px, 3vw, 28px);
}

.ief-single-footer-heading .ief-kicker {
    margin-bottom: 10px;
}

.ief-single-footer-heading h2 {
    max-width: 820px;
    margin: 0;
    color: var(--ief-ink, #171717);
    font-size: clamp(1.65rem, 3vw, 2.6rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

.ief-single-post-carousel {
    --ief-single-carousel-gap: clamp(18px, 2.2vw, 28px);
    position: relative;
}

.ief-single-post-carousel-viewport {
    overflow: hidden;
    padding: 6px 6px 24px;
    margin: -6px -6px -24px;
}

.ief-single-post-track {
    display: flex;
    align-items: stretch;
    gap: var(--ief-single-carousel-gap);
    will-change: transform;
    transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.ief-single-post-card {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: flex;
    flex: 0 0 calc((100% - (var(--ief-single-carousel-gap) * 2)) / 3);
    flex-direction: column;
    min-height: 100%;
    padding: 0;
    background: var(--ief-paper, #ffffff);
    border: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    border-radius: var(--ief-card-radius, 12px);
    box-shadow: var(--ief-card-shadow, 0 10px 28px rgba(0, 0, 0, 0.055));
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.ief-single-post-card::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 0;
    height: 3px;
    background: var(--ief-accent, #da291c);
    pointer-events: none;
    transition: width 0.28s ease;
}

.ief-single-post-card:hover,
.ief-single-post-card:focus-within {
    transform: translateY(-3px);
    border-color: rgb(var(--ief-shadow-rgb, 0 0 0) / 0.18);
    box-shadow: var(--ief-card-shadow-hover, 0 16px 38px rgba(0, 0, 0, 0.085));
}

.ief-single-post-card:hover::before,
.ief-single-post-card:focus-within::before {
    width: 100%;
}

.ief-single-post-card-media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: var(--ief-panel, rgba(0, 0, 0, 0.035));
}

.ief-single-post-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.28s ease, filter 0.28s ease;
}

.ief-single-post-card:hover .ief-single-post-card-media img,
.ief-single-post-card:focus-within .ief-single-post-card-media img {
    transform: scale(1.035);
    filter: saturate(1.04);
}

.ief-single-post-card-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    padding: clamp(18px, 2vw, 24px);
}

.ief-single-post-card-content .ief-meta-row {
    font-size: 0.78rem;
}

.ief-single-post-card-content h3 {
    margin: 0;
    color: var(--ief-ink, #171717);
    font-size: clamp(1.04rem, 1.2vw, 1.28rem);
    line-height: 1.24;
    letter-spacing: -0.018em;
}

.ief-single-post-card-content h3 a {
    color: inherit;
    text-decoration: none;
}

.ief-single-post-card-content h3 a:hover,
.ief-single-post-card-content h3 a:focus {
    color: var(--ief-accent, #da291c);
}

.ief-single-post-card-content p {
    margin: 0;
    color: var(--ief-muted, #626262);
    font-size: 0.95rem;
    line-height: 1.52;
}

.ief-single-post-card-content .ief-link-arrow-soft {
    margin-top: auto;
}

.ief-single-post-pager {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    margin: clamp(18px, 3vw, 30px) auto 0;
    padding: 7px;
    background: rgb(var(--ief-paper-rgb, 255 255 255) / 0.78);
    border: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    border-radius: 999px;
    box-shadow: 0 16px 42px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    backdrop-filter: blur(14px);
}

.ief-single-post-carousel {
    text-align: center;
}

.ief-single-post-carousel-viewport,
.ief-single-post-carousel .ief-single-footer-heading,
.ief-single-post-track {
    text-align: left;
}

.ief-single-post-pager[hidden] {
    display: none !important;
}

.ief-single-post-pager-arrow,
.ief-single-post-pager-dot {
    appearance: none;
    border: 0;
    cursor: pointer;
    font: inherit;
}

.ief-single-post-pager-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    color: var(--ief-ink, #171717);
    background: transparent;
    border-radius: 999px;
    box-shadow: none;
    line-height: 1;
    transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease;
}

.ief-single-post-pager-arrow span {
    display: block;
    transform: translateY(-1px);
}

.ief-single-post-pager-arrow:hover,
.ief-single-post-pager-arrow:focus-visible {
    color: var(--ief-paper, #fff);
    background: var(--ief-accent, #da291c);
    transform: translateY(-1px);
}

.ief-single-post-pager-arrow:disabled {
    cursor: default;
    opacity: 0.28;
    transform: none;
    color: var(--ief-muted, #626262);
    background: transparent;
}

.ief-single-post-pager-arrow:disabled:hover,
.ief-single-post-pager-arrow:disabled:focus-visible {
    color: var(--ief-muted, #626262);
    background: transparent;
    transform: none;
}

.ief-single-post-pager-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 10px;
}

.ief-single-post-pager-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    overflow: hidden;
    color: transparent;
    background: rgb(var(--ief-shadow-rgb, 0 0 0) / 0.22);
    border-radius: 999px;
    transition: width 0.24s ease, background 0.24s ease, transform 0.24s ease, opacity 0.24s ease;
}

.ief-single-post-pager-dot:hover,
.ief-single-post-pager-dot:focus-visible {
    transform: scale(1.16);
    background: rgb(var(--ief-shadow-rgb, 0 0 0) / 0.36);
}

.ief-single-post-pager-dot.is-active {
    width: 28px;
    background: var(--ief-accent, #da291c);
    transform: none;
}

@media (max-width: 900px) {
    .ief-single-post-card {
        flex-basis: calc((100% - var(--ief-single-carousel-gap)) / 2);
    }
}

@media (max-width: 640px) {
    .ief-single-footer {
        width: min(100% - 24px, var(--ief-container, 1120px));
    }

    .ief-single-post-card {
        flex-basis: 100%;
    }

    .ief-single-post-pager-arrow {
        width: 38px;
        height: 38px;
    }
}
/* END BLOCK: single post footer carousel modules. */


/* BEGIN BLOCK: single post editorial hero. */
.ief-single-hero {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin: 0 calc(50% - 50vw) clamp(40px, 5vw, 70px);
    padding: clamp(54px, 7vw, 96px) 0 0;
    background: var(--ief-paper, #fff);
    color: var(--ief-ink, #171717);
}

.ief-single-hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
    align-items: center;
    gap: clamp(34px, 5vw, 84px);
    width: min(100% - 40px, var(--ief-layout-width, 1320px));
    margin: 0 auto;
}

.ief-single-hero-copy {
    max-width: 640px;
}

.ief-single-hero-copy .ief-kicker {
    margin-bottom: 18px;
}

.ief-single-hero-copy h1 {
    margin: 0;
    color: var(--ief-ink, #171717);
    font-size: clamp(2.35rem, 3.2vw, 3.72rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
    text-wrap: balance;
}

.ief-single-hero-excerpt {
    position: relative;
    margin-top: clamp(26px, 3.2vw, 42px);
    padding-left: clamp(20px, 2.2vw, 32px);
    border-left: 5px solid var(--ief-accent, #da291c);
}

.ief-single-hero-excerpt p {
    margin: 0;
    color: var(--ief-muted, #626262);
    font-size: clamp(1.02rem, 1.2vw, 1.23rem);
    line-height: 1.62;
}

.ief-single-hero-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: clamp(28px, 3vw, 44px);
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.ief-single-hero-breadcrumbs a,
.ief-single-hero-breadcrumbs strong {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    color: var(--ief-ink, #171717);
    text-decoration: none;
}

.ief-single-hero-breadcrumbs a:first-child {
    padding: 0 13px;
    border: 1px solid var(--ief-accent, #da291c);
}

.ief-single-hero-breadcrumbs a {
    position: relative;
    transition: color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.ief-single-hero-breadcrumbs a:hover,
.ief-single-hero-breadcrumbs a:focus {
    color: var(--ief-accent, #da291c);
}

.ief-single-hero-breadcrumbs a:not(:first-child) {
    padding-right: 26px;
}

.ief-single-hero-breadcrumbs a:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    right: 26px;
    bottom: 3px;
    height: 1px;
    background: var(--ief-accent, #da291c);
    transform: scaleX(0);
    transform-origin: left center;
    opacity: 0.55;
    transition: transform 220ms ease, opacity 220ms ease;
}

.ief-single-hero-breadcrumbs a:not(:first-child)::after {
    content: "→";
    position: absolute;
    right: 0;
    top: 50%;
    color: var(--ief-accent, #da291c);
    font-size: 1.02em;
    line-height: 1;
    opacity: 0.68;
    transform: translate(-7px, -50%);
    transition: transform 220ms ease, opacity 220ms ease;
}

.ief-single-hero-breadcrumbs a:not(:first-child):hover,
.ief-single-hero-breadcrumbs a:not(:first-child):focus {
    transform: translateX(2px);
}

.ief-single-hero-breadcrumbs a:not(:first-child):hover::before,
.ief-single-hero-breadcrumbs a:not(:first-child):focus::before {
    transform: scaleX(1);
    opacity: 1;
}

.ief-single-hero-breadcrumbs a:not(:first-child):hover::after,
.ief-single-hero-breadcrumbs a:not(:first-child):focus::after {
    opacity: 1;
    transform: translate(0, -50%);
}

.ief-single-hero-breadcrumbs span {
    color: var(--ief-accent, #da291c);
    opacity: 0.76;
}

.ief-single-hero-media {
    position: relative;
}

.ief-single-hero-image {
    position: relative;
    overflow: visible;
    padding: 0 clamp(18px, 1.8vw, 28px) clamp(18px, 1.8vw, 28px) 0;
    background: transparent;
    animation: iefHeroImageEntrance 820ms cubic-bezier(0.2, 0.72, 0.18, 1.18) 120ms both;
}

.ief-single-hero-image::before,
.ief-single-hero-image::after {
    content: "";
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    background: var(--ief-accent, #da291c);
    pointer-events: none;
    border-radius: 0;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--ief-accent, #da291c) 28%, transparent);
}

.ief-single-hero-image::before {
    width: clamp(150px, 18vw, 286px);
    height: clamp(18px, 1.5vw, 28px);
}

.ief-single-hero-image::after {
    width: clamp(18px, 1.5vw, 28px);
    height: clamp(150px, 18vw, 286px);
}

.ief-single-hero-image img {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(100% + clamp(8px, 0.9vw, 15px));
    max-width: none;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    filter: grayscale(1);
    border-radius: var(--ief-media-radius, 8px);
    box-shadow: 0 24px 60px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.08);
    transform: scale(1.001);
    transition: transform 420ms cubic-bezier(0.2, 0.72, 0.18, 1), filter 420ms ease;
}

.ief-single-hero-image:hover img,
.ief-single-hero-image:focus-within img {
    transform: scale(1.018);
}

@keyframes iefHeroImageEntrance {
    0% {
        opacity: 0;
        transform: translateY(28px) scale(0.965);
    }

    68% {
        opacity: 1;
        transform: translateY(-5px) scale(1.012);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ief-single-hero-image {
        animation: none;
    }

    .ief-single-hero-image img {
        transition: none;
    }
}


/* BEGIN BLOCK: single hero image lightbox removed intentionally. */
/* Lightbox removed in 0.1.41: the hero image is decorative navigation context, not a core interaction. */
/* END BLOCK: single hero image lightbox removed intentionally. */


.ief-single-meta-bar {
    width: 100vw;
    max-width: 100vw;
    margin: clamp(46px, 6vw, 78px) calc(50% - 50vw) 0;
    background: rgb(var(--ief-shadow-rgb, 0 0 0) / 0.045);
    border-top: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.055);
    border-bottom: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.055);
}

.ief-single-meta-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    width: min(100% - 40px, var(--ief-layout-width, 1320px));
    margin: 0 auto;
    color: var(--ief-muted, #626262);
    font-size: 0.9rem;
    font-weight: 800;
}

.ief-single-meta-inner > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 0 24px;
    border-right: 1px solid rgb(var(--ief-shadow-rgb, 0 0 0) / 0.085);
}

.ief-single-meta-inner > span:first-child {
    padding-left: 0;
}

.ief-single-meta-inner > span:last-child {
    border-right: 0;
}

.ief-single-meta-author img {
    width: 32px;
    height: 32px;
    border-radius: 999px;
}

body.ief-hide-theme-single-title.single-post .article-inner > .entry-header,
body.ief-hide-theme-single-title.single-post .blog-single .entry-header,
body.ief-hide-theme-single-title.single-post .post > .entry-header,
body.ief-hide-theme-single-title.single-post .page-title,
body.ief-hide-theme-single-title.single-post .entry-title:not(#ief-single-hero-title),
body.ief-hide-theme-single-title.single-post .blog-featured-title,
body.ief-hide-theme-single-title.single-post .single-post-title,
body.ief-hide-theme-single-title.single-post .entry-category,
body.ief-hide-theme-single-title.single-post .entry-divider {
    display: none !important;
}

@media (max-width: 980px) {
    .ief-single-hero-inner {
        grid-template-columns: 1fr;
    }

    .ief-single-hero-copy {
        max-width: 760px;
    }
}

@media (max-width: 640px) {
    .ief-single-hero {
        padding-top: 38px;
    }

    .ief-single-hero-inner,
    .ief-single-meta-inner {
        width: min(100% - 24px, var(--ief-layout-width, 1320px));
    }

    .ief-single-hero-copy h1 {
        font-size: clamp(2rem, 10vw, 2.85rem);
    }

    .ief-single-meta-inner {
        display: grid;
        grid-template-columns: 1fr;
        padding: 12px 0;
    }

    .ief-single-meta-inner > span {
        min-height: 38px;
        padding: 0;
        border-right: 0;
    }
}
/* END BLOCK: single post editorial hero. */

/* BEGIN BLOCK: single post TOC editorial layout. */
body.single-post .entry-content.single-page.ief-has-toc-layout {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    transform: none;
    overflow: visible;
}

.ief-toc-grid {
    --ief-toc-layout-width: var(--ief-layout-width, 1320px);
    --ief-toc-sidebar-share: 25%;
    --ief-toc-layout-gap: 32px;
    display: grid;
    grid-template-columns: minmax(260px, var(--ief-toc-sidebar-share)) minmax(0, 1fr);
    column-gap: var(--ief-toc-layout-gap);
    align-items: start;
    box-sizing: border-box;
    width: min(var(--ief-toc-layout-width), calc(100vw - 30px));
    max-width: none;
    margin-top: clamp(56px, 6vw, 78px);
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
}

.ief-toc-column,
.ief-article-column {
    min-width: 0;
}

.ief-toc-column {
    grid-column: 1;
    position: sticky;
    top: 118px;
    align-self: start;
    height: max-content;
    z-index: 2;
}

.admin-bar .ief-toc-column {
    top: 150px;
}

.ief-toc-column .ief-toc {
    max-width: none;
    margin: 0;
}

.ief-article-column {
    grid-column: 2;
    width: 100%;
    max-width: none;
}

.ief-article-column > p {
    font-size: clamp(1rem, 1vw, 1.08rem);
    line-height: 1.72;
}

.ief-article-column > h2 {
    margin-top: clamp(34px, 4vw, 52px);
}

.ief-article-column > h3,
.ief-article-column > h4 {
    margin-top: clamp(26px, 3vw, 38px);
}

.ief-article-column > figure.aligncenter,
.ief-article-column > .wp-block-social-links.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

body.single-post .entry-content.single-page.ief-has-toc-layout > .ief-single-footer {
    width: min(var(--ief-layout-width, 1320px), calc(100vw - 30px));
    margin-top: clamp(56px, 6vw, 82px);
    margin-left: 0;
    margin-right: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 900px) {
    body.single-post .entry-content.single-page.ief-has-toc-layout > .ief-single-footer {
        width: 100%;
        left: auto;
        transform: none;
    }
}

@media (max-width: 1200px) {
    .ief-toc-grid {
        --ief-toc-sidebar-share: 27%;
        --ief-toc-layout-gap: 28px;
    }
}

@media (max-width: 900px) {
    .ief-toc-grid {
        display: block;
        width: 100%;
        margin-top: 34px;
        padding-left: 0;
        padding-right: 0;
        left: auto;
        transform: none;
    }

    .ief-toc-column {
        position: static;
        top: auto;
    }

    .ief-toc-column .ief-toc {
        margin-bottom: 34px;
    }

    .ief-article-column {
        max-width: none;
    }
}
/* END BLOCK: single post TOC editorial layout. */

/* BEGIN BLOCK: table of contents. */
.ief-toc {
    --ief-toc-border: rgb(var(--ief-shadow-rgb, 0 0 0) / 0.085);
    width: 100%;
    max-width: 360px;
    margin: clamp(28px, 4vw, 44px) 0;
    padding: 22px 22px 20px;
    background: rgb(var(--ief-paper-rgb, 255 255 255) / 0.9);
    border: 1px solid var(--ief-toc-border);
    border-left: 0;
    border-radius: var(--ief-card-radius, 10px);
    box-shadow: 0 18px 44px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.05);
    backdrop-filter: blur(10px);
}

.ief-toc--sticky {
    position: sticky;
    top: 118px;
}

.ief-toc-column .ief-toc--sticky {
    position: relative;
    top: auto;
}

.ief-toc-title {
    margin: 0 0 16px;
    color: var(--ief-accent, #da291c);
    font-family: var(--ief-font-heading, inherit);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    line-height: 1.25;
    text-transform: uppercase;
}

.ief-toc-list {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: iefToc;
}

.ief-toc-item {
    position: relative;
    margin: 0;
    padding: 0;
    counter-increment: iefToc;
}

.ief-toc-item a {
    position: relative;
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 8px;
    align-items: start;
    min-height: 29px;
    padding: 5px 0;
    color: var(--ief-muted, var(--ief-muted-soft, #555));
    font-size: 0.89rem;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
    transition: color 180ms ease, transform 180ms ease;
}

.ief-toc-item a::before {
    content: counter(iefToc, decimal-leading-zero);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 21px;
    color: var(--ief-accent, #da291c);
    font-size: 0.66rem;
    font-weight: 900;
    line-height: 1;
    border: 1px solid color-mix(in srgb, var(--ief-accent, #da291c) 36%, transparent);
    border-radius: 999px;
    background: rgb(var(--ief-paper-rgb, 255 255 255) / 0.72);
}

.ief-toc-item a::after {
    content: "";
    position: absolute;
    left: 34px;
    right: 0;
    bottom: 2px;
    height: 1px;
    background: var(--ief-accent, #da291c);
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 180ms ease, opacity 180ms ease;
}

.ief-toc-item--h3 a {
    grid-template-columns: 20px 1fr;
    padding-left: 24px;
    font-size: 0.84rem;
    font-weight: 750;
}

.ief-toc-item--h3 a::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-top: 7px;
    border: 1px solid color-mix(in srgb, var(--ief-accent, #da291c) 44%, transparent);
    background: transparent;
}

.ief-toc-item--h3 a::after {
    left: 52px;
}

.ief-toc-item--h4 a {
    grid-template-columns: 18px 1fr;
    padding-left: 48px;
    font-size: 0.8rem;
    font-weight: 700;
    opacity: 0.9;
}

.ief-toc-item--h4 a::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-top: 8px;
    border: 0;
    background: color-mix(in srgb, var(--ief-accent, #da291c) 58%, transparent);
}

.ief-toc-item--h4 a::after {
    left: 74px;
}

.ief-toc-item a:hover,
.ief-toc-item a:focus,
.ief-toc-item a.is-active {
    color: var(--ief-accent, #da291c);
    transform: translateX(2px);
}

.ief-toc-item a:hover::after,
.ief-toc-item a:focus::after,
.ief-toc-item a.is-active::after {
    opacity: 0.55;
    transform: scaleX(1);
}

.entry-content h2[id],
.entry-content h3[id],
.entry-content h4[id] {
    scroll-margin-top: 126px;
}

.ief-toc-empty {
    margin: 8px 0 0;
    color: var(--ief-muted, var(--ief-muted-soft, #666));
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.45;
}

.ief-toc--hidden-empty {
    display: none;
}

@media (max-width: 900px) {
    .ief-toc--hide-mobile {
        display: none;
    }
}

/*
 * ALPHA.49: L'INDICE CHE SA DOVE SEI.
 *
 * I numeri contano solo le sezioni: prima anche le sottosezioni consumavano un
 * numero senza mostrarlo, e dopo «03» veniva «05». Le sezioni lette hanno il
 * numero pieno, quella corrente il filetto a sinistra e un alone. In fondo,
 * il filo di avanzamento e la frase «Sezione 3 di 6 · circa 4 minuti alla
 * fine». Sul telefono, al posto del riquadro, una barra sotto la testata.
 */
.ief-toc-item--h3,
.ief-toc-item--h4 {
    counter-increment: none;
}

.ief-toc-item {
    transition: none;
}

.ief-toc-item a::before {
    transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.ief-toc-item.is-letta > a {
    color: var(--ief-ink, #171717);
}

.ief-toc-item.is-letta > a::before {
    background: var(--ief-accent, #da291c);
    border-color: var(--ief-accent, #da291c);
    color: #fff;
}

.ief-toc-item.is-qui::before {
    content: "";
    position: absolute;
    left: -22px;
    top: 4px;
    bottom: 4px;
    width: 3px;
    background: var(--ief-accent, #da291c);
}

.ief-toc-item.is-qui > a {
    color: var(--ief-accent, #da291c);
}

.ief-toc-item.is-qui > a::before {
    background: var(--ief-accent, #da291c);
    border-color: var(--ief-accent, #da291c);
    color: #fff;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ief-accent, #da291c) 14%, transparent);
}

/* La sottosezione in cui sei: il pallino si riempie. */
.ief-toc-item--h3 a.is-active::before,
.ief-toc-item--h4 a.is-active::before {
    background: var(--ief-accent, #da291c);
}

.ief-toc-piede {
    margin-top: 16px;
}

.ief-toc-avanzamento {
    height: 3px;
    border-radius: 2px;
    background: color-mix(in srgb, var(--ief-ink, #171717) 9%, transparent);
    overflow: hidden;
}

.ief-toc-avanzamento span {
    display: block;
    height: 100%;
    background: var(--ief-accent, #da291c);
    transform: scaleX(0);
    transform-origin: left center;
}

.ief-toc-quanto {
    margin: 9px 0 0;
    color: var(--ief-muted, #555);
    font-family: var(--ief-font-ui, inherit);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.4;
    text-transform: uppercase;
}

.ief-toc-quanto:empty {
    display: none;
}

/* ------------------------------------------------- la barra del telefono */

.ief-toc-barra,
.ief-toc-barra-velo {
    display: none;
}

@media (max-width: 900px) {
    .ief-toc-barra:not([hidden]) {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: var(--ief-toc-barra-top, 0px);
        z-index: 39;
        background: rgb(var(--ief-paper-rgb, 255 255 255));
        border-bottom: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 10%, transparent);
        box-shadow: 0 10px 22px -14px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.4);
        font-family: var(--ief-font-ui, inherit);
        animation: iefTocBarraEntra 260ms ease-out both;
    }

    .ief-toc-barra-velo:not([hidden]) {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 38;
        background: rgb(22 19 15 / 0.35);
    }

    .ief-toc-barra-bottone {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        padding: 10px 16px;
        border: 0;
        background: transparent;
        color: var(--ief-ink, #171717);
        text-align: left;
        cursor: pointer;
    }

    .ief-toc-barra-numero {
        flex: 0 0 auto;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: var(--ief-accent, #da291c);
        color: #fff;
        font-size: 0.72rem;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
    }

    .ief-toc-barra-testi {
        flex: 1;
        min-width: 0;
    }

    .ief-toc-barra-dove {
        display: block;
        color: var(--ief-muted, #555);
        font-size: 0.66rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .ief-toc-barra-titolo {
        display: block;
        overflow: hidden;
        font-family: var(--ief-font-heading, inherit);
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ief-toc-barra-freccia {
        flex: 0 0 auto;
        width: 32px;
        height: 32px;
        border: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 22%, transparent);
        border-radius: 50%;
        position: relative;
    }

    .ief-toc-barra-freccia::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 7px;
        height: 7px;
        border-right: 1.5px solid currentColor;
        border-bottom: 1.5px solid currentColor;
        transform: translate(-50%, -70%) rotate(45deg);
        transition: transform 200ms ease;
    }

    .ief-toc-barra.is-aperta .ief-toc-barra-freccia::before {
        transform: translate(-50%, -30%) rotate(-135deg);
    }

    .ief-toc-barra-avanzamento {
        height: 3px;
        background: color-mix(in srgb, var(--ief-ink, #171717) 8%, transparent);
    }

    .ief-toc-barra-avanzamento span {
        display: block;
        height: 100%;
        background: var(--ief-accent, #da291c);
        transform: scaleX(0);
        transform-origin: left center;
    }

    .ief-toc-barra-elenco {
        max-height: min(60vh, 460px);
        margin: 0;
        padding: 4px 16px 12px;
        overflow-y: auto;
        list-style: none;
        border-top: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 8%, transparent);
    }

    .ief-toc-barra-elenco[hidden] {
        display: none;
    }

    .ief-toc-barra-elenco li + li {
        border-top: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 6%, transparent);
    }

    .ief-toc-barra-elenco a {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 11px 0;
        color: var(--ief-ink, #171717);
        font-family: var(--ief-font-heading, inherit);
        font-size: 1rem;
        line-height: 1.3;
        text-decoration: none;
    }

    .ief-toc-barra-elenco a span {
        flex: 0 0 auto;
        width: 26px;
        height: 26px;
        border: 1px solid color-mix(in srgb, var(--ief-accent, #da291c) 40%, transparent);
        border-radius: 50%;
        color: var(--ief-accent, #da291c);
        font-family: var(--ief-font-ui, inherit);
        font-size: 0.68rem;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
    }

    .ief-toc-barra-elenco li.is-letta a span,
    .ief-toc-barra-elenco li.is-qui a span {
        background: var(--ief-accent, #da291c);
        border-color: var(--ief-accent, #da291c);
        color: #fff;
    }

    .ief-toc-barra-elenco li.is-qui a {
        color: var(--ief-accent, #da291c);
        font-weight: 700;
    }

    .ief-toc-barra-elenco li.is-qui a span {
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--ief-accent, #da291c) 14%, transparent);
    }
}

@keyframes iefTocBarraEntra {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .ief-toc-barra:not([hidden]) {
        animation: none;
    }

    .ief-toc-item a::before,
    .ief-toc-barra-freccia::before {
        transition: none;
    }
}

/* END BLOCK: table of contents. */

/* BEGIN BLOCK: single post tag labels and share tools. */
.ief-single-actions {
    box-sizing: border-box;
    display: grid;
    gap: clamp(28px, 3.4vw, 42px);
    width: 100%;
    margin-top: clamp(42px, 5vw, 64px);
    padding-top: clamp(26px, 3vw, 36px);
    border-top: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 9%, transparent);
}

.ief-single-tags,
.ief-single-share {
    display: grid;
    gap: clamp(12px, 1.4vw, 16px);
    min-width: 0;
}

.ief-single-actions-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    color: color-mix(in srgb, var(--ief-ink, #171717) 74%, transparent);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.ief-single-actions-label::before {
    content: "";
    display: block;
    width: 4px;
    height: 24px;
    background: var(--ief-accent, #da291c);
    border-radius: 999px;
}

.ief-single-actions-label::after {
    content: "";
    display: block;
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--ief-accent, #da291c) 30%, transparent), transparent);
}

.ief-single-actions-label span {
    display: inline-block;
    white-space: nowrap;
}

.ief-single-tag-list,
.ief-single-share-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ief-single-tag {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin: 0;
    padding: 9px 15px 9px 13px;
    color: color-mix(in srgb, var(--ief-ink, #171717) 78%, transparent);
    background: color-mix(in srgb, var(--ief-paper, #ffffff) 88%, var(--ief-paper, #ffffff));
    border: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 8%, transparent);
    border-left: 3px solid var(--ief-accent, #da291c);
    border-radius: 0;
    box-shadow: 0 10px 22px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.035);
    cursor: pointer;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 650;
    letter-spacing: 0.005em;
    line-height: 1.2;
    text-decoration: none;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.ief-single-tag::before {
    content: "#";
    color: var(--ief-accent, #da291c);
    margin-right: 3px;
    font-weight: 900;
}

.ief-single-tag:hover,
.ief-single-tag:focus-visible {
    color: var(--ief-ink, #171717);
    background: var(--ief-paper, #ffffff);
    border-color: color-mix(in srgb, var(--ief-accent, #da291c) 30%, transparent);
    border-left-color: var(--ief-accent, #da291c);
    box-shadow: 0 14px 30px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.07);
    transform: translateY(-1px);
}

.ief-single-share-list {
    gap: 8px clamp(14px, 1.6vw, 20px);
}

.ief-single-share-link {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    margin: 0;
    padding: 0;
    color: color-mix(in srgb, var(--ief-ink, #171717) 76%, transparent);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 620;
    line-height: 1.2;
    text-decoration: none;
    transition: color 180ms ease, transform 180ms ease;
}

.ief-single-share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    color: var(--ief-ink, #171717);
    line-height: 1;
}

.ief-single-share-icon svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.ief-single-share-link:hover,
.ief-single-share-link:focus-visible {
    color: var(--ief-accent, #da291c);
    transform: translateY(-1px);
}

.ief-single-share-link:hover .ief-single-share-icon,
.ief-single-share-link:focus-visible .ief-single-share-icon {
    color: var(--ief-accent, #da291c);
}

.ief-single-share-copy.is-copied {
    color: var(--ief-accent, #da291c);
}

.ief-single-share-copy.is-copied .ief-single-share-icon {
    color: var(--ief-accent, #da291c);
}

@media (max-width: 700px) {
    .ief-single-actions {
        gap: 28px;
    }

    .ief-single-actions-label::after {
        display: none;
    }

    .ief-single-share-list {
        gap: 10px 16px;
    }
}
/* END BLOCK: single post tag labels and share tools. */

/* BEGIN BLOCK: editorial support box added in 0.1.61. */
.ief-support-box {
    box-sizing: border-box;
    clear: both;
    display: grid;
    gap: clamp(14px, 1.6vw, 18px);
    width: min(var(--ief-layout-width, 1320px), calc(100vw - 30px));
    max-width: none;
    margin-top: clamp(46px, 5.2vw, 70px);
    margin-right: auto;
    margin-left: auto;
    padding-top: clamp(28px, 3.2vw, 38px);
    border-top: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 9%, transparent);
}

body.single-post .entry-content.single-page.ief-has-toc-layout > .ief-support-box {
    width: min(var(--ief-layout-width, 1320px), calc(100vw - 30px));
    margin-left: 0;
    margin-right: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.ief-support-card {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: clamp(24px, 3.2vw, 38px);
    color: color-mix(in srgb, var(--ief-ink, #171717) 82%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--ief-paper, #ffffff) 96%, var(--ief-paper, #ffffff)), var(--ief-paper, #ffffff));
    border: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 8%, transparent);
    border-left: 4px solid var(--ief-accent, #da291c);
    border-radius: 0;
    box-shadow: 0 18px 44px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.045);
}

.ief-support-card::after {
    content: "";
    position: absolute;
    right: -80px;
    bottom: -80px;
    width: 210px;
    height: 210px;
    background: radial-gradient(circle, color-mix(in srgb, var(--ief-accent, #da291c) 12%, transparent), transparent 68%);
    pointer-events: none;
}

.ief-support-title {
    position: relative;
    z-index: 1;
    margin: 0 0 clamp(18px, 2vw, 24px);
    color: var(--ief-ink, #171717);
    font-size: clamp(1.3rem, 1rem + 1.15vw, 2rem);
    font-weight: 820;
    letter-spacing: -0.025em;
    line-height: 1.08;
}

.ief-support-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.7fr);
    gap: clamp(24px, 3vw, 42px);
    align-items: start;
}

.ief-support-content {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.ief-support-content p {
    margin: 0;
    color: color-mix(in srgb, var(--ief-ink, #171717) 78%, transparent);
    font-size: 0.94rem;
    line-height: 1.72;
}

.ief-support-comments {
    display: grid;
    gap: 14px;
    justify-items: center;
    padding: 0 0 clamp(18px, 2vw, 24px);
    border-bottom: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 8%, transparent);
    text-align: center;
}

.ief-support-comment-text {
    max-width: 720px;
    font-weight: 650;
}

.ief-support-comment-image {
    display: block;
    width: auto;
    max-width: min(92px, 40vw);
    height: auto;
}

.ief-support-thanks {
    color: var(--ief-ink, #171717) !important;
    font-weight: 760;
    text-align: center;
}

.ief-support-bank {
    display: grid;
    gap: 8px;
    padding: 16px 18px;
    background: color-mix(in srgb, var(--ief-paper, #ffffff) 78%, var(--ief-paper, #ffffff));
    border: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 7%, transparent);
}

.ief-support-bank strong {
    color: var(--ief-ink, #171717);
    font-weight: 820;
}

.ief-support-bank span {
    color: color-mix(in srgb, var(--ief-ink, #171717) 60%, transparent);
    font-weight: 720;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
}

.ief-support-actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
}

.ief-support-donation-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 10px 14px;
    color: var(--ief-ink, #171717);
    background: var(--ief-paper, #ffffff);
    border: 1px solid color-mix(in srgb, var(--ief-ink, #171717) 9%, transparent);
    box-shadow: 0 12px 26px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.045);
    text-decoration: none;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.ief-support-donation-button:hover,
.ief-support-donation-button:focus-visible {
    border-color: color-mix(in srgb, var(--ief-accent, #da291c) 36%, transparent);
    box-shadow: 0 16px 34px rgb(var(--ief-shadow-rgb, 0 0 0) / 0.075);
    transform: translateY(-1px);
}

.ief-support-donation-button span {
    font-size: 0.9rem;
    font-weight: 820;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.ief-support-donation-image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 62px;
    height: auto;
    object-fit: contain;
}

@media (max-width: 860px) {
    .ief-support-grid {
        grid-template-columns: 1fr;
    }

    .ief-support-actions {
        max-width: 360px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 560px) {
    .ief-support-card {
        padding: 22px 18px;
    }

    .ief-support-actions {
        max-width: none;
    }

    .ief-support-box,
    body.single-post .entry-content.single-page.ief-has-toc-layout > .ief-support-box {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        left: auto;
        transform: none;
    }
}
/* END BLOCK: editorial support box added in 0.1.61. */

/* BEGIN BLOCK: support box rendered inside centered footer stream in 0.1.64. */
.ief-single-footer--support {
    margin-top: clamp(56px, 6vw, 82px);
    padding-top: 0;
    border-top: 0;
}

.ief-single-footer--support .ief-support-box {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-top: 0;
    border-top: 0;
}

body.single-post .entry-content.single-page.ief-has-toc-layout > .ief-single-footer--support {
    width: min(var(--ief-layout-width, 1320px), calc(100vw - 30px));
    margin-left: 0;
    margin-right: 0;
    left: 50%;
    transform: translateX(-50%);
}

body.single-post .entry-content.single-page.ief-has-toc-layout > .ief-single-footer--support + .ief-single-footer {
    margin-top: clamp(54px, 5.8vw, 76px);
}

@media (max-width: 900px) {
    body.single-post .entry-content.single-page.ief-has-toc-layout > .ief-single-footer--support {
        width: 100%;
        left: auto;
        transform: none;
    }
}
/* END BLOCK: support box rendered inside centered footer stream in 0.1.64. */

/* BEGIN BLOCK: independent after-content module container added in 0.1.65. */
.ief-after-content-modules {
    box-sizing: border-box;
    display: grid;
    gap: clamp(56px, 6vw, 82px);
    width: min(var(--ief-layout-width, 1320px), calc(100vw - 30px));
    max-width: none;
    margin: clamp(56px, 6vw, 82px) auto 0;
    padding: 0;
    overflow: visible;
}

.ief-after-content-modules > .ief-single-footer {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    left: auto;
    transform: none;
}

.ief-after-content-modules > .ief-single-footer--support {
    margin: 0;
}

.ief-after-content-modules > .ief-single-footer--support .ief-support-box {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-top: 0;
    border-top: 0;
}

@media (max-width: 900px) {
    .ief-after-content-modules {
        width: min(100%, calc(100vw - 30px));
    }
}
/* END BLOCK: independent after-content module container added in 0.1.65. */

/* BEGIN BLOCK: obsolete standalone support CSS removed in 0.1.67. */
/* Support box is now a server-rendered autonomous template component. */
/* END BLOCK: obsolete standalone support CSS removed in 0.1.67. */



/* BEGIN BLOCK: autonomous single-template components added in 0.1.67. */
.ief-template-component {
    box-sizing: border-box;
    clear: both;
    width: min(var(--ief-layout-width, 1320px), calc(100vw - 30px));
    max-width: none;
    margin: clamp(56px, 6vw, 82px) auto 0;
    padding: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    overflow: visible;
}

.ief-template-component-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.ief-template-component > .ief-template-component-inner > .ief-single-footer,
.ief-template-component > .ief-template-component-inner > .ief-support-box {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-top: 0;
    border-top: 0;
    position: relative;
    left: auto;
    transform: none;
}

.ief-template-component--related,
.ief-template-component--latest {
    padding-top: clamp(24px, 4vw, 44px);
    border-top: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
}

.ief-template-component--support + .ief-template-component--related,
.ief-template-component--related + .ief-template-component--latest {
    margin-top: clamp(56px, 6vw, 82px);
}

@media (max-width: 900px) {
    .ief-template-component {
        width: min(100%, calc(100vw - 30px));
        left: auto;
        transform: none;
    }
}
/* END BLOCK: autonomous single-template components added in 0.1.67. */

/* BEGIN BLOCK: editorial archive layout added in 0.1.82. */
.ief-archive-main {
    background: var(--ief-paper, #fff);
}

.ief-archive-hero {
    margin-bottom: clamp(56px, 6vw, 88px);
}

.ief-archive-content-wrap {
    width: min(var(--ief-layout-width, 1320px), calc(100vw - 30px));
    margin: 0 auto clamp(72px, 7vw, 110px);
}

.ief-archive-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: clamp(22px, 3vw, 34px);
}

.ief-archive-section-heading h2 {
    margin: 0;
    color: var(--ief-ink, #171717);
    font-size: clamp(2rem, 4vw, 4.2rem);
    line-height: .95;
    letter-spacing: -.055em;
}

.ief-archive-mosaic {
    margin-bottom: clamp(68px, 7vw, 108px);
}

.ief-archive-mosaic-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    grid-template-rows: repeat(4, minmax(132px, 1fr));
    gap: 16px;
}

.ief-archive-mosaic-card {
    min-height: 150px;
    border-radius: var(--ief-card-radius, 28px);
    overflow: hidden;
    background: var(--ief-ink-strong, #111);
    box-shadow: 0 20px 50px rgb(var(--ief-shadow-rgb, 0 0 0) / .12);
}

.ief-archive-mosaic-card--large {
    grid-row: span 3;
    aspect-ratio: 3 / 2;
}

.ief-archive-mosaic-card:nth-child(n+5) {
    min-height: 230px;
}

.ief-archive-mosaic-card:nth-child(5) {
    grid-column: 1 / span 1;
}

.ief-archive-mosaic-card:nth-child(6),
.ief-archive-mosaic-card:nth-child(7),
.ief-archive-mosaic-card:nth-child(8) {
    grid-column: auto;
}

.ief-archive-mosaic-card:nth-child(n+5) {
    grid-row: 4;
}

.ief-archive-mosaic-card:nth-child(5) {
    grid-column: 1;
}

.ief-archive-mosaic-card:nth-child(6) {
    grid-column: 2;
}

.ief-archive-mosaic-card:nth-child(7),
.ief-archive-mosaic-card:nth-child(8) {
    display: none;
}

.ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) {
    grid-template-columns: 2fr repeat(3, 1fr);
}

.ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(2),
.ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(3),
.ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(4) {
    grid-column: 4;
}

.ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(5),
.ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(6),
.ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(7),
.ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(8) {
    display: block;
    grid-row: 4;
    grid-column: auto;
}

.ief-archive-mosaic-link,
.ief-archive-card-media {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
    color: var(--ief-paper, #fff);
    text-decoration: none;
}

.ief-archive-card-media img,
.ief-archive-card-image-placeholder {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .7s cubic-bezier(.2, .7, .2, 1);
}

.ief-archive-card-image-placeholder {
    background: linear-gradient(135deg, var(--ief-ink-strong, #161616), var(--ief-accent-deepest, #3b0b08) 55%, var(--ief-accent, #da291c));
}

.ief-archive-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(var(--ief-shadow-rgb, 0 0 0) / .72), rgb(var(--ief-shadow-rgb, 0 0 0) / .12) 48%, rgb(var(--ief-shadow-rgb, 0 0 0) / .62));
    opacity: .86;
    transition: opacity .35s ease, background .35s ease;
}

.ief-archive-mosaic-link:hover .ief-archive-card-media img,
.ief-archive-mosaic-link:focus-visible .ief-archive-card-media img {
    transform: scale(1.075);
    filter: saturate(1.05) contrast(1.05);
}

.ief-archive-mosaic-link:hover .ief-archive-card-overlay,
.ief-archive-mosaic-link:focus-visible .ief-archive-card-overlay {
    opacity: 1;
    background: linear-gradient(180deg, rgb(var(--ief-shadow-rgb, 0 0 0) / .84), rgb(var(--ief-shadow-rgb, 0 0 0) / .34) 48%, rgb(var(--ief-shadow-rgb, 0 0 0) / .76));
}

.ief-archive-card-copy {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    padding: clamp(18px, 2.2vw, 32px);
}

.ief-archive-card-date {
    color: rgb(var(--ief-paper-rgb, 255 255 255) / .78);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ief-archive-card-title {
    max-width: 760px;
    color: var(--ief-paper, #fff);
    font-family: var(--ief-font-heading, inherit);
    font-size: clamp(1.05rem, 1.45vw, 1.6rem);
    font-weight: 800;
    line-height: 1.08;
    text-wrap: balance;
}

.ief-archive-mosaic-card--large .ief-archive-card-title {
    font-size: clamp(2rem, 4.5vw, 4.6rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.ief-archive-feed-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ief-archive-feed-card {
    display: grid;
    grid-template-columns: minmax(220px, 34%) minmax(0, 1fr);
    gap: clamp(22px, 3vw, 38px);
    align-items: stretch;
    padding: clamp(16px, 2.4vw, 26px);
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    border-radius: var(--ief-card-radius, 28px);
    background: var(--ief-paper, #fff);
    box-shadow: 0 18px 48px rgb(var(--ief-shadow-rgb, 0 0 0) / .06);
}

.ief-archive-feed-media {
    position: relative;
    overflow: hidden;
    min-height: 230px;
    border-radius: var(--ief-media-radius, 22px);
    background: var(--ief-ink-strong, #111);
}

.ief-archive-feed-media img,
.ief-archive-feed-media .ief-archive-card-image-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.2, .7, .2, 1), filter .55s cubic-bezier(.2, .7, .2, 1);
}

.ief-archive-feed-media:hover img,
.ief-archive-feed-media:focus-visible img {
    transform: scale(1.055);
    filter: brightness(.78) contrast(1.08);
}

.ief-archive-feed-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.ief-archive-feed-copy h3 {
    margin: 10px 0 12px;
    font-size: clamp(1.55rem, 2.6vw, 3.1rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.ief-archive-feed-copy h3 a {
    color: var(--ief-ink, #171717);
    text-decoration: none;
}

.ief-archive-feed-copy h3 a:hover,
.ief-archive-feed-copy h3 a:focus-visible {
    color: var(--ief-accent, #da291c);
}

.ief-archive-feed-copy p {
    max-width: 760px;
    margin: 0 0 20px;
    color: var(--ief-muted, #626262);
    font-size: 1.02rem;
    line-height: 1.7;
}

.ief-archive-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: clamp(36px, 5vw, 60px);
}

.ief-archive-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    border-radius: 999px;
    color: var(--ief-ink, #171717);
    text-decoration: none;
    font-weight: 800;
}

.ief-archive-pagination .page-numbers.current,
.ief-archive-pagination a.page-numbers:hover,
.ief-archive-pagination a.page-numbers:focus-visible {
    border-color: var(--ief-accent, #da291c);
    background: var(--ief-accent, #da291c);
    color: var(--ief-paper, #fff);
}

.ief-archive-empty {
    padding: 32px;
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    border-radius: var(--ief-card-radius, 24px);
    color: var(--ief-muted, #626262);
    background: var(--ief-paper, #fff);
}

@media (max-width: 1100px) {
    .ief-archive-mosaic-grid,
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
    }

    .ief-archive-mosaic-card,
    .ief-archive-mosaic-card--large,
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(n) {
        display: block;
        grid-column: auto;
        grid-row: auto;
        min-height: 260px;
        aspect-ratio: 3 / 2;
    }
}

@media (max-width: 760px) {
    .ief-archive-content-wrap {
        width: min(100%, calc(100vw - 24px));
    }

    .ief-archive-section-heading {
        display: block;
    }

    .ief-archive-mosaic-grid {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .ief-archive-mosaic-card,
    .ief-archive-mosaic-card--large {
        min-height: 280px;
        aspect-ratio: auto;
        border-radius: var(--ief-card-radius, 22px);
    }

    .ief-archive-feed-card {
        grid-template-columns: 1fr;
        border-radius: var(--ief-card-radius, 22px);
    }

    .ief-archive-feed-media {
        min-height: 220px;
    }
}
/* END BLOCK: editorial archive layout added in 0.1.82. */

/* BEGIN BLOCK: archive mosaic geometry correction added in 0.1.82. */
@media (min-width: 1101px) {
    .ief-archive-mosaic-grid,
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(4, minmax(156px, 1fr));
        gap: 16px;
    }

    .ief-archive-mosaic-card,
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(n) {
        display: block;
        grid-column: auto;
        grid-row: auto;
        min-height: 0;
        aspect-ratio: auto;
    }

    .ief-archive-mosaic-card:nth-child(1),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(1) {
        grid-column: 1 / span 3;
        grid-row: 1 / span 3;
        aspect-ratio: 3 / 2;
    }

    .ief-archive-mosaic-card:nth-child(2) { grid-column: 4; grid-row: 1; }
    .ief-archive-mosaic-card:nth-child(3) { grid-column: 4; grid-row: 2; }
    .ief-archive-mosaic-card:nth-child(4) { grid-column: 4; grid-row: 3; }
    .ief-archive-mosaic-card:nth-child(5) { grid-column: 1; grid-row: 4; }
    .ief-archive-mosaic-card:nth-child(6) { grid-column: 2; grid-row: 4; }
    .ief-archive-mosaic-card:nth-child(7) { grid-column: 3; grid-row: 4; }
    .ief-archive-mosaic-card:nth-child(8) { grid-column: 4; grid-row: 4; }
}
/* END BLOCK: archive mosaic geometry correction added in 0.1.82. */

/* BEGIN BLOCK: archive editorial refinements added in 0.1.83. */
.ief-archive-meta-bar .ief-single-meta-inner {
    flex-wrap: wrap;
}

.ief-archive-latest-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ief-archive-latest-link {
    max-width: min(520px, 62vw);
    overflow: hidden;
    color: var(--ief-ink, #171717);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ief-archive-mosaic-card,
.ief-archive-feed-card {
    position: relative;
    border: 1px solid rgb(var(--ief-accent-deep-rgb, 112 0 0) / 0);
    border-radius: var(--ief-card-radius, 14px);
    transition: transform .34s cubic-bezier(.2, .7, .2, 1), box-shadow .34s cubic-bezier(.2, .7, .2, 1), border-color .34s cubic-bezier(.2, .7, .2, 1);
}

.ief-archive-mosaic-card::after,
.ief-archive-feed-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    border: 1px solid var(--ief-accent, #da291c);
    border-radius: inherit;
    opacity: 0;
    transform: scale(.985);
    transition: opacity .34s cubic-bezier(.2, .7, .2, 1), transform .34s cubic-bezier(.2, .7, .2, 1);
}

.ief-archive-mosaic-card:hover,
.ief-archive-mosaic-card:focus-within,
.ief-archive-feed-card:hover,
.ief-archive-feed-card:focus-within {
    transform: translateY(-7px);
    border-color: rgb(var(--ief-accent-deep-rgb, 112 0 0) / .55);
    box-shadow: 0 28px 70px rgb(var(--ief-shadow-rgb, 0 0 0) / .16);
}

.ief-archive-mosaic-card:hover::after,
.ief-archive-mosaic-card:focus-within::after,
.ief-archive-feed-card:hover::after,
.ief-archive-feed-card:focus-within::after {
    opacity: 1;
    transform: scale(1);
}

.ief-archive-feed-media {
    border-radius: var(--ief-media-radius, 8px);
}

.ief-archive-mosaic-link {
    border-radius: inherit;
    overflow: hidden;
}

@media (min-width: 1101px) {
    .ief-archive-mosaic-grid,
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        grid-template-rows: repeat(5, minmax(118px, 1fr));
        gap: 16px;
    }

    .ief-archive-mosaic-card:nth-child(1),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(1) {
        grid-column: 1 / span 7;
        grid-row: 1 / span 3;
        aspect-ratio: 3 / 2;
    }

    .ief-archive-mosaic-card:nth-child(2) { grid-column: 8 / span 5; grid-row: 1; }
    .ief-archive-mosaic-card:nth-child(3) { grid-column: 8 / span 5; grid-row: 2; }
    .ief-archive-mosaic-card:nth-child(4) { grid-column: 8 / span 5; grid-row: 3; }
    .ief-archive-mosaic-card:nth-child(5) { grid-column: 1 / span 3; grid-row: 4 / span 2; }
    .ief-archive-mosaic-card:nth-child(6) { grid-column: 4 / span 3; grid-row: 4 / span 2; }
    .ief-archive-mosaic-card:nth-child(7) { grid-column: 7 / span 3; grid-row: 4 / span 2; }
    .ief-archive-mosaic-card:nth-child(8) { grid-column: 10 / span 3; grid-row: 4 / span 2; }

    .ief-archive-mosaic-card:nth-child(2) .ief-archive-card-copy,
    .ief-archive-mosaic-card:nth-child(3) .ief-archive-card-copy,
    .ief-archive-mosaic-card:nth-child(4) .ief-archive-card-copy {
        padding: 18px;
    }

    .ief-archive-mosaic-card:nth-child(2) .ief-archive-card-title,
    .ief-archive-mosaic-card:nth-child(3) .ief-archive-card-title,
    .ief-archive-mosaic-card:nth-child(4) .ief-archive-card-title {
        font-size: clamp(.98rem, 1.05vw, 1.2rem);
        line-height: 1.05;
    }

    .ief-archive-mosaic-card:nth-child(n+5) .ief-archive-card-title {
        font-size: clamp(1.15rem, 1.35vw, 1.55rem);
    }

    .ief-archive-feed-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .ief-archive-feed-card--primary {
        grid-column: 1 / -1;
        grid-template-columns: minmax(220px, 34%) minmax(0, 1fr);
    }

    .ief-archive-feed-card--compact {
        grid-template-columns: minmax(150px, 38%) minmax(0, 1fr);
        gap: 18px;
        padding: 16px;
    }

    .ief-archive-feed-card--compact .ief-archive-feed-media {
        min-height: 160px;
    }

    .ief-archive-feed-card--compact .ief-archive-feed-copy h3 {
        margin: 8px 0 10px;
        font-size: clamp(1.05rem, 1.35vw, 1.45rem);
        line-height: 1.04;
        letter-spacing: -.035em;
    }

    .ief-archive-feed-card--compact .ief-archive-feed-copy p {
        display: none;
    }
}

@media (max-width: 760px) {
    .ief-archive-mosaic-card,
    .ief-archive-mosaic-card--large,
    .ief-archive-feed-card,
    .ief-archive-empty {
        border-radius: var(--ief-card-radius, 14px);
    }

    .ief-archive-latest-link {
        max-width: 100%;
        white-space: normal;
    }
}
/* END BLOCK: archive editorial refinements added in 0.1.83. */

/* BEGIN BLOCK: archive mosaic editorial correction added in 0.1.84. */
@media (min-width: 1101px) {
    .ief-archive-mosaic-grid,
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) {
        display: grid !important;
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, minmax(148px, 1fr)) repeat(2, minmax(168px, 1fr)) !important;
        grid-auto-flow: row !important;
        gap: 18px !important;
        align-items: stretch !important;
    }

    .ief-archive-mosaic-card,
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(n) {
        display: block !important;
        min-width: 0 !important;
        min-height: 0 !important;
        grid-column: auto !important;
        grid-row: auto !important;
        aspect-ratio: auto !important;
    }

    .ief-archive-mosaic-card:nth-child(1),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(1) {
        grid-column: 1 / span 7 !important;
        grid-row: 1 / span 3 !important;
        aspect-ratio: 3 / 2 !important;
    }

    .ief-archive-mosaic-card:nth-child(2),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(2) {
        grid-column: 8 / span 5 !important;
        grid-row: 1 !important;
    }

    .ief-archive-mosaic-card:nth-child(3),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(3) {
        grid-column: 8 / span 5 !important;
        grid-row: 2 !important;
    }

    .ief-archive-mosaic-card:nth-child(4),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(4) {
        grid-column: 8 / span 5 !important;
        grid-row: 3 !important;
    }

    .ief-archive-mosaic-card:nth-child(5),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(5) {
        grid-column: 1 / span 3 !important;
        grid-row: 4 / span 2 !important;
    }

    .ief-archive-mosaic-card:nth-child(6),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(6) {
        grid-column: 4 / span 3 !important;
        grid-row: 4 / span 2 !important;
    }

    .ief-archive-mosaic-card:nth-child(7),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(7) {
        grid-column: 7 / span 3 !important;
        grid-row: 4 / span 2 !important;
    }

    .ief-archive-mosaic-card:nth-child(8),
    .ief-archive-mosaic-grid:has(.ief-archive-mosaic-card:nth-child(7)) .ief-archive-mosaic-card:nth-child(8) {
        grid-column: 10 / span 3 !important;
        grid-row: 4 / span 2 !important;
    }
}

.ief-archive-mosaic-card {
    border-radius: var(--ief-card-radius, 10px);
    overflow: visible;
}

.ief-archive-mosaic-link,
.ief-archive-card-media {
    border-radius: inherit;
}

.ief-archive-mosaic-link {
    overflow: hidden;
}

.ief-archive-card-copy {
    justify-content: flex-end;
    padding: clamp(22px, 2.4vw, 34px);
}

.ief-archive-card-date {
    position: absolute;
    top: -9px;
    left: 18px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    min-height: 54px;
    padding: 8px 10px;
    border-radius: 0 0 var(--ief-card-radius, 8px) var(--ief-card-radius, 8px);
    background: var(--ief-accent, #da291c);
    color: var(--ief-paper, #fff);
    box-shadow: 0 16px 34px rgb(var(--ief-accent-deep-rgb, 112 0 0) / .28);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1.05;
    text-align: center;
    white-space: normal;
}

.ief-archive-card-title {
    display: -webkit-box;
    overflow: hidden;
    text-shadow: 0 2px 18px rgb(var(--ief-shadow-rgb, 0 0 0) / .38);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ief-archive-mosaic-card--large .ief-archive-card-title {
    -webkit-line-clamp: 5;
}

@media (min-width: 1101px) {
    .ief-archive-mosaic-card:nth-child(2) .ief-archive-card-copy,
    .ief-archive-mosaic-card:nth-child(3) .ief-archive-card-copy,
    .ief-archive-mosaic-card:nth-child(4) .ief-archive-card-copy {
        padding: 20px 22px 18px;
    }

    .ief-archive-mosaic-card:nth-child(2) .ief-archive-card-title,
    .ief-archive-mosaic-card:nth-child(3) .ief-archive-card-title,
    .ief-archive-mosaic-card:nth-child(4) .ief-archive-card-title {
        font-size: clamp(1.18rem, 1.22vw, 1.52rem);
        line-height: 1.02;
        letter-spacing: -.035em;
        -webkit-line-clamp: 2;
    }

    .ief-archive-mosaic-card:nth-child(n+5) .ief-archive-card-title {
        font-size: clamp(1.16rem, 1.35vw, 1.55rem);
        line-height: 1.04;
        -webkit-line-clamp: 3;
    }

    .ief-archive-mosaic-card:nth-child(2) .ief-archive-card-date,
    .ief-archive-mosaic-card:nth-child(3) .ief-archive-card-date,
    .ief-archive-mosaic-card:nth-child(4) .ief-archive-card-date {
        min-width: 68px;
        min-height: 48px;
        font-size: .66rem;
    }
}

@media (max-width: 760px) {
    .ief-archive-card-date {
        top: -7px;
        left: 16px;
        min-width: 70px;
        min-height: 50px;
    }
}
/* END BLOCK: archive mosaic editorial correction added in 0.1.84. */

/* BEGIN BLOCK: archive mosaic structural layout added in 0.1.85. */
.ief-archive-mosaic-layout {
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 2vw, 26px);
}

.ief-archive-mosaic-top {
    display: grid;
    grid-template-columns: minmax(0, 7.2fr) minmax(320px, 3.8fr);
    gap: clamp(18px, 2vw, 26px);
    align-items: stretch;
}

.ief-archive-mosaic-primary,
.ief-archive-mosaic-side-stack,
.ief-archive-mosaic-bottom-grid {
    min-width: 0;
}

.ief-archive-mosaic-primary .ief-archive-mosaic-card {
    height: 100%;
    min-height: clamp(420px, 34vw, 560px);
    aspect-ratio: 3 / 2;
}

.ief-archive-mosaic-side-stack {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 1.4vw, 20px);
}

.ief-archive-mosaic-side-stack .ief-archive-mosaic-card {
    min-height: 0;
    height: 100%;
}

.ief-archive-mosaic-bottom-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 1.6vw, 22px);
}

.ief-archive-mosaic-bottom-grid .ief-archive-mosaic-card {
    min-height: clamp(220px, 17vw, 290px);
}

.ief-archive-mosaic-layout .ief-archive-mosaic-card {
    display: block !important;
    position: relative;
    min-width: 0;
    border-radius: var(--ief-card-radius, 10px);
    overflow: visible;
}

.ief-archive-mosaic-layout .ief-archive-mosaic-link {
    min-height: 100%;
    border-radius: inherit;
    overflow: hidden;
}

.ief-archive-mosaic-layout .ief-archive-card-copy {
    justify-content: flex-end;
    padding: clamp(20px, 2.2vw, 34px);
}

.ief-archive-mosaic-layout .ief-archive-card-date {
    position: absolute;
    top: -9px;
    left: 18px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    min-height: 54px;
    padding: 8px 10px;
    border-radius: 0 0 var(--ief-card-radius, 8px) var(--ief-card-radius, 8px);
    background: var(--ief-accent, #da291c);
    color: var(--ief-paper, #fff);
    box-shadow: 0 16px 34px rgb(var(--ief-accent-deep-rgb, 112 0 0) / .28);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1.05;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
}

.ief-archive-mosaic-layout .ief-archive-card-title {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ief-paper, #fff);
    text-shadow: 0 2px 18px rgb(var(--ief-shadow-rgb, 0 0 0) / .38);
    -webkit-box-orient: vertical;
}

.ief-archive-mosaic-primary .ief-archive-card-title {
    max-width: 92%;
    font-size: clamp(2.2rem, 4.1vw, 4.2rem);
    line-height: .94;
    letter-spacing: -.06em;
    -webkit-line-clamp: 5;
}

.ief-archive-mosaic-side-stack .ief-archive-card-copy {
    padding: 20px 22px 18px;
}

.ief-archive-mosaic-side-stack .ief-archive-card-title {
    max-width: 96%;
    font-size: clamp(1.24rem, 1.35vw, 1.6rem);
    line-height: 1.02;
    letter-spacing: -.035em;
    -webkit-line-clamp: 3;
}

.ief-archive-mosaic-side-stack .ief-archive-card-date {
    min-width: 68px;
    min-height: 48px;
    font-size: .66rem;
}

.ief-archive-mosaic-bottom-grid .ief-archive-card-title {
    max-width: 96%;
    font-size: clamp(1.18rem, 1.35vw, 1.55rem);
    line-height: 1.04;
    letter-spacing: -.035em;
    -webkit-line-clamp: 3;
}

@media (max-width: 1100px) {
    .ief-archive-mosaic-top,
    .ief-archive-mosaic-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ief-archive-mosaic-side-stack {
        grid-template-rows: none;
    }

    .ief-archive-mosaic-primary .ief-archive-mosaic-card,
    .ief-archive-mosaic-side-stack .ief-archive-mosaic-card,
    .ief-archive-mosaic-bottom-grid .ief-archive-mosaic-card {
        min-height: 280px;
        aspect-ratio: 3 / 2;
    }
}

@media (max-width: 760px) {
    .ief-archive-mosaic-top,
    .ief-archive-mosaic-bottom-grid {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .ief-archive-mosaic-primary .ief-archive-mosaic-card,
    .ief-archive-mosaic-side-stack .ief-archive-mosaic-card,
    .ief-archive-mosaic-bottom-grid .ief-archive-mosaic-card {
        min-height: 280px;
        aspect-ratio: auto;
        border-radius: var(--ief-card-radius, 10px);
    }

    .ief-archive-mosaic-layout .ief-archive-card-date {
        top: -7px;
        left: 16px;
        min-width: 70px;
        min-height: 50px;
    }

    .ief-archive-mosaic-primary .ief-archive-card-title,
    .ief-archive-mosaic-side-stack .ief-archive-card-title,
    .ief-archive-mosaic-bottom-grid .ief-archive-card-title {
        font-size: clamp(1.45rem, 8vw, 2.4rem);
        line-height: .98;
        -webkit-line-clamp: 4;
    }
}
/* END BLOCK: archive mosaic structural layout added in 0.1.85. */

/* BEGIN BLOCK: archive mosaic hard layout correction added in 0.1.86. */
@media (min-width: 1101px) {
    .ief-archive-mosaic-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: clamp(18px, 2vw, 26px) !important;
    }

    .ief-archive-mosaic-top {
        display: grid !important;
        grid-template-columns: minmax(0, 7fr) minmax(320px, 3fr) !important;
        gap: clamp(18px, 2vw, 26px) !important;
        align-items: stretch !important;
    }

    .ief-archive-mosaic-primary,
    .ief-archive-mosaic-side-stack,
    .ief-archive-mosaic-bottom-grid {
        min-width: 0 !important;
        width: 100% !important;
    }

    .ief-archive-mosaic-primary {
        display: block !important;
    }

    .ief-archive-mosaic-primary > .ief-archive-mosaic-card {
        display: block !important;
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        height: 100% !important;
        min-height: clamp(390px, 31vw, 500px) !important;
        aspect-ratio: 3 / 2 !important;
    }

    .ief-archive-mosaic-side-stack {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(14px, 1.4vw, 18px) !important;
        align-items: stretch !important;
    }

    .ief-archive-mosaic-side-stack > .ief-archive-mosaic-card,
    .ief-archive-mosaic-side-stack > .ief-archive-mosaic-card:nth-child(n) {
        display: block !important;
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
    }

    .ief-archive-mosaic-bottom-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(16px, 1.6vw, 22px) !important;
        align-items: stretch !important;
    }

    .ief-archive-mosaic-bottom-grid > .ief-archive-mosaic-card,
    .ief-archive-mosaic-bottom-grid > .ief-archive-mosaic-card:nth-child(n) {
        display: block !important;
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        min-height: clamp(220px, 17vw, 290px) !important;
        aspect-ratio: 3 / 2 !important;
    }

    .ief-archive-mosaic-layout .ief-archive-mosaic-card,
    .ief-archive-mosaic-layout .ief-archive-mosaic-card:nth-child(n) {
        position: relative !important;
        overflow: visible !important;
        border-radius: var(--ief-card-radius, 10px) !important;
    }

    .ief-archive-mosaic-layout .ief-archive-mosaic-link {
        position: relative !important;
        display: flex !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: hidden !important;
        border-radius: inherit !important;
    }

    .ief-archive-mosaic-layout .ief-archive-card-media,
    .ief-archive-mosaic-layout .ief-archive-card-media img,
    .ief-archive-mosaic-layout .ief-archive-card-image-placeholder {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .ief-archive-mosaic-layout .ief-archive-card-copy {
        position: relative !important;
        z-index: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        min-height: 100% !important;
    }

    .ief-archive-mosaic-side-stack .ief-archive-card-copy {
        padding: 22px 22px 18px !important;
    }

    .ief-archive-mosaic-side-stack .ief-archive-card-title {
        font-size: clamp(1.05rem, 1.08vw, 1.34rem) !important;
        line-height: 1.04 !important;
        letter-spacing: -.035em !important;
        -webkit-line-clamp: 3 !important;
    }

    .ief-archive-mosaic-bottom-grid .ief-archive-card-title {
        font-size: clamp(1.12rem, 1.24vw, 1.42rem) !important;
        line-height: 1.04 !important;
        -webkit-line-clamp: 3 !important;
    }

    .ief-archive-mosaic-primary .ief-archive-card-title {
        font-size: clamp(2rem, 3.35vw, 3.7rem) !important;
        line-height: .95 !important;
        -webkit-line-clamp: 5 !important;
    }
}

.ief-archive-mosaic-layout .ief-archive-card-date {
    top: -8px !important;
    left: 16px !important;
    min-width: 74px !important;
    min-height: 50px !important;
    padding: 7px 9px !important;
    border-radius: 0 0 var(--ief-card-radius, 7px) var(--ief-card-radius, 7px) !important;
    background: var(--ief-accent, #da291c) !important;
    color: var(--ief-paper, #fff) !important;
    font-size: .68rem !important;
    font-weight: 900 !important;
    letter-spacing: .055em !important;
    line-height: 1.05 !important;
}
/* END BLOCK: archive mosaic hard layout correction added in 0.1.86. */

/* BEGIN BLOCK: author archive profile layout added in 0.1.87. */
.ief-author-main .ief-archive-content-wrap {
    margin-top: 0;
}

.ief-author-hero .ief-single-hero-inner {
    align-items: center;
}

.ief-author-role {
    max-width: 760px;
    margin: -6px 0 22px;
    color: var(--ief-accent, #da291c);
    font-size: clamp(1.05rem, 1.55vw, 1.35rem);
    font-weight: 900;
    letter-spacing: .02em;
}

.ief-author-hero-image {
    overflow: hidden;
    border-radius: var(--ief-media-radius, 10px);
    background: var(--ief-ink-strong, #111);
}

.ief-author-hero-img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: clamp(420px, 42vw, 640px);
    object-fit: cover;
}

.ief-author-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.ief-author-social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    border-radius: 999px;
    color: var(--ief-ink, #171717);
    font-size: .84rem;
    font-weight: 900;
    text-decoration: none;
    transition: color .24s ease, background .24s ease, border-color .24s ease, transform .24s ease;
}

.ief-author-social-links a:hover,
.ief-author-social-links a:focus-visible {
    border-color: var(--ief-accent, #da291c);
    background: var(--ief-accent, #da291c);
    color: var(--ief-paper, #fff);
    transform: translateY(-2px);
}

.ief-author-topics-meta {
    color: var(--ief-muted, #626262);
}

.ief-author-feed .ief-archive-feed-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ief-author-feed .ief-archive-feed-card,
.ief-author-feed .ief-archive-feed-card--primary,
.ief-author-feed .ief-author-feed-card {
    display: grid;
    grid-template-columns: minmax(230px, 34%) minmax(0, 1fr);
    gap: clamp(22px, 3vw, 38px);
    padding: clamp(16px, 2.4vw, 26px);
}

.ief-author-feed .ief-archive-feed-card .ief-archive-feed-media {
    min-height: 230px;
}

.ief-author-feed .ief-archive-feed-card .ief-archive-feed-copy h3 {
    font-size: clamp(1.55rem, 2.55vw, 3rem);
}

.ief-author-feed .ief-archive-feed-card .ief-archive-feed-copy p {
    display: block;
}

.ief-author-long-bio {
    margin-top: clamp(72px, 7vw, 112px);
    padding: clamp(42px, 5vw, 72px);
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    border-radius: var(--ief-card-radius, 14px);
    background: var(--ief-surface, #f7f3ee);
}

.ief-author-long-bio h2 {
    max-width: 900px;
    margin: 0 0 28px;
    color: var(--ief-ink, #171717);
    font-size: clamp(2.3rem, 4.8vw, 5.4rem);
    line-height: .92;
    letter-spacing: -.06em;
}

.ief-author-long-bio-content {
    max-width: 920px;
    color: var(--ief-ink, #171717);
    font-size: clamp(1.05rem, 1.35vw, 1.24rem);
    line-height: 1.82;
}

.ief-author-long-bio-content p {
    margin: 0 0 1.35em;
}

.ief-author-long-bio-content p:last-child {
    margin-bottom: 0;
}

.ief-author-long-bio-content a {
    color: var(--ief-accent, #da291c);
    font-weight: 800;
}

@media (min-width: 1101px) {
    .ief-author-feed .ief-archive-feed-list {
        display: flex !important;
        flex-direction: column !important;
    }
}

@media (max-width: 760px) {
    .ief-author-hero-img {
        min-height: 320px;
    }

    .ief-author-feed .ief-archive-feed-card,
    .ief-author-feed .ief-archive-feed-card--primary,
    .ief-author-feed .ief-author-feed-card {
        grid-template-columns: 1fr;
    }

    .ief-author-long-bio {
        padding: 28px 22px;
    }
}
/* END BLOCK: author archive profile layout added in 0.1.87. */


/* BEGIN BLOCK: author archive refinements added in 0.1.88. */
.ief-author-hero .ief-author-hero-image {
    padding: 0 clamp(18px, 1.8vw, 28px) clamp(18px, 1.8vw, 28px) 0;
    overflow: visible;
    border-radius: 0;
    background: transparent;
}

.ief-author-hero .ief-author-hero-image .ief-author-hero-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3;
    border-radius: var(--ief-media-radius, 8px);
    object-fit: cover;
    object-position: center top;
}

.ief-author-feed .ief-archive-feed-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.ief-author-feed .ief-archive-feed-card--primary:not(.ief-author-feed-card--compact) {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(230px, 34%) minmax(0, 1fr);
    gap: clamp(22px, 3vw, 38px);
    padding: clamp(16px, 2.4vw, 26px);
}

.ief-author-feed .ief-author-feed-card--compact {
    display: grid !important;
    grid-template-columns: minmax(140px, 34%) minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 14px !important;
}

.ief-author-feed .ief-author-feed-card--compact .ief-archive-feed-media {
    min-height: 132px !important;
    height: 100%;
}

.ief-author-feed .ief-author-feed-card--compact .ief-archive-feed-copy h3 {
    margin-bottom: 8px;
    font-size: clamp(1.05rem, 1.45vw, 1.45rem) !important;
    line-height: 1.02;
    letter-spacing: -.04em;
}

.ief-author-feed .ief-author-feed-card--compact .ief-archive-feed-copy p {
    display: none !important;
}

.ief-author-feed .ief-author-feed-card--compact .ief-meta-row {
    margin-bottom: 7px;
    font-size: .72rem;
}

.ief-author-long-bio {
    overflow: hidden;
}

.ief-author-bio-accordion {
    max-width: 960px;
}

.ief-author-bio-accordion summary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    padding: 0 18px;
    border: 1px solid color-mix(in srgb, var(--ief-accent, #da291c) 32%, transparent);
    border-radius: 999px;
    background: var(--ief-paper, #fff);
    color: var(--ief-ink, #171717);
    font-size: .9rem;
    font-weight: 900;
    letter-spacing: .02em;
    cursor: pointer;
    list-style: none;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, color .24s ease;
}

.ief-author-bio-accordion summary::-webkit-details-marker {
    display: none;
}

.ief-author-bio-accordion summary::after {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--ief-accent, #da291c);
    color: var(--ief-paper, #fff);
    font-size: 1rem;
    line-height: 1;
    transition: transform .24s ease;
}

.ief-author-bio-accordion[open] summary::after {
    content: "−";
    transform: rotate(180deg);
}

.ief-author-bio-accordion summary:hover,
.ief-author-bio-accordion summary:focus-visible {
    border-color: var(--ief-accent, #da291c);
    color: var(--ief-accent, #da291c);
    box-shadow: 0 16px 34px rgb(var(--ief-shadow-rgb, 0 0 0) / .08);
    transform: translateY(-2px);
}

.ief-author-bio-accordion .ief-author-long-bio-content {
    margin-top: 30px;
}

@media (max-width: 900px) {
    .ief-author-feed .ief-archive-feed-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .ief-author-feed .ief-archive-feed-card--primary:not(.ief-author-feed-card--compact),
    .ief-author-feed .ief-author-feed-card--compact {
        grid-template-columns: 1fr !important;
    }

    .ief-author-feed .ief-author-feed-card--compact .ief-archive-feed-media {
        min-height: 220px !important;
    }
}
/* END BLOCK: author archive refinements added in 0.1.88. */

/* BEGIN BLOCK: author biography excerpt refinement added in 0.1.89. */
.ief-author-long-bio-excerpt {
    max-width: 760px;
    margin: 20px 0 28px;
    color: color-mix(in srgb, var(--ief-ink, #171717) 72%, var(--ief-muted-soft, #6f6760));
    font-size: 1.02rem;
    line-height: 1.72;
}

.ief-author-long-bio-excerpt + .ief-author-bio-accordion {
    margin-top: 0;
}

@media (max-width: 700px) {
    .ief-author-long-bio-excerpt {
        font-size: .98rem;
        line-height: 1.64;
    }
}
/* END BLOCK: author biography excerpt refinement added in 0.1.89. */


/* BEGIN BLOCK: granular news ticker shortcode added in 2.0.2. */
.ief-news-ticker {
    --ief-news-ticker-bg: var(--ief-ink-strong, #151515);
    --ief-news-ticker-fg: var(--ief-paper, #fff);
    --ief-news-ticker-muted: rgb(var(--ief-paper-rgb, 255 255 255) / .72);
    --ief-news-ticker-border: rgb(var(--ief-paper-rgb, 255 255 255) / .12);
    --ief-news-ticker-label-bg: color-mix(in srgb, var(--ief-accent, #da291c) 84%, var(--ief-ink-strong, #000));
    --ief-news-ticker-label-fg: var(--ief-paper, #fff);
    --ief-news-ticker-image-size: 30px;
    --ief-news-ticker-border-top-width: 1px;
    --ief-news-ticker-border-top-color: var(--ief-news-ticker-border);
    --ief-news-ticker-border-right-width: 0;
    --ief-news-ticker-border-right-color: var(--ief-news-ticker-border);
    --ief-news-ticker-border-bottom-width: 1px;
    --ief-news-ticker-border-bottom-color: var(--ief-news-ticker-border);
    --ief-news-ticker-border-left-width: 0;
    --ief-news-ticker-border-left-color: var(--ief-news-ticker-border);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: stretch;
    width: 100%;
    min-height: 46px;
    overflow: hidden;
    border-top: var(--ief-news-ticker-border-top-width) solid var(--ief-news-ticker-border-top-color);
    border-right: var(--ief-news-ticker-border-right-width) solid var(--ief-news-ticker-border-right-color);
    border-bottom: var(--ief-news-ticker-border-bottom-width) solid var(--ief-news-ticker-border-bottom-color);
    border-left: var(--ief-news-ticker-border-left-width) solid var(--ief-news-ticker-border-left-color);
    background: var(--ief-news-ticker-bg);
    color: var(--ief-news-ticker-fg);
    font-family: inherit;
}

.ief-news-ticker--red {
    --ief-news-ticker-bg: var(--ief-accent-deep, #790000);
    --ief-news-ticker-fg: var(--ief-paper, #fff);
    --ief-news-ticker-muted: rgb(var(--ief-paper-rgb, 255 255 255) / .78);
    --ief-news-ticker-border: rgb(var(--ief-paper-rgb, 255 255 255) / .18);
}

.ief-news-ticker--light {
    --ief-news-ticker-bg: var(--ief-surface, #f7f3ef);
    --ief-news-ticker-fg: var(--ief-ink-strong, #151515);
    --ief-news-ticker-muted: rgb(var(--ief-ink-rgb, 21 21 21) / .68);
    --ief-news-ticker-border: rgb(var(--ief-ink-rgb, 21 21 21) / .12);
}

.ief-news-ticker-label {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-right: 1px solid color-mix(in srgb, var(--ief-news-ticker-label-fg) 22%, transparent);
    background: var(--ief-news-ticker-label-bg);
    color: var(--ief-news-ticker-label-fg);
    font-size: .72rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
}

.ief-news-ticker-viewport {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
}

.ief-news-ticker-viewport::before,
.ief-news-ticker-viewport::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 42px;
    pointer-events: none;
}

.ief-news-ticker-viewport::before {
    left: 0;
    background: linear-gradient(90deg, var(--ief-news-ticker-bg), transparent);
}

.ief-news-ticker-viewport::after {
    right: 0;
    background: linear-gradient(270deg, var(--ief-news-ticker-bg), transparent);
}

.ief-news-ticker-track {
    display: flex;
    width: max-content;
    min-width: 100%;
    animation: ief-news-ticker-scroll var(--ief-news-ticker-duration, 34s) linear infinite;
    will-change: transform;
}

.ief-news-ticker:hover .ief-news-ticker-track,
.ief-news-ticker:focus-within .ief-news-ticker-track {
    animation-play-state: paused;
}

.ief-news-ticker-set {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: max-content;
}

.ief-news-ticker-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 22px;
    color: var(--ief-news-ticker-fg);
    text-decoration: none !important;
    white-space: nowrap;
}

.ief-news-ticker-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--ief-accent, #da291c);
    transform: translateY(-50%);
}

.ief-news-ticker-title {
    color: currentColor;
    font-size: .9rem;
    font-weight: 780;
    letter-spacing: .01em;
    transition: color .2s ease;
}

.ief-news-ticker-item:hover .ief-news-ticker-title,
.ief-news-ticker-item:focus-visible .ief-news-ticker-title {
    color: var(--ief-accent, #da291c);
}

.ief-news-ticker-media {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--ief-news-ticker-image-size);
    width: var(--ief-news-ticker-image-size);
    height: var(--ief-news-ticker-image-size);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ief-news-ticker-fg) 24%, transparent);
    background: color-mix(in srgb, var(--ief-news-ticker-fg) 8%, transparent);
}

.ief-news-ticker--image-circle .ief-news-ticker-media {
    border-radius: 999px;
}

.ief-news-ticker--image-square .ief-news-ticker-media {
    border-radius: var(--ief-media-radius, 7px);
}

.ief-news-ticker-thumb {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.ief-news-ticker--image-square .ief-news-ticker-media:empty,
.ief-news-ticker--image-circle .ief-news-ticker-media:empty {
    background: radial-gradient(circle at center, var(--ief-accent, #da291c) 0 3px, transparent 4px), color-mix(in srgb, var(--ief-news-ticker-fg) 8%, transparent);
}

@keyframes ief-news-ticker-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ief-news-ticker-track {
        animation: none;
        transform: none;
        flex-wrap: wrap;
        width: 100%;
    }

    .ief-news-ticker-set[aria-hidden="true"] {
        display: none;
    }
}

@media (max-width: 700px) {
    .ief-news-ticker {
        grid-template-columns: 1fr;
    }

    .ief-news-ticker-label {
        justify-content: center;
        min-height: 36px;
        border-right: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--ief-news-ticker-label-fg) 22%, transparent);
    }

    .ief-news-ticker-item {
        min-height: 44px;
        padding: 0 18px;
    }
}
/* END BLOCK: granular news ticker shortcode added in 2.0.2. */


/* BEGIN BLOCK: column background height matching. */
.ief-match-column-background.row,
.ief-match-column-background .row {
    align-items: stretch;
}

.ief-match-column-background.row > .col,
.ief-match-column-background .row > .col {
    display: flex;
}

.ief-match-column-background.row > .col > .col-inner,
.ief-match-column-background .row > .col > .col-inner {
    width: 100%;
}
/* END BLOCK: column background height matching. */


/* v2.2.0: author identity links. */
.ief-single-meta-author > a,
a.ief-card-author { display:inline-flex; align-items:center; gap:10px; color:inherit; text-decoration:none; }
.ief-single-meta-author > a:hover,
.ief-single-meta-author > a:focus-visible,
a.ief-card-author:hover,
a.ief-card-author:focus-visible { color:var(--ief-accent, #da291c); }
.ief-single-meta-author .ief-author-hero-img {
    display: block;
    flex: 0 0 32px;
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

/* v2.4.4: the editorial meta signature replaces Flatsome's duplicate author biography box. */
body.ief-single-header-enabled.single-post .entry-author,
body.ief-single-header-enabled.single-post .author-box,
body.ief-single-header-enabled.single-post .blog-author-box,
body.ief-single-header-enabled.single-post .post-author-box {
    display: none !important;
}

/* ---------------------------------------------------------------------------
 * 3.0.0-alpha.19 — pagine istituzionali
 *
 * Il vestito vero lo mette il tema. Qui c'è solo quel minimo che serve perché
 * i due shortcode non escano come un elenco puntato di sistema: strutture, non
 * decisioni estetiche. Nessun colore, nessun carattere, nessuna dimensione
 * assoluta: tutto in em, così segue la tipografia in cui lo shortcode cade.
 * ------------------------------------------------------------------------ */

.ief-dati-testata { margin: 1.5em 0; }

.ief-dati-testata__riga {
  display: grid;
  grid-template-columns: minmax(12em, 18em) 1fr;
  gap: 0.25em 1.5em;
  padding: 0.6em 0;
  border-top: 1px solid currentColor;
  border-top-color: color-mix(in srgb, currentColor 15%, transparent);
}

.ief-dati-testata__riga:last-child { border-bottom: 1px solid currentColor; border-bottom-color: color-mix(in srgb, currentColor 15%, transparent); }
.ief-dati-testata__etichetta { margin: 0; font-weight: 700; }
.ief-dati-testata__valore { margin: 0; }

@media (max-width: 640px) {
  .ief-dati-testata__riga { grid-template-columns: 1fr; }
}

.ief-redazione { margin: 1.5em 0; padding: 0; list-style: none; }

.ief-redazione__voce {
  display: flex;
  align-items: center;
  gap: 0.9em;
  padding: 0.6em 0;
}

.ief-redazione__immagine {
  flex: 0 0 auto;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  object-fit: cover;
}

.ief-redazione__testo { display: flex; flex-direction: column; min-width: 0; }
.ief-redazione__nome { font-weight: 700; }
.ief-redazione__incarico { font-size: 0.875em; opacity: 0.75; }

/* La nota redazionale la vede solo chi amministra: non deve somigliare al
   contenuto della pagina, altrimenti qualcuno la scambia per testo da leggere. */
.ief-nota-redazionale {
  margin: 1.5em 0;
  padding: 0.9em 1.1em;
  border: 1px dashed currentColor;
  border-color: color-mix(in srgb, currentColor 35%, transparent);
  border-radius: 0.5em;
  font-size: 0.9em;
}

/* ==========================================================================
   LE PAGINE ISTITUZIONALI
   Dalla 3.0.0-alpha.20.

   Un articolo e un documento di consultazione si leggono in due modi diversi.
   L'articolo e' un racconto: si entra dall'alto, la firma conta, condividerlo
   ha senso. La pagina istituzionale e' un documento: ci si arriva con una
   domanda, spesso dal piede o da una ricerca, e si vuole trovare la risposta.

   Tre segnali la distinguono, e lavorano insieme:

   1. la fascia dell'immagine e' larga e bassa invece che alta accanto al
      titolo, e una proporzione diversa si riconosce prima di leggere;
   2. il corpo passa al carattere d'interfaccia, perche' un documento di
      riferimento si legge in un bastone e un racconto in un carattere con le
      grazie. I titoli restano quelli della testata;
   3. l'indice cambia mestiere: non e' piu' un aiuto facoltativo, e' lo
      strumento principale, e sul telefono diventa un sommario apribile.

   Il colore compare due volte sole, nel distintivo e nelle ancore, perche' la
   gerarchia si fa con le proporzioni. Gli angoli sono vivi ovunque: il raggio
   lo detta il tema e su questa testata e' zero.
   ========================================================================== */

/* --------------------------------------------------------- il contenitore */

.ief-pagina {
    --ief-pagina-superficie: var(--ief-reference-surface, var(--ief-surface, #f7f3ef));
    --ief-pagina-accento: var(--ief-reference-accent, var(--ief-accent-deep, var(--ief-accent, #700000)));
    --ief-pagina-bordo: var(--ief-border, rgb(0 0 0 / .12));
    --ief-pagina-tenue: var(--ief-muted, #626262);
    --ief-pagina-indice-larghezza: 300px;
    --ief-pagina-gronda: clamp(32px, 4vw, 64px);
    --ief-pagina-lettura: var(--ief-readable, 44rem);
    --ief-pagina-appiccicato: 118px;

    width: 100%;
    max-width: none;
    margin: 0;
}

/*
 * IL TITOLO DEL TEMA, QUANDO IL TEMA NON LO SA ANCORA.
 *
 * Il modo giusto e' che `page.php` chieda `ief_pagina_ha_testatina()` e non
 * stampi il proprio H1: e' il tema a decidere del proprio markup. Ma i due
 * pacchetti si installano in due momenti diversi, e fra l'uno e l'altro la
 * pagina mostrerebbe due titoli. Questa regola copre quella finestra e non fa
 * danno quando il tema e' aggiornato, perche' allora quell'H1 non esiste.
 */
body.ief-pagina-impianto .in-post > h1,
body.ief-pagina-impianto .entry-title:not(.ief-pagina-titolo),
body.ief-pagina-impianto .page-title:not(.ief-pagina-titolo) {
    display: none;
}

/* ------------------------------------------------ la fascia dell'immagine */

/*
 * Larga e bassa. L'altezza e' un `clamp` e non una proporzione fissa perche'
 * una proporzione fissa su uno schermo da 1320 produce una fascia alta quanto
 * mezzo schermo, e questa non e' la copertina di un reportage.
 */
.ief-pagina-fascia-immagine {
    margin: 0 0 clamp(24px, 3vw, 40px);
    background: var(--ief-pagina-superficie);
    overflow: hidden;
}

.ief-pagina-fascia-immagine img,
.ief-pagina-immagine {
    display: block;
    width: 100%;
    height: clamp(170px, 22vw, 340px);
    object-fit: cover;
    object-position: center;
    border-radius: var(--ief-media-radius, 0);
}

/* ------------------------------------------------------------ la testatina */

.ief-pagina-testatina {
    background: var(--ief-pagina-superficie);
    padding: clamp(28px, 4vw, 52px) clamp(24px, 4vw, 56px);
    border-radius: var(--ief-card-radius, 0);

    /* Anche la testatina e' documento, quindi anche qui il carattere
     * d'interfaccia. Solo il titolo resta della testata: un lead con le grazie
     * sopra un corpo senza grazie fa cambiare carattere al lettore due volte in
     * mezzo schermo, e si sente. */
    font-family: var(--ief-font-reference, inherit);
}

.ief-pagina-testatina-dentro {
    max-width: 52rem;
}

/*
 * IL DISTINTIVO.
 *
 * Un colore solo e rettangolare, per due ragioni scritte altrove e che vale la
 * pena ripetere qui: la gerarchia si fa con le proporzioni e non con i colori,
 * quindi tre colori di famiglia lavorerebbero contro la testata; e il raggio
 * dichiarato dal tema e' zero ovunque, quindi una pillola sarebbe la prima cosa
 * tonda del giornale. A distinguere le famiglie e' la parola.
 */
.ief-pagina-distintivo {
    display: flex;
    align-items: center;
    gap: .55em;
    margin: 0 0 clamp(14px, 1.6vw, 20px);
    font-family: var(--ief-font-reference, inherit);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ief-pagina-accento);
}

.ief-pagina-distintivo-segno {
    display: block;
    width: .62em;
    height: .62em;
    background: currentColor;
    flex: none;
}

/* Il nome con cui la pagina sta nel registro e nei menu: un'etichetta, non un
 * titolo, quindi sta sopra e sta piccola. */
.ief-pagina-etichetta {
    margin: 0 0 .35em;
    font-family: var(--ief-font-reference, inherit);
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ief-pagina-tenue);
}

.ief-pagina-titolo {
    margin: 0;
    font-family: var(--ief-font-heading, inherit);
    font-size: clamp(1.9rem, 1.2rem + 2.2vw, 3rem);
    line-height: 1.12;
    font-weight: 600;
    letter-spacing: -.015em;
    text-wrap: balance;
    color: var(--ief-ink, #171717);
}

.ief-pagina-testatina .ief-pagina-lead {
    margin: clamp(16px, 2vw, 24px) 0 0;
    max-width: 44rem;
    font-size: clamp(1.14rem, 1.35vw, 1.35rem);
    line-height: 1.68;
    color: var(--ief-ink, #171717);
}

/* --------------------------------------------------- briciole e data */

.ief-pagina-briciole {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45em;
    margin-top: clamp(20px, 2.4vw, 30px);
    font-family: var(--ief-font-reference, inherit);
    font-size: .8125rem;
    line-height: 1.5;
    color: var(--ief-pagina-tenue);
}

.ief-pagina-briciole a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.ief-pagina-briciole a:hover,
.ief-pagina-briciole a:focus-visible {
    color: var(--ief-pagina-accento);
    border-bottom-color: currentColor;
}

.ief-pagina-briciole strong {
    font-weight: 600;
    color: var(--ief-ink, #171717);
}

.ief-pagina-data {
    margin: .7em 0 0;
    font-family: var(--ief-font-reference, inherit);
    font-size: .8125rem;
    color: var(--ief-pagina-tenue);
}

.ief-pagina-data-etichetta {
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: .72rem;
}

/* ------------------------------------------------------------- la griglia */

/*
 * Tre celle e due righe: l'indice in alto a sinistra, il testo a destra su
 * tutte e due le righe, le sorelle sotto l'indice. Cosi' l'ordine nel codice —
 * indice, testo, sorelle — e' gia' l'ordine giusto sul telefono, dove la
 * griglia diventa una colonna sola e non serve spostare niente.
 */
.ief-pagina-griglia {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(28px, 3.5vw, 44px);
    margin-top: clamp(32px, 4vw, 56px);
    align-items: start;

    /*
     * Lo stesso rientro della testatina, per due ragioni. La prima e' che cosi'
     * l'indice e il testo partono dalla stessa verticale del titolo, invece di
     * scivolare a sinistra di mezzo centimetro: una pagina di documenti si
     * riconosce da questo genere di allineamenti. La seconda e' che sul telefono
     * il contenitore del tema lascia quindici pixel per lato, che sono pochi:
     * qui il testo trova il suo margine e non tocca il bordo dello schermo.
     */
    padding-inline: clamp(24px, 4vw, 56px);
}

.ief-pagina-colonna {
    min-width: 0;
    max-width: var(--ief-pagina-lettura);
}

/*
 * IL CORPO PASSA AL CARATTERE D'INTERFACCIA.
 *
 * E' il segnale piu' forte dei tre e costa una riga, perche' la famiglia e'
 * gia' caricata dal tema. I titoli restano quelli della testata: cambiare anche
 * quelli farebbe sembrare la pagina un pezzo di un altro sito.
 */
.ief-pagina-colonna {
    font-family: var(--ief-font-reference, inherit);
}

.ief-pagina-colonna :is(h2, h3, h4, h5, h6) {
    font-family: var(--ief-font-heading, inherit);
}

.ief-pagina-colonna > :first-child {
    margin-top: 0;
}

.ief-pagina-colonna :is(h2, h3) {
    scroll-margin-top: calc(var(--ief-pagina-appiccicato) + 16px);
}

/* L'ancora accanto al titolo: una pagina di consultazione si cita per sezioni,
 * e senza un indirizzo per la sezione si cita l'intera pagina. Compare
 * all'avvicinarsi del puntatore e sempre con la tastiera. */
.ief-pagina-ancora {
    margin-left: .4em;
    font-family: var(--ief-font-reference, inherit);
    font-size: .6em;
    font-weight: 600;
    text-decoration: none;
    color: var(--ief-pagina-accento);
    opacity: 0;
    transition: opacity .15s ease;
}

:is(h2, h3):hover > .ief-pagina-ancora,
.ief-pagina-ancora:focus-visible {
    opacity: 1;
}

/* ------------------------------------------------------------- le tabelle */

/*
 * Nessuna classe da ricordare. Una tabella dentro la colonna e' una tabella di
 * un documento, e si veste da sola: e' il motivo per cui la classe inventata a
 * mano nei primi testi non serve piu' e va tolta.
 */
.ief-pagina-colonna table {
    width: 100%;
    border-collapse: collapse;
    margin: clamp(20px, 2.4vw, 32px) 0;
    font-size: .94em;
    line-height: 1.55;

    /*
     * Scorre la tabella, non la pagina. Su un telefono una tabella di tre
     * colonne non ci sta, e senza questa riga e' la pagina intera a scorrere di
     * lato: il lettore se ne accorge sul testo, che gli scappa, e non capisce
     * perche'. Misurato: 404 pixel di tabella dentro una colonna da 312.
     */
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.ief-pagina-colonna :is(th, td) {
    padding: .7em .9em;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--ief-pagina-bordo);
}

.ief-pagina-colonna thead th {
    font-family: var(--ief-font-reference, inherit);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ief-pagina-tenue);
    border-bottom: 2px solid var(--ief-ink, #171717);
}

.ief-pagina-colonna tbody tr:last-child :is(th, td) {
    border-bottom: 1px solid var(--ief-pagina-bordo);
}

.ief-pagina-colonna code {
    font-size: .88em;
    padding: .1em .35em;
    background: var(--ief-pagina-superficie);
    border: 1px solid var(--ief-pagina-bordo);
}

/* --------------------------------------------------------------- l'indice */

/*
 * L'INDICE E' QUELLO DEGLI ARTICOLI. PUNTO.
 *
 * Nella alpha.20 qui c'era un indice rivestito da capo: fondo trasparente,
 * bordi sotto le voci, caratteri d'interfaccia, numeri propri. Sembrava
 * ordinato e invece era un secondo indice, diverso da quello che il lettore
 * vede in ogni articolo. Due componenti che fanno la stessa cosa e si vestono
 * in due modi sono due componenti da mantenere, e il giorno che si ritocca
 * quello degli articoli questo resta indietro.
 *
 * Fa fede quello degli articoli, e qui non si ridisegna niente: si mettono solo
 * le due misure che servono perche' stia dentro una colonna invece che accanto
 * a un testo.
 *
 * IL DIFETTO CHE NE E' USCITO, E CHE VALE LA PENA RICORDARE. Le voci mostravano
 * tutte «00». `counter-increment` e' una proprieta' sola: dichiarandone uno
 * proprio sulle stesse voci si sostituiva quello dell'indice vero, che quindi
 * non avanzava mai e stampava zero. Un contatore CSS non si affianca, si
 * sostituisce — ed e' un modo silenzioso di rompere un componente altrui.
 */

.ief-pagina-colonna-indice {
    min-width: 0;
}

/* Le stesse due normalizzazioni che l'articolo mette con `.ief-toc-column`: la
 * scheda riempie la colonna e non porta il proprio margine, perche' la
 * distanza dall'alto la decide la griglia. */
.ief-pagina-indice .ief-toc {
    max-width: none;
    margin: 0;
}

/*
 * IL SOMMARIO APRIBILE ESISTE SOLO SUL TELEFONO.
 *
 * Su schermo largo la riga di apertura sparisce del tutto e l'indice mostra il
 * proprio titolo: da li' in poi e' identico a quello di un articolo, stessa
 * scheda, stessi numeri, stesso colore.
 *
 * Sul telefono, dove una colonna appiccicata non esiste e queste pagine sono
 * lunghissime, la riga compare e l'indice si richiude. Il titolo dentro la
 * scheda si nasconde, perche' altrimenti la stessa parola comparirebbe due
 * volte a tre millimetri di distanza.
 */
.ief-pagina-indice-apertura {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    margin: 0 0 12px;
    cursor: pointer;
    list-style: none;
    color: var(--ief-accent, #da291c);
    font-family: var(--ief-font-heading, inherit);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    line-height: 1.25;
    text-transform: uppercase;
}

.ief-pagina-indice-apertura::-webkit-details-marker { display: none; }

.ief-pagina-indice-apertura::after {
    content: "";
    width: .5em;
    height: .5em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translate(-.1em, -.1em);
    transition: transform .18s ease;
    flex: none;
}

.ief-pagina-indice[open] > .ief-pagina-indice-apertura::after {
    transform: rotate(-135deg) translate(-.2em, -.2em);
}

.ief-pagina-indice[open] > .ief-pagina-indice-apertura {
    margin-bottom: 12px;
}

/* Sul telefono comanda la riga di apertura, quindi il titolo dentro la scheda
 * si toglie. */
@media (max-width: 61.99rem) {
    .ief-pagina-indice .ief-toc-title {
        display: none;
    }
}

/* --------------------------------------------------------- le sorelle */

/*
 * Le altre pagine della stessa famiglia. E' il pezzo per cui il registro e'
 * stato costruito: si compone da solo, e chi arriva sui Termini d'uso vede da
 * li' le altre legali invece di dover tornare al piede.
 */
.ief-pagina-sorelle {
    border-top: 1px solid var(--ief-pagina-bordo);
    padding-top: var(--ief-gap, 16px);
}

.ief-pagina-sorelle-titolo {
    margin: 0 0 .5em;
    font-family: var(--ief-font-reference, inherit);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ief-pagina-tenue);
}

.ief-pagina-sorelle-elenco {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ief-pagina-sorelle-elenco a {
    display: block;
    padding: .42em 0;
    font-family: var(--ief-font-reference, inherit);
    font-size: .875rem;
    line-height: 1.4;
    text-decoration: none;
    color: var(--ief-ink, #171717);
}

.ief-pagina-sorelle-elenco a:hover,
.ief-pagina-sorelle-elenco a:focus-visible {
    color: var(--ief-pagina-accento);
}

/* ------------------------------------------------------- lo schermo largo */

@media (min-width: 62rem) {
    .ief-pagina-griglia {
        grid-template-columns: var(--ief-pagina-indice-larghezza) minmax(0, 1fr);

        /*
         * La prima riga vale quanto l'indice e non di piu'. Senza questa riga
         * le due righe si dividono l'altezza del testo, che su una pagina
         * lunga e' tanta, e le pagine sorelle finiscono a meta' colonna
         * circondate dal vuoto: misurato, comparivano al settanta per cento
         * dell'altezza. Cosi' invece stanno subito sotto l'indice.
         */
        grid-template-rows: max-content 1fr;
        column-gap: var(--ief-pagina-gronda);
        row-gap: clamp(28px, 3vw, 40px);
    }

    .ief-pagina-colonna-indice {
        grid-column: 1;
        grid-row: 1;
        position: sticky;
        top: var(--ief-pagina-appiccicato);
        align-self: start;
        height: max-content;
    }

    .admin-bar .ief-pagina-colonna-indice {
        top: calc(var(--ief-pagina-appiccicato) + 32px);
    }

    .ief-pagina-colonna {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .ief-pagina-sorelle {
        grid-column: 1;
        grid-row: 2;
    }

    /* Su schermo largo il sommario non e' un sommario: e' un elenco sempre
     * aperto. La riga che lo apre sparisce e resta il titolo dell'indice vero,
     * quello che si vede negli articoli. */
    .ief-pagina-indice-apertura {
        display: none;
    }
}

/* ----------------------------------------------------------- la stampa */

/*
 * Queste pagine finiscono in PDF molto piu' degli articoli: chi salva una
 * privacy policy lo fa per averne una copia con una data sopra. Quindi via
 * l'indice e le sorelle, che su carta non si cliccano, e l'indirizzo dei
 * collegamenti stampato accanto al testo, perche' su carta un collegamento
 * senza indirizzo e' una parola sottolineata e basta.
 */
@media print {
    .ief-pagina-colonna-indice,
    .ief-pagina-sorelle,
    .ief-pagina-fascia-immagine,
    .ief-pagina-ancora {
        display: none !important;
    }

    .ief-pagina-testatina {
        background: none;
        padding: 0 0 1.5em;
        border-bottom: 1pt solid #000;
    }

    .ief-pagina-griglia {
        display: block;
        margin-top: 1.5em;
        padding-inline: 0;
    }

    .ief-pagina-colonna {
        max-width: none;
    }

    .ief-pagina-colonna a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: .82em;
        word-break: break-all;
    }

    .ief-pagina-colonna :is(h2, h3) {
        break-after: avoid;
    }

    .ief-pagina-colonna :is(table, tr, li) {
        break-inside: avoid;
    }
}

/* BEGIN BLOCK: «Continua a leggere» nella hero autore (3.0.0-alpha.34). */
.ief-author-bio-more {
    color: var(--ief-accent, #da291c);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: .18em;
    white-space: nowrap;
}
.ief-author-bio-more:hover,
.ief-author-bio-more:focus-visible { text-decoration-thickness: 2px; }
/* L'ancora non deve finire sotto la testata fissa. */
#chi-e { scroll-margin-top: 120px; }
/* END BLOCK: «Continua a leggere» nella hero autore. */

/* BEGIN BLOCK: testata delle sezioni e approfondimento, alpha.43. */
/* Il colore della sezione arriva come --ief-accent sulla testata
 * (iaf_accent_color della Foundation); senza colore vale quello del tema. */
.ief-archive-hero--sezione .ief-single-hero-inner {
    border-top: 6px solid var(--ief-accent, #700000);
    padding-top: clamp(28px, 3.4vw, 48px);
}

.ief-archive-hero--sezione .ief-kicker {
    color: var(--ief-accent, #700000);
}

.ief-archive-subtitle {
    margin: clamp(14px, 1.6vw, 20px) 0 0;
    color: var(--ief-ink, #171717);
    font-size: clamp(1.12rem, 1.45vw, 1.42rem);
    font-style: italic;
    line-height: 1.4;
    text-wrap: pretty;
}

.ief-archive-stato {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 18px 0 0;
    padding: 6px 14px;
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.14));
    border-radius: 999px;
    color: var(--ief-muted, #626262);
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
}

.ief-archive-stato::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    opacity: .6;
}

.ief-archive-intro p {
    color: color-mix(in srgb, var(--ief-ink, #171717) 78%, var(--ief-muted, #626262));
}

/* La copertina e' una grafica della sezione: niente bianco e nero, niente
 * ritaglio, proporzione 16:9 come i file prodotti. La cornice ad angolo
 * resta quella della testata e prende il colore della sezione. */
.ief-archive-cover img,
.ief-archive-cover .ief-archive-cover-img {
    aspect-ratio: 16 / 9;
    filter: none;
    object-fit: cover;
}

.ief-archive-cover:hover img,
.ief-archive-cover:focus-within img {
    filter: none;
}

.ief-archive-approfondimento {
    margin-top: clamp(64px, 6vw, 100px);
    padding: clamp(36px, 4.4vw, 64px);
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.12));
    border-top: 6px solid var(--ief-accent, #700000);
    border-radius: var(--ief-card-radius, 14px);
    background: var(--ief-surface, #f7f3ee);
}

.ief-archive-approfondimento .ief-kicker {
    color: var(--ief-accent, #700000);
}

.ief-archive-approfondimento h2 {
    margin: 14px 0 26px;
    color: var(--ief-ink, #171717);
    font-size: clamp(1.9rem, 3.4vw, 3.4rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.ief-archive-approfondimento-testo {
    position: relative;
    max-width: 860px;
    color: var(--ief-ink, #171717);
    font-size: clamp(1.04rem, 1.3vw, 1.2rem);
    line-height: 1.78;
}

.ief-archive-approfondimento-testo p {
    margin: 0 0 1.2em;
}

.ief-archive-approfondimento-testo p:last-child {
    margin-bottom: 0;
}

/* Prime righe: la chiusura la mette il JavaScript, cosi' senza script il
 * testo resta tutto leggibile. */
.ief-archive-approfondimento-testo.is-chiuso {
    max-height: calc(1.78em * 4);
    overflow: hidden;
}

.ief-archive-approfondimento-testo.is-chiuso::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.4em;
    background: linear-gradient(to bottom, transparent, var(--ief-surface, #f7f3ee));
    pointer-events: none;
}

.ief-archive-approfondimento-apri {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    margin-top: 24px;
    padding: 0 18px;
    border: 1px solid color-mix(in srgb, var(--ief-accent, #700000) 32%, transparent);
    border-radius: 999px;
    background: var(--ief-paper, #fff);
    color: var(--ief-ink, #171717);
    font: inherit;
    font-size: .9rem;
    font-weight: 900;
    letter-spacing: .02em;
    cursor: pointer;
}

.ief-archive-approfondimento-apri:hover,
.ief-archive-approfondimento-apri:focus-visible {
    border-color: var(--ief-accent, #700000);
    color: var(--ief-accent, #700000);
}

.ief-archive-approfondimento-apri[hidden] {
    display: none;
}

@media (max-width: 760px) {
    .ief-archive-approfondimento {
        padding: 28px 22px;
    }
}
/* END BLOCK: testata delle sezioni e approfondimento, alpha.43. */

/* BEGIN BLOCK: le serie, alpha.45. */
/* Il colore e' quello della serie (iaf_accent_color), passato come
 * --ief-serie-colore; senza, il grafite che nel Workspace e' il colore delle
 * serie. Tutto il resto viene dai token del tema. */

/* La riga sopra il titolo della puntata: «Serie · nome · Parte 3 di 7». */
.ief-serie-segno {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    margin: 10px 0 18px;
    font-family: var(--ief-font-reference, inherit);
    font-size: .82rem;
    line-height: 1.4;
}

.ief-serie-segno-tipo {
    padding: 2px 8px;
    border-radius: 3px;
    background: var(--ief-serie-colore, #4B5565);
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ief-serie-segno-nome {
    color: var(--ief-serie-colore, #4B5565);
    font-weight: 700;
    text-decoration: none;
}

.ief-serie-segno-nome:hover,
.ief-serie-segno-nome:focus-visible {
    text-decoration: underline;
}

.ief-serie-segno-parte {
    color: var(--ief-muted, #626262);
    font-weight: 600;
}

.ief-serie-segno-parte::before {
    content: "·";
    margin-right: 10px;
    color: var(--ief-border, rgba(0, 0, 0, 0.3));
}

/* Il blocco delle puntate sotto l'articolo. */
.ief-serie {
    border-top: 6px solid var(--ief-serie-colore, #4B5565);
    padding-top: clamp(24px, 3vw, 40px);
}

.ief-serie .ief-kicker {
    color: var(--ief-serie-colore, #4B5565);
}

.ief-serie-titolo {
    margin: 6px 0 0;
    font-family: var(--ief-font-heading, inherit);
    font-size: clamp(1.6rem, 2.6vw, 2.25rem);
    line-height: 1.15;
}

.ief-serie-titolo a {
    color: var(--ief-ink, #171717);
    text-decoration: none;
}

.ief-serie-titolo a:hover,
.ief-serie-titolo a:focus-visible {
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.ief-serie-stato {
    margin: 8px 0 0;
    color: var(--ief-muted, #626262);
    font-family: var(--ief-font-reference, inherit);
    font-size: .9rem;
}

/* Il passo successivo: due riquadri, la precedente a sinistra e la
 * successiva a destra. La successiva e' piu' evidente: e' quella che si cerca. */
.ief-serie-passi {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: clamp(20px, 2.4vw, 32px);
}

.ief-serie-passo {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px 20px;
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.14));
    color: var(--ief-ink, #171717);
    text-decoration: none;
    transition: border-color 200ms ease, background-color 200ms ease;
}

.ief-serie-passo--dopo {
    grid-column: 2;
    text-align: right;
    border-color: var(--ief-serie-colore, #4B5565);
}

.ief-serie-passo:hover,
.ief-serie-passo:focus-visible {
    border-color: var(--ief-serie-colore, #4B5565);
    background: color-mix(in srgb, var(--ief-serie-colore, #4B5565) 6%, transparent);
}

.ief-serie-passo-etichetta {
    color: var(--ief-serie-colore, #4B5565);
    font-family: var(--ief-font-reference, inherit);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ief-serie-passo-titolo {
    font-family: var(--ief-font-heading, inherit);
    font-size: 1.1rem;
    line-height: 1.3;
}

/* L'indice: numero, titolo, data. La puntata che si sta leggendo e' segnata
 * con il colore della serie e non e' un collegamento. */
.ief-serie-elenco {
    list-style: none;
    margin: clamp(20px, 2.4vw, 32px) 0 0;
    padding: 0;
    border-top: 1px solid var(--ief-border, rgba(0, 0, 0, 0.14));
}

.ief-serie-puntata {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--ief-border, rgba(0, 0, 0, 0.14));
}

.ief-serie-puntata-numero {
    color: var(--ief-muted, #626262);
    font-family: var(--ief-font-reference, inherit);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-variant-numeric: tabular-nums;
}

.ief-serie-puntata-titolo {
    color: var(--ief-ink, #171717);
    font-family: var(--ief-font-heading, inherit);
    font-size: 1.08rem;
    line-height: 1.35;
    text-decoration: none;
}

a.ief-serie-puntata-titolo:hover,
a.ief-serie-puntata-titolo:focus-visible {
    text-decoration: underline;
}

.ief-serie-puntata-nota {
    color: var(--ief-muted, #626262);
    font-family: var(--ief-font-reference, inherit);
    font-size: .8rem;
    white-space: nowrap;
}

.ief-serie-puntata.is-corrente {
    box-shadow: inset 4px 0 0 var(--ief-serie-colore, #4B5565);
    padding-left: 16px;
    background: color-mix(in srgb, var(--ief-serie-colore, #4B5565) 5%, transparent);
}

.ief-serie-puntata.is-corrente .ief-serie-puntata-numero,
.ief-serie-puntata.is-corrente .ief-serie-puntata-nota {
    color: var(--ief-serie-colore, #4B5565);
}

.ief-serie-puntata.is-corrente .ief-serie-puntata-titolo {
    font-weight: 600;
}

/* Nell'archivio della serie, il numero della puntata sulla scheda e
 * l'occhiello dell'elenco prendono il colore della serie. */
.ief-archive-feed--serie .ief-archive-section-heading .ief-kicker {
    color: var(--ief-accent, #4B5565);
}

.ief-archive-feed-card--puntata .ief-serie-parte {
    color: var(--ief-accent, #4B5565);
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

@media (max-width: 680px) {
    .ief-serie-passi {
        grid-template-columns: 1fr;
    }

    .ief-serie-passo--dopo {
        grid-column: auto;
        grid-row: 1;
    }

    .ief-serie-puntata {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* END BLOCK: le serie, alpha.45. */

/* alpha.45: una serie senza colore proprio prende il grafite delle serie,
 * non il rosso del giornale. */
.ief-archive-hero--series .ief-single-hero-inner {
    border-top-color: var(--ief-accent, #4B5565);
}

.ief-archive-hero--series .ief-kicker {
    color: var(--ief-accent, #4B5565);
}

/* BEGIN BLOCK: l'indice delle serie, alpha.46. */
/* Al posto della copertina, i tre numeri dell'indice. */
.ief-indice-serie-numeri {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    align-self: center;
    border-top: 6px solid var(--ief-accent, #3D4451);
    border-bottom: 1px solid var(--ief-border, rgba(0, 0, 0, 0.14));
}

.ief-indice-serie-numeri p {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 26px 18px 22px;
    border-left: 1px solid var(--ief-border, rgba(0, 0, 0, 0.14));
}

.ief-indice-serie-numeri p:first-child {
    border-left: 0;
    padding-left: 0;
}

.ief-indice-serie-numeri strong {
    font-family: var(--ief-font-heading, inherit);
    font-size: clamp(2.4rem, 4vw, 3.6rem);
    font-weight: 600;
    line-height: 1;
    color: var(--ief-ink, #171717);
    font-variant-numeric: tabular-nums;
}

.ief-indice-serie-numeri span {
    font-family: var(--ief-font-reference, inherit);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ief-muted, #626262);
}

.ief-indice-serie-hero .ief-single-hero-inner {
    border-top-color: var(--ief-accent, #3D4451);
}

/* L'indice ha il grafite delle serie, non il rosso del giornale: e' passato
 * nello stile della testata come --ief-accent. */
.ief-indice-serie .ief-archive-section-heading .ief-kicker {
    color: var(--ief-accent, #3D4451);
}

/* La ricerca: compare solo oltre una pagina di serie. */
.ief-indice-serie-cerca {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin: 0 0 28px;
    font-family: var(--ief-font-reference, inherit);
}

.ief-indice-serie-cerca label {
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ief-indice-serie-cerca input[type="search"] {
    flex: 1 1 18rem;
    min-width: 0;
    padding: 10px 14px;
    border: 1px solid var(--ief-border, rgba(0, 0, 0, 0.24));
    font: inherit;
}

.ief-indice-serie-cerca button {
    padding: 10px 20px;
    border: 0;
    background: var(--ief-ink, #171717);
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

/* Le schede: copertina sopra, poi stato, nome, firma, sottotitolo, e il
 * collegamento alla prima puntata. */
.ief-indice-serie-griglia {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
    gap: clamp(20px, 2.4vw, 32px);
}

.ief-indice-serie-scheda {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-top: 4px solid var(--ief-serie-colore, #3D4451);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.ief-indice-serie-copertina {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--ief-reference-surface, #f3efe7);
}

.ief-indice-serie-copertina img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: none;
}

/* Una serie ancora senza copertina: un riquadro di carta, non il segnaposto
 * scuro degli articoli, che qui riempirebbe la scheda. */
.ief-indice-serie-copertina .ief-archive-card-image-placeholder {
    position: absolute;
    inset: 0;
    display: block;
    width: auto;
    height: auto;
    min-height: 0;
    background: var(--ief-reference-surface, #f3efe7);
}

.ief-indice-serie-corpo {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    padding: 20px 22px 24px;
}

.ief-indice-serie-stato {
    margin: 0;
    color: var(--ief-muted, #626262);
    font-family: var(--ief-font-reference, inherit);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ief-indice-serie-scheda.is-in-corso .ief-indice-serie-stato {
    color: var(--ief-serie-colore, #3D4451);
}

.ief-indice-serie-scheda.is-in-corso .ief-indice-serie-stato::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    background: #a10e0e;
    vertical-align: 1px;
}

.ief-indice-serie-scheda h3 {
    margin: 0;
    font-family: var(--ief-font-heading, inherit);
    font-size: 1.45rem;
    line-height: 1.15;
}

.ief-indice-serie-scheda h3 a {
    color: var(--ief-ink, #171717);
    text-decoration: none;
}

.ief-indice-serie-scheda h3 a:hover,
.ief-indice-serie-scheda h3 a:focus-visible {
    text-decoration: underline;
}

.ief-indice-serie-firma {
    margin: 0;
    font-family: var(--ief-font-heading, inherit);
    font-style: italic;
    color: var(--ief-ink, #171717);
}

.ief-indice-serie-sottotitolo {
    margin: 0;
    color: var(--ief-muted, #626262);
    font-size: .95rem;
    line-height: 1.45;
}

.ief-indice-serie-prima {
    margin-top: auto;
    padding-top: 10px;
}

@media (max-width: 680px) {
    .ief-indice-serie-numeri p {
        padding: 18px 10px 16px;
    }
}
/* END BLOCK: l'indice delle serie, alpha.46. */

/* alpha.49: sulla sezione corrente basta il filetto a sinistra; la
 * sottolineatura dell'elemento attivo resta per le sottosezioni. */
.ief-toc-item.is-qui > a.is-active::after {
    opacity: 0;
}