:root { font-optical-sizing: auto; --header-height: 70px; --header-height-mobile: 52px; --max-width: 1200px; --right-col-width: 300px; --gap: 28px; --border: 1px solid #eff2f5; --sidebar-top: var(--gap); }
html { scrollbar-gutter: stable both-edges; overflow-x: clip; }
@supports not (overflow: clip) { body { overflow-x: hidden; } }
*,*::before,*::after { box-sizing: border-box; }
body { margin: 0; font-family: "Inter", sans-serif; background: #fff url(https://cdn.xydata.lv/img/bg.gif) repeat-x 0 70px; font-optical-sizing: auto; font-weight: 400; font-style: normal; line-height: 1.45; color: #000; }
img,svg,video,canvas { display: block; max-width: 100%; height: auto; }
a { text-decoration: none; color: #3861fb; }
a:hover { color: #3081e1; }
p { margin: 0 0 10px 0; }
h1,h2,h3 { margin: 15px 0 10px 0; }
ul { margin: 0 0 10px 0; }
.main-content p, .main-content ul { line-height: 140%; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation: none!important; transition: none!important; } }
.wrapper { width: min(100%, var(--max-width, 1200px)); max-width: var(--max-width, 1200px); margin: 0 auto; padding: 0; position: relative; z-index: 1; background: none; }
.header { height: var(--header-height, 70px); display: flex; justify-content: space-between; align-items: center; padding: 0 8px; border-bottom: var(--border, 1px solid #eff2f5); background: #fff; position: relative; z-index: 10; transition: height .3s; }
.logo { font-weight: bold; font-size: 1.3rem; }
.logo img { height: 45px; width: 141px; }
.hamburger { display: none; flex-direction: column; gap: 6px; cursor: pointer; width: 40px; height: 40px; justify-content: center; align-items: center; background: none; border: none; padding: 0; transition: .3s; z-index: 1101; }
.hamburger span { width: 30px; height: 4px; background: #23373b; border-radius: 2px; transition: .4s cubic-bezier(.4,2.08,.55,.44); display: block; position: relative; }
.hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px,7px); }
.hamburger.open span:nth-child(2) { opacity: 0; transform: translateX(-10px); }
.hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(7px,-7px); }
.menu { display: flex; gap: 32px; }
.menu a { font-weight: bold; color: #000; }
.menu a:hover { color: #3081e1; }
.main-area { display: flex; flex-direction: row; align-items: flex-start; gap: var(--gap, 28px); width: min(100%, var(--max-width, 1200px)); max-width: var(--max-width, 1200px); margin: 0 auto; padding: var(--gap, 28px) 0 0 0; min-height: 100vh; }
.main-content { flex: 1 1 auto; min-width: 0; overflow-wrap: break-word; background: #fff; padding: 10px; min-height: 600px; }
.main-content img, .main-content iframe, .main-content canvas, .main-content video, .main-content table { max-width: 100%; }
.main-content pre { max-width: 100%; overflow: auto; }
.right-sidebar { flex: 0 0 var(--right-col-width, 300px); width: var(--right-col-width, 300px); min-width: var(--right-col-width, 300px); max-width: var(--right-col-width, 300px); contain: inline-size; background: #fff; text-align: center; font-size: 1rem; z-index: 5; top: var(--sidebar-top, 28px); align-self: flex-start; display: block; transition: top .2s; }
.right-sidebar iframe, .right-sidebar .adsbygoogle { display: block; max-width: 100%; width: 100%; }
.full-width-section { width: 100%; margin-left: 0; transform: none; background: #CCC; padding: 60px 0; text-align: center; font-size: 1.5rem; color: #222; }
.footer { width: min(100%, var(--max-width, 1200px)); max-width: var(--max-width, 1200px); margin: 60px auto 20px auto; padding: 24px 0 0 0; text-align: center; color: #888; border-top: var(--border, 1px solid #eff2f5); background: #fff; }
.clear { clear: both; font-size: 0; }
.faq { margin: 0 auto; border-top: 1px solid #eff2f5; }
.faq-item { border-bottom: 1px solid #eff2f5; }
.faq-q { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 18px 0; border: none; background: none; cursor: pointer; text-align: left; font-size: 1.125rem; color: #000; }
.faq-q:focus { outline: none; }
.faq-q .icon { font-size: 20px; color: #06b6d4; flex: 0 0 auto; margin: 0 10px; }
.faq-a { max-height: 0; overflow: hidden; opacity: 0; transition: max-height .35s ease, opacity .25s ease; line-height: 140%; }
.faq-a .inner { padding: 0 0 18px 0; }
.faq-item.active .faq-a { opacity: 1; max-height: 3700px; }
.faq-item.active .faq-q .icon::before { content: "–"; }
.faq-item:not(.active) .faq-q .icon::before { content: "+"; }
@media (max-width: 900px) { .main-area { gap: 0; padding: 20px 8px 0 8px; } .main-content { font-size: 1rem; min-width: 0; } .right-sidebar { display: none!important; } }
@media (max-width: 700px) { body { background-image: none; } .header { height: var(--header-height-mobile, 52px); padding: 0 10px; position: sticky; top: 0; left: 0; right: 0; z-index: 999; } .logo { font-size: 1rem; } .menu { display: none; } .hamburger { display: flex; } .main-area { padding-top: 14px; } .tools-board { margin: 20px 0 25px 0 !important; } .market-cap-card.card-a { position: relative !important; margin: 0 auto 20px auto !important; } .market-cap-card.card-b div { font-size: .875rem !important; } .market-cap-card.card-b div.last br { display: none; } }
@media (max-width: 440px) { .pill-box { display: table !important; } .table { padding: 10px 10px 5px 10px !important; } .table .thide { display: none; } .table .tshow { display: table-cell !important; font-size: .875rem; color: #616e85; } .market-cap-card.card-c { width: 46% !important; margin: 2% 2% !important; } .table.ertable-r, .table.ertable-l { width: 100% !important; } .article-p { width: 100% !important; float: none !important; } .article-pl { padding: 8px 0 !important; } .article-pl .text { float: none !important; width: 100% !important; } .article-pl img { width: 100% !important; } .article-pl .text { padding: 3px; clear: both; } }
.mobile-menu { display: none; flex-direction: column; position: fixed; top: var(--header-height-mobile, 52px); left: 0; right: 0; background: #fff; z-index: 1100; box-shadow: 0 4px 20px rgba(0,0,0,.10); animation: fadeIn .25s; }
.mobile-menu.open { display: flex!important; }
.mobile-menu a { padding: 18px 20px; border-bottom: 1px solid #eee; color: #23373b; text-decoration: none; font-size: 1.2rem; background: #fff; transition: background .18s; }
.mobile-menu a:last-child { border-bottom: none; }
.mobile-menu a:active { background: #f0f0f0; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: translateY(0); } }
.tools-board { margin: 20px 0 25px 270px; }
.tools-board.euribor-box { margin: 20px 0 25px 0 !important; border-radius: 15px; padding: 15px 10px 10px 10px; background: #f8fafd; }
.tools-board.euribor-box .er-date { text-align: center; display: block; clear: both; padding-top: 10px; }
.market-cap-card { min-height: 169px; background: #fff; border-radius: 15px; box-shadow: 0 2px 16px 0 rgba(24,39,75,.07), 0 1.5px 4px 0 rgba(24,39,75,.03); padding: 10px 10px; }
.market-cap-card.card-a { width: 250px; position: absolute; margin-left: -270px; }
.market-cap-card.card-b { width: 100%; }
.market-cap-card.card-b div { width: 33.3%; display: block; float: left; text-align: center; border-right: 2px solid #eff2f5; height: 149px; align-content: center; padding: 0 1%; }
.market-cap-card.card-b div.last { border: 0; }
.market-cap-card.card-b div span.price, .market-cap-card.card-c span.price { font-size: 1.75rem; display: block; margin: 15px 0; font-weight: bold; color: #2563EB; }
.market-cap-card.card-b div span.coin { color: #bfc1c4; }
.market-cap-card.card-c { width: 23%; float: left; margin: 0 1%; text-align: center; }
.market-cap-card.card-c a { color: #000; }
.market-cap-card.card-c .er-chart { background-repeat: no-repeat; background-image: url(https://cdn.xydata.lv/img/icon-chart2.png); background-size: 18px 19px; padding-left: 23px; padding-top: 2px; }
.pill-box { display: inline-flex; font-size: .938rem; align-items: center; background-color: #f0f6ff; background-repeat: no-repeat; background-position: 10px center; border-radius: 999px; padding: 8px 18px 8px 14px; color: #000; font-weight: 500; margin: 0 5px 10px; }
.pill-box.empty { background: none; font-weight: bold; }
.pill-box:hover, .pill-box.on { background-color: #e7efff; color: #000; }
.pill-box.icon-chart { background-image: url(https://cdn.xydata.lv/img/icon-chart.png); background-size: 20px 13px; padding-left: 34px; }
.pill-box.icon-pages { background-image: url(https://cdn.xydata.lv/img/icon-pages.png); background-size: 16px 16px; padding-left: 31px; }
.table { background: #f8fafd; border-radius: 15px; padding: 10px 15px 5px 15px; margin-bottom: 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table table { border-collapse: collapse; width: 100%; margin-bottom: 15px; border-spacing: 0; }
.table thead { font-weight: bold; background: #ececec; }
.table thead th { padding: 7px 5px; }
.table th { text-align: left; }
.table th, .table td { border-bottom: 1px solid #eff2f5; padding: 7px 5px; text-align: center; }
.table .tleft { text-align: left; }
.table .tshow { display: none; }
.table .tsmall { display: table-cell; font-size: .875rem; color: #616e85; }
.table .red td { color: #ea3943; }
.table .green td { color: #16c784; }
.table.ertable-l { margin-right: 1%; }
.table.ertable-r { margin-left: 1%; }
.table.ertable-l, .table.ertable-r { float: left; width: 49%; margin-top: 10px; }
.table.ertable-l h2, .table.ertable-r h2 { font-size: 1.125em; margin: 0; padding-bottom: 7px; border-bottom: 1px solid #eff2f5; }
.table.ertable-l td, .table.ertable-r td { padding: 5px 5px; }
.table.ertable-l .first { color: #2563EB; }
.article-p { width: 32%; float: left; margin-right: 1.9%; font-size: 1.063rem; }
.article-p.last { margin: 0; }
.article-p .title { margin: 2px; padding-bottom: 12px; }
.article-p img { border-radius: 15px; display: block; }
.article-p a { color: #000; font-weight: 500; display: block; }
.article-pl { clear: both; padding: 20px 0; }
.article-pl .text { float: right; width: 63%; }
.article-pl img { border-radius: 15px; display: block; float: left; width: 35%; }
.article-pl a { font-weight: 500; display: block; font-size: 1.125em; }
.breadcrumblist { font-size: .875rem; margin: 5px 0 -18px 0px; color: #616e85; }
.read-more-text-container { max-height: 290px; overflow: hidden; position: relative; transition: max-height 1s ease; }
.read-more-text-container::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); transition: opacity 0.5s ease; }
.read-more-text-container.expanded { max-height: 2000px; margin-bottom: 7px; }
.read-more-text-container.expanded::after { opacity: 0; }
.read-more-btn { background: #e7efff url(https://cdn.xydata.lv/img/icon-chart2.png) no-repeat 13px center; margin: 10px auto 17px auto; display: block; font-family: "Inter", sans-serif; color: #000; border: none; padding: 8px 18px 8px 34px; cursor: pointer; border-radius: 999px; font-weight: 500; font-size: .938rem; background-size: 15px 16px; }
.refresh { border-radius: 15px; padding: 10px 10px 10px 40px; margin-bottom: 10px; background: #f8fafd url(https://cdn.xydata.lv/img/icon-refresh.gif) no-repeat 10px center; background-size: 26px 26px; line-height: 140%; }
@media (min-width: 1200px) { .main-content { max-width: 852px; } }