/*
 * «Archivo del blog» (TASK-2055) — host layer, hand-written. The canvas CSS lives in assets/generated/archive.css.
 * Body class eoba-page is added only where the archive template renders.
 */
/* The archive spans the viewport exactly (same frame fix as the blog home, eobh-host.css). */
.eoba-page .page-container:has(#eoba) { padding-left: 0 !important; padding-right: 0 !important; }
.eoba-page #primary:has(#eoba), .eoba-page .page-content:has(#eoba) { margin: 0 !important; padding: 0 !important; max-width: none !important; width: auto !important; }

/* Ohio prints a 108 px header cap (white) on archive views to clear its fixed header; the archive header already
   reserves that room in its own padding (measured live 2026-10-24: a white band above the navy header). */
.eoba-page #content > .header-cap { display: none !important; }

/* Ohio's demo chrome never shows on the archive: colour switcher, social rail, decorative cursor, floating search. */
.eoba-page .color-switcher,
.eoba-page .social-bar,
.eoba-page .circle-cursor,
.eoba-page .elements-bar,
.eoba-page .search-global.fixed { display: none !important; }

/* TASK-2056 — Glitch archive: the subscription is the blog home's pill (Growth Forms inline_pill), in white with the
   Glitch logo (canvas version 79). Tone and alignment are the host's (`--ghf-inline-*`); the renderer keeps the rest. */
#eoba greenhouse-form.eo-inline-pill { --ghf-font: 'Poppins', system-ui, sans-serif; --ghf-inline-align: flex-start; --ghf-inline-note-align: left; display: block; width: 480px; max-width: 100%; }
#eoba greenhouse-form.eo-inline-pill--white { --ghf-inline-width-idle: 284px; --ghf-inline-tone: #ffffff; --ghf-inline-tone-hover: #e6edf3; --ghf-inline-tone-active: #cfe4fa; --ghf-inline-on-tone: #001a33; }
#eoba greenhouse-form.eo-inline-pill > a.ghf-fallback { margin: 0; }
/* The renderer stretches the pill under a 480 px container; at rest the canvas pill hugs its label: with the real form
   the band splits in halves, so the pill's column is wider than 480 px from 1100 px up. */
@media (min-width: 1100px) { #eoba .gl-sub__c:has(greenhouse-form) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 767px) { #eoba greenhouse-form.eo-inline-pill { width: 100%; } }