@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&display=swap');

:root{
  --krd-blue:#0050b2;
  --krd-blue-dark:#003b83;
  --krd-border:#d9d9de;
  --krd-text:#333;
  --krd-black:#000;
  --krd-muted:#6b7280;
  --krd-bg-soft:rgba(245,245,247,.7);
}

html,body{height:100%;}
body{
  /*font-family:'Golos Text', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;*/
  color:var(--krd-text);
  background:#fff;
}

/* --- Header (lightweight, project-friendly) --- */
.site-topbar{
  border-bottom:1px solid var(--krd-border);
  background:#fff;
}
.site-topbar .top-links{
  display:flex;
  justify-content:flex-end;
  gap:24px;
  padding:10px 0;
  font-size:14px;
}
.site-topbar a{color:var(--krd-blue); text-decoration:none;}
.site-topbar a:hover{color:var(--krd-blue-dark);}

.site-header{
  padding:14px 0;
  border-bottom:2px solid var(--krd-black);
}
.brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}
.brand img{width:40px;height:auto;}
.brand .brand-name{font-weight:600; font-size:22px; line-height:28px; color:var(--krd-black);}
.brand .brand-sub{font-size:14px; line-height:20px; opacity:.8; color:var(--krd-text);}

/* --- Breadcrumbs --- */
.breadcrumbs{background:#fff;}
.breadcrumbs__scroll{overflow:auto;}
.breadcrumbs__list{
  display:flex;
  gap:8px;
  align-items:center;
  padding:12px 0;
  white-space:nowrap;
}
.breadcrumbs__item{display:flex; align-items:center; gap:8px;}
.breadcrumbs__link{font-size:14px; line-height:20px; color:var(--krd-muted); text-decoration:none;}
.breadcrumbs__link:hover{color:var(--krd-blue);}
.breadcrumbs__sep{
  width:12px;height:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#a7a8ab;
}

/* --- Page layout --- */
.inner-grid-page{padding:18px 0 64px;}
@media (max-width:767px){.inner-grid-page{padding:12px 0 40px;}}

/* In the original page the content column is narrower than the header container */
.text-page{max-width:1080px; margin:0 auto;}
@media (max-width:1199px){.text-page{max-width:100%;}}

.text-page__up{padding-top:6px;}

.link-more{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--krd-blue);
  text-decoration:none;
  margin-bottom:18px;
}
.link-more:hover{color:var(--krd-blue-dark);}
.link-more .arrow{
  width:14px;height:14px;
  display:inline-block;
}

.flex-wrap-topic{display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 18px;}
.topic-item{
  border:1px solid #D9D9DE;
  border-radius:4px;
  background:#F7F7F9;
}
.topic-item__wrapper{padding:7px 12px;}
.topic-item__text{font-size:14px; line-height:20px; color:var(--krd-black);}

h1.title{
  font-weight:600;
  font-size:32px;
  line-height:40px;
  color:var(--krd-black);
  margin:0 0 14px;
}
@media (max-width:767px){
  h1.title{font-size:26px; line-height:32px;}
}

.info-text.date{font-size:14px; line-height:20px; color:var(--krd-muted); display:block; margin-bottom:18px;}

/* --- Attachments block --- */
.block-link-doc{
  border-top:1px solid var(--krd-border);
  margin-top:22px;
  padding-top:18px;
}

.link-doc{
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid var(--krd-border);
}

.link-doc__wrap-icon{
  flex:0 0 39px;
  width:39px;
  margin-right:33px;
  display:grid;
  justify-items:center;
  align-self:flex-start;
}
.link-doc__wrap-icon svg{width:39px;height:42px; display:block;}

.link-doc__file-name{
  margin-top:-8px;
  background:#1b5dbf;
  color:#fff;
  font-size:10px;
  line-height:14px;
  padding:1px 6px;
  border-radius:3px;
  text-transform:lowercase;
}

.link-doc__flex{
  display:flex;
  width:100%;
  gap:16px;
  align-items:center;
  justify-content:space-between;
}

.link-doc__wrap-text{min-width:0;}
.link-doc__caption{
  font-weight:600;
  font-size:16px;
  line-height:24px;
  color:var(--krd-blue);
  text-decoration:none;
}
.link-doc__caption:hover{color:var(--krd-blue-dark);}

.link-doc__info{display:block; font-size:14px; line-height:20px; color:var(--krd-muted); margin-top:4px;}

.btn-white{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #b3cbe8;
  background:#fff;
  color:var(--krd-blue);
  border-radius:4px;
  padding:9px 14px;
  text-decoration:none;
  white-space:nowrap;
  transition:all .2s ease;
}
.btn-white:hover{
  border-color:transparent;
  box-shadow:6px 6px 20px rgba(0,0,0,.12);
  color:var(--krd-blue-dark);
}
.btn-white__text{font-size:14px; line-height:20px;}

@media (max-width:767px){
  .link-doc{gap:14px;}
  .link-doc__flex{flex-direction:column; align-items:flex-start;}
  .link-doc__actions{display:flex; gap:10px; flex-wrap:wrap;}
}

/* utility */
.container-krd{max-width:1304px; --bs-gutter-x:1.5rem; --bs-gutter-y:0;}