.blood-news-page .navbar-main { background: rgba(0,0,0,.9); }
.blood-news-page .navbar-inner { padding: 10px 20px; }
.blood-news-page .nav-btn { color: #fff; }
.blood-news-page .nav-menu { right: 16px; max-width: min(400px, calc(100vw - 32px)); }
.blood-news-page .blood-news { max-width: 1200px; margin: 0 auto; padding: 120px 24px 48px; color: #222; line-height: 1.7; overflow-wrap: anywhere; }
.blood-news-page .blood-news h1 { font-size: clamp(28px,4vw,44px); line-height: 1.25; margin: 24px 0; }
.blood-news-page .blood-news__notice { border-left: 4px solid #a51c30; background: #fff1f3; color: #4f1620; padding: 14px 18px; margin: 24px 0; font-size: 15px; }
.blood-news-page .blood-news__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 32px 0; }
.blood-news-page .blood-news__card { background: #fff; border-radius: 18px; padding: 24px; box-shadow: 0 8px 22px rgba(0,0,0,.06); min-width: 0; cursor: auto; }
.blood-news-page .blood-news__card[hidden] { display: none; }
.blood-news-page .blood-news__card h2 { font-size: 22px; line-height: 1.4; margin: 18px 0 12px; color: #222; }
.blood-news-page .blood-news__card p { margin: 0; }
.blood-news-page .blood-news__meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 13px; color: #555; }
.blood-news-page .blood-news__category { color: #a51c30; font-weight: 700; }
.blood-news-page .blood-news__back, .blood-news-page [data-news-more] { display: inline-block; border: 1px solid #a51c30; border-radius: 14px; color: #8a1525; background: #fff; padding: 12px 18px; text-decoration: none; font: inherit; font-weight: 700; min-height: 48px; }
.blood-news-page [data-news-more] { background: #a51c30; color: #fff; cursor: pointer; }
.blood-news-page [data-news-more][hidden] { display: none; }
.blood-news-page .blood-news__more { text-align: center; margin: 24px 0 40px; }
.blood-news-page a:focus-visible, .blood-news-page button:focus-visible, .blood-news-page h2:focus-visible { outline: 3px solid #005d90; outline-offset: 4px; }
.blood-news-page .navbar-main a:focus-visible, .blood-news-page .burger:focus-visible { outline-color: #8cdbff; }
@media (max-width: 900px) { .blood-news-page .blood-news__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) { .blood-news-page .blood-news { padding: 100px 12px 32px; } .blood-news-page .blood-news__grid { grid-template-columns: minmax(0,1fr); } }