/* The text at the foot of the catalogue and category pages (owner, 2026-11-15): every word stays, fully visible, but
   smaller, quieter and in columns, so it reads as a tidy footnote rather than a long page to scroll. */
.barami-listing-text .barami-content {
    max-width: 1120px !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    letter-spacing: 0 !important;
    color: #5f6166 !important;
}
.barami-listing-text { padding-top: 8px; padding-bottom: 8px; }

.barami-guide,
.barami-faq {
    max-width: 1120px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #5f6166;
}
.barami-guide :is(h2, h3),
.barami-faq :is(h2, h3) {
    font-size: 15px !important;
    line-height: 1.4 !important;
    letter-spacing: .02em !important;
    font-weight: 500 !important;
    color: #1a1a1a;
    margin: 0 0 6px !important;
}
.barami-guide > h2:first-child,
.barami-faq > h2:first-child {
    font-size: 18px !important;
    margin-bottom: 14px !important;
}
.barami-guide :is(p, ul) { margin: 0 0 10px !important; }
.barami-guide li { margin: 0 0 2px; }
.barami-faq { margin-top: 36px !important; }
.barami-faq p { margin: 0 0 16px !important; }

@media (min-width: 1024px) {
    .barami-listing-text .barami-content { column-count: 2; column-gap: 56px; }
    .barami-listing-text .barami-content > * { break-inside: avoid; }
    .barami-guide,
    .barami-faq { column-count: 2; column-gap: 56px; }
    .barami-guide > h2:first-child,
    .barami-faq > h2:first-child { column-span: all; }
    .barami-guide :is(h3, ul, p),
    .barami-faq :is(h3, p) { break-inside: avoid; }
    .barami-guide h3,
    .barami-faq h3 { break-after: avoid; }
}

/* Round 2: the opening text flows over both columns, and less white space around the blocks. */
@media (min-width: 1024px) {
    .barami-listing-text .barami-content > * { break-inside: auto; }
}
.barami-listing-text { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 24px !important; margin-bottom: 0 !important; }
.barami-listing-text .barami-content { margin-top: 0 !important; margin-bottom: 0 !important; }
.barami-listing-text + section { padding-top: 40px !important; }

/* Projects page foot (owner, 2026-11-15): the category links and the intro, small and quiet. */
.barami-projects-foot { margin-top: 0 !important; padding-top: 32px !important; border-top: 1px solid rgba(26, 26, 26, .08); }
.barami-projects-foot__nav { margin-bottom: 16px; }
.barami-projects-foot__nav nav { gap: 8px 28px !important; font-size: 12px !important; }
.barami-projects-foot .barami-content { column-count: 1 !important; }
/* The small title sits just under the fixed header on the projects page. */
.barami-cat-head.barami-proj-head { padding-top: calc(var(--header-height, 230px) + 14px) !important; }