/*
 * IBASTOM info pages – About, privacy policy, accessibility statement (template page-info, inc/info-pages.php).
 * Built on the article page (article.css); only the opening paragraph and the draft note differ.
 */

/* About: the opening paragraph carries the brand line, a step larger than the body text. */
.ibastom-info .blga-body .blga-content > .about-lead { font-size: clamp(1.1875rem, 1.1rem + .4vw, 1.375rem); line-height: 1.75; }
.ibastom-info .blga-body .blga-content > .about-lead strong { color: var(--sv-ink); }

/* Draft note at the top of the policy drafts: clearly marked, never mistaken for policy text. */
.ibastom-info .blga-body .blga-content > .blga-note:first-child { border-inline-start: 4px solid var(--sv-signal); }

/* Headings are not numbered on these pages (the numbers suit a long article, not a policy or a profile). */
.ibastom-info .blga-body .blga-content h2::before { content: none; }

/* Up to 896px the text column reaches the floating 52px accessibility toggle (on the left): keep a 3.5rem gutter there
   (same gutter as the article collections on phones). Wider screens leave enough margin on their own. */
@media (max-width: 56em) {
	body.ibastom-info:has(#pojo-a11y-toolbar) :is(.blga-content, .blga-top__wrap) {
		width: calc(100% - var(--sv-gutter) - 3.5rem);
		margin-inline-start: var(--sv-gutter);
		margin-inline-end: 3.5rem;
	}
}