@font-face {
    font-family: "DM Sans";
    src: url("../fonts/dm-sans-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta-sans-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 700 800;
    font-display: swap;
}

:root {
    --baipar-ink: #14223d;
    --baipar-muted: #6d7890;
    --baipar-primary: #e11b22;
	--baipar-primary-light-background: #e01b220d;
    --baipar-secondary: #0d1b34;
    --baipar-line: #e3e8f1;
    --baipar-surface: #f4f7fb;
    --baipar-gutter: clamp(18px, 3.2vw, 48px);
    --baipar-container-gutter: 18px;
    --baipar-container-max: 1482px;
}

.baipar-container {
    width: min(var(--baipar-container-max), calc(100% - (2 * var(--baipar-container-gutter)))) !important;
    max-width: var(--baipar-container-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.baipar-container--panel {
    padding: clamp(14px, 2vw, 30px);
    border: 1px solid var(--baipar-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(20, 31, 70, .07);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    overflow-x: hidden;
    background: var(--baipar-surface);
    color: var(--baipar-ink);
    -webkit-font-smoothing: antialiased;
}

a,
button,
input,
select {
    font: inherit;
}

a,
button {
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

:where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid rgba(225, 27, 34, .3);
    outline-offset: 3px;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.baipar-panel {
    border: 1px solid var(--baipar-line);
    border-radius: 10px;
    background: #fff;
}

.baipar-default-main {
	width: min(1482px, calc(100% - (2 * var(--baipar-gutter))));
    min-height: 55vh;
	margin-inline: auto;
	padding-block: clamp(36px, 6vw, 86px);
}

.baipar-default-main > .wp-block-post-featured-image img,
.baipar-default-main .wp-block-post-template img {
    border-radius: 12px;
}

.baipar-block-empty {
    min-height: 120px;
    display: grid;
    place-items: center;
    margin: 0;
    color: var(--baipar-muted);
    text-align: center;
}

.baipar-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.baipar-post-card { overflow: hidden; padding: 18px; border: 1px solid var(--baipar-line); border-radius: 12px; background: #fff; }
.baipar-post-card img { width: 100%; height: auto; display: block; border-radius: 9px; }
.baipar-post-card h2 { margin: 16px 0 8px; font-size: 20px; }
.baipar-post-card h2 a { color: inherit; text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

@media (max-width: 600px) {
    :root { --baipar-container-gutter: 10px; }
	.baipar-post-grid { grid-template-columns: minmax(0, 1fr); }
}