* {box-sizing:border-box; margin:0; padding:0}
body {font-family:'Segoe UI', system-ui, sans-serif; line-height:1.6; background-color:var(--light); color:var(--text)}
.hero-text h1 {font-size:1.5rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.container {margin:0 auto; padding:0 20px}
.nav a {margin:0 15px; text-decoration:none; color:var(--text); font-weight:500; transition:color 0.3s}
.nav a:hover {color:var(--primary)}
.hero-section {margin:30px 0}
.hero-card {position:relative; display:block; width:100%; height:450px; border-radius:16px; overflow:hidden}
.hero-card img {width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease}
.hero-card .main-link::after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2}
.hero-text {position:absolute; bottom:0; left:0; width:100%; padding:10px; background: rgba(0, 0, 0, 0.6); color:white; z-index:10; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);}
.hero-card:hover img {transform:scale(1.05)}
.main-link:hover, .main-link:focus, .hero-card:hover .main-link, .news-item:hover .main-link {text-decoration:none !important}
.hero-card .main-link {color:#FFFFFF; text-decoration:none; }
.hero-card:hover .main-link {color:#f1f5f9; text-decoration:none}
.news-grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:30px; margin-bottom:50px}
.news-item:hover {transform:translateY(-5px)}
.news-item img {width:100%; height:200px; object-fit:cover}
.news-content {padding:20px}
.news-content h2 {margin:10px 0; font-size:1.2rem; color:var(--dark)}
time {display:block; margin-top:15px; font-size:0.8rem; color:#94a3b8}
@media (max-width: 768px) {
.header-content {flex-direction:column; gap:15px}
.hero-card {height:300px}
.nav {display:none}}
.news-item {position: relative; background: white; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.05)}
.main-link {text-decoration:none; color:var(--dark); outline:none}
.main-link::after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1}
.news-item:hover {transform:translateY(-8px); box-shadow:0 12px 24px rgba(0,0,0,0.1)}
.news-item:hover .main-link {color:var(--primary)}
.main-link-title {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-word}
.breadcrumb {align-items:center; display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0}
.breadcrumb a {color:#007bff; text-decoration:none}
.breadcrumb a:hover {text-decoration:underline}
.breadcrumb li {display:inline}
.breadcrumb li:last-child {color:#333; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.breadcrumb-container {color:#666; font-size:0.875rem; margin-bottom:0.938rem}
.btn-next-news {right:0}
.btn-prev-news {left:0}
.nav-btn-news {background:#000081; border-radius:50%; border:none; color:#fff; cursor:pointer; font-size:1.313rem; height:3.125rem; opacity:0; position:absolute; top:50%; transform:translateY(-50%); transition:.3s; visibility:hidden; width:3.125rem; z-index:10}
.nav-btn-news:hover {background:green}
.nav-btn-news.is-visible {opacity:1; visibility:visible}
.news-card {background:#f9f9f9; border-radius:8px; border:1px solid #ddd; display:flex; flex-direction:column; height:100%; overflow:hidden}
.news-card h2 {-webkit-box-orient:vertical; -webkit-line-clamp:4; display:-webkit-box; font-size:1.125rem; height:5.0em; hyphens:auto; line-height:1.4em; margin:0; overflow-wrap:break-word; overflow:hidden; padding:0.938rem; word-break:normal}
.news-card img {height:12.5rem; object-fit:cover; width:100%}
.news-slider-container {margin:0 auto; max-width:75rem; overflow:hidden; padding:2.5rem 0; position:relative; width:100%}
.newsSwiper {overflow:hidden; position:relative}
.posylann2:hover {color:#f00}
.radius1 {border-radius:8px; border:1px black solid}
.read-also {background-color:#f8f9fa; border-left:4px solid #0c0177; font-family:sans-serif; margin:1.563rem 0; padding:0.938rem 1.25rem; margin-top:70px}
.read-also-label {color:#0c0177; display:block; font-size:0.75rem; font-weight:800; letter-spacing:1px; margin-bottom:0.313rem}
.separator {color:#ccc; margin:0 0.5rem; user-select:none}
.swiper-slide {box-sizing:border-box; flex:0 0 100%; scroll-snap-align:start}
.swiper-wrapper {display:flex; gap:1.25rem; overflow-x:auto; padding-bottom:1.25rem; scroll-behavior:smooth; scroll-snap-type:x mandatory}
.swiper-wrapper::-webkit-scrollbar {display:none}
@media (max-width:30rem) {.breadcrumb li:last-child {max-width:9.375rem}}
@media (max-width:75rem) {.breadcrumb-container {clear:both; display:block; margin-top:3.75rem}}
@media (min-width:40rem) {.swiper-slide {flex:0 0 calc(50% - 0.625rem)}}
@media (min-width:64rem) {.swiper-slide {flex:0 0 calc(33.333% - 0.875rem)}}
article {color:#333; font-size:1.125rem; line-height:1.6}
article img {margin-bottom:1.875rem !important; margin-top:1.875rem !important}
article p {margin-bottom:1.5rem}
code {background-color:#f4f4f4; border-radius:3px; color:#f00; display:block; font-size:0.875rem; padding:0.375rem 0.313rem}
li {list-style:decimal}
ol>li>ul>li {list-style-type:circle}
ul {padding-left:2.5rem}
ul>li {list-style-type:disc}
article blockquote {border-left: 4px solid #007bff; background-color: #f8f9fa; padding: 10px 20px; margin: 15px 0; font-style: italic; color: #555555;}
article table {width: auto; table-layout: fixed; border-collapse: collapse; margin: 15px 0; display: table;}
article table, article th, article td {border: 1px solid #cccccc; padding: 8px; box-sizing: border-box;}
article th {background-color: #f3f4f6;}