/*
Theme Name: Apocrifa Child
Description: GeneratePress child for Antiquity & Absurdity Literary Society. Colors and typography are configured in the Customizer; only scoped decoration lives here.
Author: Antiquity & Absurdity Literary Society
Template: generatepress
Version: 1.6.0
Text Domain: apocrifa-child
*/

/* GeneratePress loads this stylesheet once, after its own styles.
   No imports, PHP overrides, duplicate parent styles or !important rules.
   Palette: Appearance > Customize > Colors > Global Colors.
   Typography: Appearance > Customize > Typography.
*/

/* Header/navigation/footer rules not provided by native layout controls. */
.site-header,
.main-navigation {
    border-bottom: 2px solid var(--apocrifa-gold);
}
.site-footer {
    border-top: 2px solid var(--apocrifa-gold);
}

/* Active-item weight/underline are configured in native Typography.
   current-menu-parent/current-post-parent cover single posts: the menu item of the
   post category must look active too (bold AND underlined), not just bold. */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current-menu-parent > a,
.main-navigation .current-post-parent > a,
.main-navigation .current-post-ancestor > a {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--apocrifa-gold);
}

/* The Polylang switcher is a menu item too: never show it as the active page. */
.main-navigation .pll-parent-menu-item > a {
    text-decoration: none;
}

/* Blockquote decoration, scoped to article/page content. */
.entry-content blockquote {
    background: var(--apocrifa-quote-background);
    border-left: 4px solid var(--apocrifa-ink);
    color: var(--apocrifa-quote-text);
    padding: 15px 22px;
    margin: 22px 0;
}

/* Search-only appearance: native Forms controls would also change Contact. */
.search-form .search-field {
    background: var(--apocrifa-night-deep);
    border: 1px solid var(--apocrifa-search-border);
    color: var(--apocrifa-search-text);
    border-radius: 12px;
    padding: 6px 12px;
}

/* Recent-post block only; do not recolor links in unrelated widgets. */
.wp-block-latest-posts {
    list-style: none;
    margin: 0;
}
.wp-block-latest-posts li {
    padding: 9px 0;
    border-bottom: 1px dotted var(--apocrifa-list-border);
}
.wp-block-latest-posts a {
    color: var(--apocrifa-list-text);
}
.wp-block-latest-posts a:hover {
    color: var(--apocrifa-list-hover);
}
.wp-block-latest-posts__post-date {
    display: block;
    color: var(--apocrifa-list-date);
    margin-top: 3px;
}

/* Keep wide comparison tables inside the mobile article column. */
@media (max-width: 768px) {
    .entry-content table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }
}

/* Reference layout: native settings control fonts, colors, padding,
   thumbnail dimensions, excerpt length and sidebar width. */
:is(.blog, .archive) .site-main article > .inside-article {
    border-radius: 14px;
    box-shadow: 0 6px 20px rgb(0 0 0 / 6%);
}
.sidebar .widget {
    border-radius: 12px;
    box-shadow: 0 6px 20px rgb(0 0 0 / 6%);
}
:is(.blog, .archive) .entry-summary .read-more-container {
    margin-top: 18px;
    text-align: right;
}
:is(.blog, .archive) .entry-summary .read-more {
    padding: 8px 13px;
    border-radius: 7px;
}
/* Links are dark blue with no underline, so the underline returns on hover
   to keep them recognisable inside dark text. */
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.entry-meta a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* The sidebar field must fit the longer oracle placeholder. */
.sidebar .wp-block-search__input {
    font-size: 13px;
    padding: 7px 9px;
}
.sidebar .wp-block-search__button {
    padding: 6px 14px;
}

/* Light relief on buttons: no native box-shadow control. */
button,
input[type="submit"],
.button,
a.button,
.wp-block-search__button,
.read-more {
    box-shadow: 0 2px 5px rgb(7 22 32 / 28%);
}
button:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover,
.wp-block-search__button:hover,
.read-more:hover {
    box-shadow: 0 1px 3px rgb(7 22 32 / 34%);
}
.sidebar .wp-block-latest-posts li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
/* Native floats cannot reserve a separate column for the excerpt.
   This enhancement follows native Below Title + Left image settings. */
:is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: 22px;
    row-gap: 16px;
    align-items: start;
}
:is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image)::before,
:is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image)::after {
    content: none;
}
:is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) > .entry-header {
    grid-column: 1;
    grid-row: 1;
}
:is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article > .post-image {
    grid-column: 1;
    grid-row: 2;
    float: none;
    margin: 0;
}
:is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) > .entry-summary {
    grid-column: 1;
    grid-row: 3;
    margin-top: 0;
    min-width: 0;
}
:is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) > .entry-meta {
    grid-column: 1;
    grid-row: 4;
    margin-top: 0;
}
/* Reference layout: photo on the left beside title, meta and excerpt. */
@media (min-width: 769px) {
    :is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) {
        grid-template-columns: minmax(200px, 38%) minmax(0, 1fr);
    }
    :is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article > .post-image {
        grid-column: 1;
        grid-row: 1 / span 3;
    }
    :is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) > .entry-header,
    :is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) > .entry-summary,
    :is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) > .entry-meta {
        grid-column: 2;
    }
    :is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) > .entry-header { grid-row: 1; }
    :is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) > .entry-summary { grid-row: 2; }
    :is(.blog, .archive).post-image-below-header.post-image-aligned-left .site-main .inside-article:has(> .post-image) > .entry-meta { grid-row: 3; }
}

/* Date and category on one line under the title: no native control for this.
   GeneratePress hides meta icons inside the entry header, so re-enable them here. */
.entry-header .entry-meta .gp-icon {
    display: inline-flex;
    margin-right: 0;
}
.entry-header .entry-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin-top: 7px;
}
.entry-header .entry-meta .posted-on,
.entry-header .entry-meta .cat-links {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}
.entry-header .entry-meta .icon-date svg {
    display: block;
}
.entry-header .entry-meta .cat-prefix {
    text-transform: lowercase;
    letter-spacing: 0;
    opacity: 0.8;
}

:is(.blog, .archive) .post-image img {
    border-radius: 9px;
}
/* Fluid thumbnails: native image controls only offer fixed pixel crops. */
:is(.blog, .archive) .site-main .post-image img {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
}
/* Stacked cards: the thumbnail fills the column as before. */
@media (max-width: 768px) {
    :is(.blog, .archive) .site-main .post-image img {
        max-width: 100%;
    }
}

/* Cards of the same height on every listing: home, categories, tags, authors.
   The picture starts at the same line in every card: the taller ones are cut at
   the bottom, the shorter ones keep their size and are never enlarged. */
:is(.blog, .archive) .site-main .post-image {
    height: 323px;              /* 323 = tallest text column: every card lands on 377px */
    overflow: hidden;
}
:is(.blog, .archive) .site-main .post-image img {
    width: 100%;
    max-height: 100%;           /* the tall ones are cut, the short ones are left alone */
    object-fit: cover;
    object-position: top;
    display: block;
}
@media (max-width: 768px) {
    :is(.blog, .archive) .site-main .post-image {
        height: auto;
        aspect-ratio: 3 / 2;    /* 346 x 231 on a phone */
    }
}

/* ---- Language switcher inside the header, right of the site title ---- */
.inside-header {
    position: relative;
}
.apocrifa-topbar__inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}
.apocrifa-lang {
    position: relative;
}
.apocrifa-lang__current {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 4px;
    color: #f4efe4;
    cursor: pointer;
    list-style: none;
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 1;
}
.apocrifa-lang__current::-webkit-details-marker {
    display: none;
}
.apocrifa-lang__globe {
    color: var(--apocrifa-gold);
}
.apocrifa-lang__code {
    font-weight: 700;
}
.apocrifa-lang__caret {
    font-size: 11px;
    color: var(--apocrifa-logo-tone);
}
.apocrifa-lang:hover .apocrifa-lang__current,
.apocrifa-lang[open] .apocrifa-lang__current {
    color: var(--apocrifa-gold);
}
.apocrifa-lang__list {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 120;
    margin: 0;
    padding: 5px 0;
    min-width: 205px;
    list-style: none;
    font-size: 15px;
    background: #f4efe4;
    border: 1px solid #d9d2c2;
    border-radius: 3px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
.apocrifa-lang__item a {
    display: flex;
    gap: 12px;
    padding: 8px 16px;
    color: #2a2f35;
    text-decoration: none;
}
.apocrifa-lang__item a:hover,
.apocrifa-lang__item a:focus {
    background: rgba(201, 162, 75, 0.18);
    color: #11323e;
}
.apocrifa-lang__item.is-current a {
    background: rgba(201, 162, 75, 0.18);
}
.apocrifa-lang__abbr {
    min-width: 28px;
    font-weight: 700;
    color: #163a5f;
}
/* On phones the branding stacks: keep the switcher pinned top right. */
@media (max-width: 768px) {
    .apocrifa-topbar__inner {
        position: absolute;
        top: 8px;
        right: 10px;
        margin: 0;
    }
    .site-branding-container {
        padding-right: 54px;
    }
}

/* ---- Indicator bar under the post title ---- */
.apocrifa-ind {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 26px;
    margin: 6px 0 0;
    padding: 8px 0;
    clear: both;
    border-top: 1px solid #d9d2c2;
    border-bottom: 1px solid #d9d2c2;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.apocrifa-ind__item {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
}
.apocrifa-ind__time {
    flex-direction: row;
    align-items: center;
    align-self: center;
    gap: 6px;
    color: #2a2f35;
}
.apocrifa-ind__clock {
    color: var(--apocrifa-ink);
}
.apocrifa-ind__key {
    display: block;
    margin-bottom: 4px;
    color: #5b6670;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1;
}
.apocrifa-ind__value {
    font-size: 13px;
    font-weight: 600;
    color: #2a2f35;
    line-height: 1;
}
.apocrifa-ind__gauge {
    display: inline-flex;
    align-items: flex-end;
    gap: 4px;
    height: 15px;
}
.apocrifa-ind__gauge i {
    display: inline-block;
    width: 5px;
    border-radius: 1px;
    background: #ddd4bd;
}
.apocrifa-ind__gauge i.is-on {
    background: var(--apocrifa-gold);
}
.apocrifa-ind__gauge i:nth-child(1) { height: 7px; }
.apocrifa-ind__gauge i:nth-child(2) { height: 9.5px; }
.apocrifa-ind__gauge i:nth-child(3) { height: 12px; }
.apocrifa-ind__gauge i:nth-child(4) { height: 15px; }
@media (max-width: 480px) {
    .apocrifa-ind {
        gap: 18px;
    }
}

/* Tighter spacing around the featured image on single posts. */
.single .featured-image.page-header-image-single {
    margin-top: 10px;
    margin-bottom: 10px;
}
body.post-image-aligned-right .featured-image.page-header-image-single {
    margin-left: 24px;
}
.single .entry-content > :first-child {
    margin-top: 12px;
}
/* Single views and stand-alone pages: the ivory blocks that frame content carry the same
   corners the listing cards already have, so the article body stops being the only square
   block on the page. Nothing inside reaches the edges - the closing band has a border-top,
   the gauge bar is transparent - so no overflow clip here; add one only if an align-wide
   image ever becomes the first or last child of the block. */
:is(.single, .page, .search, .error404) .site-main :is(.inside-article, .comments-area, .paging-navigation) {
    border-radius: 14px;
}
/* Wording under the satire gauge. */
.apocrifa-ind__sub {
    display: block;
    margin-top: 5px;
    color: #5b6670;
    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.2;
}

/* ---- Footnotes, encyclopaedia style ---- */
.apocrifa-notes-title {
    margin: 30px 0 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d9d2c2;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    font-weight: 400;
    color: #11323e;
}
.entry-content ol.wp-block-footnotes {
    margin: 0;
    padding-left: 1.5em;
    font-size: 0.82em;
    line-height: 1.5;
    color: #39424a;
}
.entry-content ol.wp-block-footnotes li {
    margin-bottom: 5px;
    padding-left: 2px;
}
.entry-content ol.wp-block-footnotes li::marker {
    color: #5b6670;
}
.apocrifa-note-ref {
    font-style: italic;
}
.entry-content ol.wp-block-footnotes a {
    text-decoration: none;
}

/* Slightly tighter paragraph rhythm. */
.entry-content p,
.page-content p {
    margin-bottom: 1.15em;
}

/* Footnote markers: bold number in the text, discreet arrow back from the note. */
.entry-content sup.fn a {
    font-weight: 700;
    text-decoration: none;
}
.entry-content ol.wp-block-footnotes li > a[href*="-link"] {
    margin-left: 4px;
    font-weight: 700;
    text-decoration: none;
}

/* ---------------------------------------------------------------------------
   End of article: share, tags, continue with. Added 09/10/2026.
   The Altervista share widget is hidden here: delete the first rule to get it
   back (Facebook, X, Pinterest with brand colours).
   --------------------------------------------------------------------------- */
.av-social-share {
    display: none;
}

.apocrifa-end {
    margin-top: 2.2em;
}
.apocrifa-end__row,
.apocrifa-end__block {
    border-top: 1px solid var(--apocrifa-gold);
    padding-top: 0.9em;
    margin-top: 1.4em;
}
.apocrifa-end__label {
    display: block;
    font-size: 0.72em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.75;
    margin-bottom: 0.7em;
}

/* Share row: label left, buttons right, stacked on narrow screens. */
.apocrifa-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6em;
}
.apocrifa-share .apocrifa-end__label {
    margin-bottom: 0;
}
.apocrifa-share__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4em;
}
.apocrifa-btn {
    display: inline-block;
    border: 1px solid var(--apocrifa-gold);
    background: none;
    border-radius: 2px;
    padding: 0.32em 0.85em;
    font-size: 0.82em;
    font-family: inherit;
    line-height: 1.6;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.apocrifa-btn:hover,
.apocrifa-btn:focus-visible {
    background: var(--apocrifa-gold);
    color: var(--apocrifa-night-deep);
}
.apocrifa-copy.is-copied {
    background: var(--apocrifa-gold);
    color: var(--apocrifa-night-deep);
}

/* Tag pills. */
.apocrifa-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4em;
}
.apocrifa-tag {
    display: inline-block;
    border: 1px solid var(--apocrifa-list-border, #d9d2c2);
    border-radius: 12px;
    padding: 0.22em 0.75em;
    font-size: 0.8em;
    line-height: 1.7;
    text-decoration: none;
}
.apocrifa-tag:hover,
.apocrifa-tag:focus-visible {
    border-color: var(--apocrifa-gold);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.apocrifa-tags__more {
    display: inline;
}
.apocrifa-tags__more summary {
    display: inline-block;
    font-size: 0.8em;
    opacity: 0.75;
    cursor: pointer;
    padding: 0.22em 0.4em;
}
.apocrifa-tags__more[open] summary {
    display: none;
}
.apocrifa-tags__rest {
    display: contents;
}

/* Continue with. */
.apocrifa-next {
    display: flex;
    gap: 1em;
    align-items: flex-start;
    text-decoration: none;
}
.apocrifa-next__media {
    flex: 0 0 96px;
    width: 96px;
}
.apocrifa-next__media img {
    display: block;
    width: 100%;
    height: auto;
}
.apocrifa-next__text {
    display: block;
}
.apocrifa-next__title {
    display: block;
    font-size: 1.1em;
    line-height: 1.35;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.apocrifa-next__excerpt {
    display: block;
    margin-top: 0.35em;
    font-size: 0.9em;
    line-height: 1.55;
    opacity: 0.82;
    text-decoration: none;
}

@media (max-width: 480px) {
    .apocrifa-next__media {
        flex-basis: 72px;
        width: 72px;
    }
}

/* Image tools: native share + Pinterest, bottom right corner of the image. */
.entry-content .apocrifa-pinnable {
    position: relative;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
}
/* The zoom link holds the image: without display:block it collapses to a
   twenty-pixel strip and the picture, which overflows it, is no longer
   clickable. It applies everywhere, the opening image included. */
.apocrifa-zoom {
    display: block;
    line-height: 0;
    box-shadow: none;
    text-decoration: none;
    max-width: 100%;
}
.apocrifa-imgtools {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    display: flex;
    gap: 6px;
    line-height: 0;
}
.apocrifa-imgbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(86, 92, 100, 0.82);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.apocrifa-imgbtn svg {
    width: 19px;
    height: 19px;
}
.apocrifa-imgbtn:hover,
.apocrifa-imgbtn:focus-visible {
    background: var(--apocrifa-gold);
    color: var(--apocrifa-night-deep, #16212e);
}

/* The native sheet exists on phones only: JS adds is-available where it works. */
.apocrifa-native {
    display: none;
}
.apocrifa-native.is-available {
    display: inline-flex;
}

/* Default widths of the two image slots. The slot keeps the size the layout was designed around
   (300px in the article header, ~294px in the listing card, which the grid already enforces), while
   the uploaded file is free to carry the extra pixels a dense screen needs. No-op on everything
   published today: all 20 featured images are 300px wide, no content image exceeds 700px. */
.single .featured-image.page-header-image-single img {
    width: 300px;
    max-width: 100%;
    height: auto;
}

 /* Postilla: la rubrica del sito, la carta nel laterale destro sopra «Cerca». Il contenitore è un
.widget del tema (bianco, 22 px di respiro, raggio 12, ombra morbida), quindi si allinea da sé agli
altri blocchi. Sopra ha una placca color paglia con il nome della rubrica e sotto la fascia color paglia con
la via per l'archivio: le due fasce fanno paio, e la carta è un oggetto chiaro chiuso fra due nastri. La frase è in Georgia e non è detto che sia una citazione: se è una battuta il
blocco non ha virgolette né bordo, se è una citazione il cite arriva da solo. .apocrifa-postilla--larga
è la stessa carta larga e centrata, per l'articolo o per una pagina: lì il contenitore non c'è, quindi
si dà da sola fondo, ombra e rientri. Le date in coda sono spente di default (le rimette il widget, o
data="1" nello shortcode). */
.apocrifa-postilla {
    position: relative;
    text-align: left;
}
/* Testata: la F, placca color paglia. La D (fascia #0b1f2a con le lettere #f4efe4, i due colori di
   .site-header) era montata e reggeva sulla carta bianca, ma non sul sito: il fondo pagina è
   body{background-color:#0b1f2a}, lo stesso blu della fascia, quindi il bordo superiore della carta
   spariva e l'avorio sembrava fuori dal riquadro. Qui la placca prende il #f7f2e6 della fascia in coda
   e le lettere #0b1f2a dell'intestazione al rovescio: su qualunque fondo la carta resta un rettangolo
   chiaro con due nastri. Le maiuscole sono spaziate come le etichette degli altri blocchi del laterale,
   il capello d'oro da 2 px sotto è lo stesso che sta sopra l'intestazione e sopra il piè di pagina.
   Le altre prove (G nome nudo, H occhiello, I D cerchiata d'oro, L fascia avorio col sigillo) restano in
   blog/anteprime/postilla-testata-su-scuro.html: è questa regola sola che si scambia. */
.apocrifa-postilla__nastro {
    margin: -22px -22px 15px;
    padding: 9px 16px 8px;
    background: #f7f2e6;
    border-bottom: 2px solid var(--apocrifa-gold);
    border-radius: 12px 12px 0 0;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #0b1f2a;
}
/* Un hashtag è una parola sola e lunga: nella sidebar il testo della carta ha ~206 px (container
   1120, sidebar 26 %, 22 px di respiro per parte) e «#MancavanoSoloNoveAnniEUnCavalloImbottitoDiAchei»
   di caratteri ne conta 47, che a 17 px di Georgia fanno ~400. Senza questo la carta si sfonda e il
   blog va in scroll orizzontale; con break-word l'hashtag si spezza dove serve, come fa il web. */
.apocrifa-postilla__frase {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.52;
    overflow-wrap: break-word;
    word-break: normal;
}
.apocrifa-postilla__frase > * {
    margin: 0 0 10px;
}
.apocrifa-postilla__frase > *:last-child {
    margin-bottom: 0;
}
.apocrifa-postilla .wp-block-quote,
.apocrifa-postilla blockquote {
    background: none;
    border-left: 0;
    margin: 0 0 10px;
    padding: 0;
    font-size: inherit;
}
.apocrifa-postilla .wp-block-quote p,
.apocrifa-postilla blockquote p {
    margin: 0 0 8px;
}
.apocrifa-postilla cite {
    display: block;
    margin-top: 9px;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 11.5px;
    font-style: normal;
    letter-spacing: 0.04em;
    color: #6c6152;
}
.apocrifa-postilla__coda {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 15px -22px -22px;
    padding: 9px 22px;
    background: #f7f2e6;
    border-top: 1px dotted #d9d2c2;
    border-radius: 0 0 12px 12px;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 10.5px;
    line-height: 1.3;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.apocrifa-postilla__coda a {
    color: #7a6a3f;
    text-decoration: none;
    border-bottom: 1px solid rgba(201, 162, 75, 0.55);
}
.apocrifa-postilla__coda a:hover,
.apocrifa-postilla__coda a:focus-visible {
    color: var(--apocrifa-ink);
    border-bottom-color: var(--apocrifa-gold);
}
.apocrifa-postilla__coda time {
    color: #9a8f79;
    white-space: nowrap;
}
.apocrifa-postilla--larga {
    clear: both;
    max-width: 470px;
    margin: 46px auto 8px;
    padding-bottom: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgb(0 0 0 / 6%);
}
.apocrifa-postilla--larga .apocrifa-postilla__nastro {
    margin: 0 0 15px;
    border-radius: 12px 12px 0 0;
}
.apocrifa-postilla--larga .apocrifa-postilla__frase {
    padding: 0 22px;
}
.apocrifa-postilla--larga .apocrifa-postilla__coda {
    margin: 15px 0 0;
}
@media (max-width: 768px) {
    .apocrifa-postilla--larga {
        max-width: none;
        margin-top: 30px;
    }
    .apocrifa-postilla__frase {
        font-size: 16.5px;
    }
}