/* ========================================================
   TEMPLATE-POESIA — "Verso" · Libre Baskerville
   Discrete title + left tight verse (flush left) + shared mono footer nav.
   Uniform 800px column. Faces are .ttf for now — convert Regular + SemiBold to woff2 for production.
   (Movidos para a raiz de _src/fonts em 2026-07-30; o %20 da pasta antiga desapareceu com eles.)
   ======================================================== */

@font-face {
    font-family: 'Libre Baskerville';
    src: url('/_src/fonts/libre-baskerville-400-latin.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Libre Baskerville';
    src: url('/_src/fonts/libre-baskerville-600-latin.woff2') format('woff2');
    font-weight: 600; font-style: normal; font-display: swap;
}

* { box-sizing: border-box; }
html, body { margin: 0; background: #fafaf8; color: #1b1a17; }
.frame-center { margin: 0; }   /* base.css sets 5px; its top margin collapsed out as a strip */

/* discrete title */
header {
    font-family: "Libre Baskerville", Georgia, serif;
    font-weight: 600; text-transform: uppercase;
    font-size: clamp(27px, 4.5vw, 34px); letter-spacing: 0.05em; line-height: 1.2;
    text-align: center; padding: 82px 0 46px;
}

/* verse — left, tight, flush. (The 1em hanging indent was removed 2026-07-25: with <br>
   line breaks only the block's FIRST line took the negative text-indent, so it hung 1em to
   the left of every following line instead of the wrapped lines tucking in.) */
main { max-width: 800px; margin: 0 auto; padding: 0 18px; }
p {
    font-family: "Libre Baskerville", Georgia, serif;
    text-align: left; line-height: 1.55; margin: 0 0 0.55em;
    font-size: clamp(21px, 3.4vw, 26px);
}

/* epígrafe — linha de dedicatória antes do verso. Antes era um nó de texto SOLTO dentro do
   <main>: caía na serifa por omissão do browser a 16px, encostada a um poema a 21–26px.
   Subordinada ao verso de propósito — ajustar se se quiser outro tratamento. */
p.epigrafe {
    font-size: clamp(15px, 2vw, 17px); font-style: italic;
    color: #75736f; margin: 0 0 2.2em; line-height: 1.5;
}

/* footer nav — shared mockup treatment (2026-07-25), same as the Caprichos › Ensaios pages:
   right-aligned, CADERNO ↑ stacked above the próximo piece's TITLE →. Mono, uppercase, wide
   tracking, muted. Aligned to the body column (not the page edge) so it tracks the verse. */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('/_src/fonts/jetbrains-mono-variable-latin.woff2') format('woff2');
    font-weight: 100 800; font-style: normal; font-display: swap;
}
footer { max-width: 800px; margin: 0 auto; padding: 111px 18px 120px;
   /* #39 (2026-08-09): +15px de distância ao texto, pedido do dono para TODO o sítio. */ }
/* NAV DO RODAPÉ CENTRADA — 2026-08-09, decisão do dono, para TODO o blog ("crossing all articles").
   ⚠️ REVERTE a FORMA fixada a 2026-07-25 pelo mockup dele: "alinhada à direita, duas linhas
   empilhadas". A regra fica reescrita em RULES.md e no README, riscada com a decisão nova por
   baixo — não contrariada em silêncio. */
footer.art-nav {
    text-align: center;
    /* espelha a face do CORPO da peça — regra do dono, 2026-08-07. Era JetBrains Mono, que é a
       voz do shell; a nav de uma peça fala com a voz da peça. A Prosa já fazia isto desde
       Julho. O tamanho, a caixa alta e o tracking ficam como estavam, iguais aos da Prosa. */
    font-family: "Libre Baskerville", Georgia, serif;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .18em;
    line-height: 2.05;
    color: #75736f;
}
footer.art-nav .art-nav-line { display: block; }
footer.art-nav a { color: inherit; text-decoration: none; }
footer.art-nav .art-arrow { margin-left: .15em; letter-spacing: 0; display: inline-block; }

/* #44 — A NAV DO RODAPÉ, DO TABLET PARA CIMA (2026-08-09, pedido do dono).
   Os mesmos dois números da Prosa, pela mesma razão e com a mesma guarda de largura: mais 25px de
   distância ao texto (o #39 já dera +15 e não chegou no tablet) e +6px entre as duas linhas da
   nav. Ver a nota longa no fim de template-prosa.css.
   ⚠️ Só ≥641px: o telemóvel já foi visto e aprovado como está. */
@media (min-width: 641px) {
    footer          { padding-top: 136px; }
    footer.art-nav  { line-height: 2.45; }

    /* #50 (2026-08-10) — mais ar por cima do título, à altura da Prosa. O dono: «on tablet and
       above, poesia's templates and articles need more space on the top, it should be in line
       with the start for Prosas title», e depois de ver as quatro hipóteses: «should be similar
       to Prosa 133».
       Medido: na Prosa o título começa aos 133px (o <header> a 5px do .frame-left mais os 8rem
       de padding do <h1>); aqui começava aos 82. São os mesmos 133 em qualquer largura, porque
       nenhum dos dois valores depende da janela.
       Só ≥641px: ele disse «tablet and above» e o telemóvel já está visto e aprovado. */
    header { padding-top: 133px; }
}