/* Биофийдбек — page-specific components */
.bf-split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.bf-split-img{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(11,22,38,.45)}
.bf-split-img img{display:block;width:100%;height:auto}
.bf-split-img figcaption{position:absolute;left:16px;bottom:16px;right:16px;background:rgba(11,22,38,.78);backdrop-filter:blur(6px);color:#F6F2EA;font-size:.86rem;line-height:1.45;padding:10px 14px;border-radius:12px}
.bf-split .prose-lg p{margin:0 0 1em}

.bf-hud-fig{margin:0 0 36px;border-radius:22px;overflow:hidden;border:1px solid rgba(228,201,131,.25);box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.bf-hud-fig img{display:block;width:100%;height:auto}
.bf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bf-metric{position:relative;padding:26px 24px 24px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.bf-metric:before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--bf-c,#C9A24A)}
.bf-metric .bf-val{display:flex;align-items:baseline;gap:8px;font-family:"Prata",serif;font-size:2.1rem;color:var(--bf-c,#C9A24A);line-height:1}
.bf-metric .bf-val small{font-family:"Onest",sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(246,242,234,.6)}
.bf-metric h3{margin:14px 0 8px;font-size:1.12rem;color:#F6F2EA}
.bf-metric p{margin:0;color:rgba(246,242,234,.72);font-size:.96rem;line-height:1.6}
.bf-metric.is-hr{--bf-c:#F0566A}
.bf-metric.is-pacer{--bf-c:#4FC3F7}
.bf-metric.is-smooth{--bf-c:#4ADE80}

.bf-sensors{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.bf-sensor{padding:24px 22px;border-radius:18px;background:#fff;border:1px solid #ECE4D3;transition:transform .3s,box-shadow .3s}
.bf-sensor:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(11,22,38,.4)}
.bf-code{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.12em;padding:5px 10px;border-radius:999px;background:#13233B;color:#E4C983}
.bf-sensor h3{margin:14px 0 6px;font-size:1.08rem;color:#0B1626}
.bf-sensor p{margin:0;color:#5A6374;font-size:.95rem;line-height:1.6}
.bf-sensor .bf-learn{margin-top:12px;padding-top:12px;border-top:1px dashed #ECE4D3;color:#1A2233;font-size:.92rem}
.bf-sensor .bf-learn b{color:#8A6A24}

.bf-games{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bf-game{margin:0;border-radius:20px;overflow:hidden;background:#0B1626;border:1px solid rgba(255,255,255,.08)}
.bf-game img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bf-game figcaption{padding:20px 22px 22px;color:rgba(246,242,234,.75);font-size:.96rem;line-height:1.6}
.bf-game figcaption strong{display:block;color:#F6F2EA;font-size:1.08rem;margin-bottom:6px}

.bf-zone{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center}
.bf-zone-chart{background:#fff;border:1px solid #ECE4D3;border-radius:22px;padding:22px 22px 14px}
.bf-zone-chart svg{display:block;width:100%;height:auto}
.bf-zone-chart p{margin:8px 4px 0;font-size:.84rem;color:#5A6374}
.bf-traits{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:22px 0 0;padding:0;list-style:none}
.bf-traits li{padding-left:16px;border-left:2px solid #C9A24A;font-size:.95rem;color:#5A6374;line-height:1.5}
.bf-traits b{display:block;color:#0B1626;font-weight:600}

@media (max-width:900px){
	.bf-split,.bf-zone{grid-template-columns:1fr}
	.bf-metrics{grid-template-columns:1fr}
	.bf-games{grid-template-columns:1fr}
}
@media (max-width:520px){
	.bf-traits{grid-template-columns:1fr}
	.bf-split-img figcaption{position:static;border-radius:0}
}