* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    margin: 0;
    padding: 0;

}
:root {
--primary-color: #7dbd28;
--second-color: #2e3c56;
--dark-color: #212939;
--second-color-next: #3d4b65;
--primary-hover-color:  #81cc1f;
--primary-color-blue: #278ec6;
--primary-color-fio: #4352af;
--primary-color-greend: #7dbd28;
}
html, body {
    height: 100%;
    margin: 0;
     overflow-x: hidden;
}
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    height: 100%;
      font-size: 16px;
          line-height: 1.4;

}
a{
    text-decoration: none;
  transition: 0.1s;
    color: #6ba819;
}
a[href],
a[href] * {
  cursor: pointer;
}
img{
  max-width: 100%;
  height: auto;
}


main{
    flex: 1;
}





.text-center{
  text-align: center;
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-weight: 500;
    font-family: Roboto, system-ui, -apple-system, Arial, sans-serif;
  background: #f7f8fc;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.bg{
  background: var(--second-color-next);
}
.bg-green{
  background: var(--primary-color);
}
.bg2{
    background: var(--second-color);
}

.text-white,
.text-white .subtitle {
  color: #fff;
}


.logo .icon-logo{
      color: var(--primary-color);
}
.menu li a:before{
    background: var(--primary-color);
}
.wrapp{
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 22px;
    border: 1px solid #d6d6d6;
}
body.modal-open {
  overflow: hidden;
}
.hide{
  display: none;
}

p {
    margin: 0 0 15px 0;
}

.bg-color {
  background: #e2e4ee;
}






/*********************************
LIGHTBOX
*********************************/

.lightbox {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: rgba(0,0,0,0.7);
  align-items: center;
  justify-content: center;
    touch-action: pan-y;

}

.lightbox.active {
  display: flex;
}

.lightbox-preview {
  width: auto;
  height: auto;
  max-width: 95vw;
  max-height: 85vh;
  object-fit: contain;
  border-radius: 10px;
}

.lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 32px;
  color: white;
  cursor: pointer;
}
.lightbox-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  color: white;
  cursor: pointer;
  padding: 10px;
  user-select: none;
}

.lightbox-arrow.left {
  left: 20px;
}

.lightbox-arrow.right {
  right: 20px;
}

.lightbox-counter {
  position: absolute;
  bottom: 20px;
  color: white;
  font-size: 14px;
  opacity: 0.8;
}


/*********************************
админка
*********************************/



.admin .card {
   margin-bottom: 50px;
        }
.admin .card .link-black,
.admin .card .link-red {
font-size: 15px;
        }
.admin table {
            border-collapse: collapse;
            width: 100%;
        }

.admin th,
.admin td {
            border: 1px solid #ddd;
            padding: 8px;
        }

.admin th {
            background: #f5f5f5;
        }


.admin-nav {
    background: #263147;
    padding: 10px 0;

}

.admin-menus.is-hidden {
    display: none;
}



.admin-nav a {
    color: white;
    margin-right: 20px;
    text-decoration: none;

}

.admin-nav a:hover {
    text-decoration: underline;
}


.admin .row-col {
  display: flex;
  gap: 20px;
  padding-bottom: 30px;
}

.admin .col-3{
    flex: 0 0 33.333%;
}



.admin.dashboard .admin-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

.admin.dashboard .chart-card {
grid-column: span 1;
}

.admin.dashboard .full {
grid-column: span 2;
}

.admin.dashboard canvas {
    max-width: 100%;
}








/*админка карточка клиента возврат и история платежей*/
.admin-table{
margin-top:30px;
}

.table-tools{
margin-bottom:15px;
}

.table-search{
padding:8px 12px;
border:1px solid #ddd;
border-radius:6px;
width:250px;
}

.table{
width:100%;
border-collapse:collapse;
}

.table th{
background:#f5f5f5;
text-align:left;
padding:10px;
font-weight:600;
}

.table td{
padding:10px;
border-top:1px solid #eee;
}

.status{
padding:4px 8px;
border-radius:6px;
font-size:13px;
}

.status.paid{
background:#e6f7e6;
color:#2e7d32;
}

.status.pending{
background:#fff4e5;
color:#c77700;
}

.status.refunded{
background:#ffe5e5;
color:#b71c1c;
}

.btn-small{
padding:6px 10px;
font-size:13px;
margin-right:5px;
}

.btn-small.danger{
background:#e53935;
color:white;
}

.btn-wrapp{

  gap: 15px;

  display: flex;
  grid-template-columns: auto auto;
  justify-content: center;
}





/*********************************
.dashboard
*********************************/
.plans-mini {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin-top: 15px;
  flex-wrap: wrap;
}

.plan-card {
  position: relative;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 12px;
  text-align: center;
  background: #fff;
  transition: 0.2s;
}

.plan-card.current {
  border: 2px solid #4CAF50;
  background: #f6fff6;
}

.plan-card.current h3::after {
  content: " (Ваш тариф)";
  color: #4CAF50;
  font-size: 14px;
}

.plan-card button:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.plan-badge {
  position: absolute;
  top: -10px;
  right: 10px;
  background: #999;
  color: #fff;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 6px;
}

.plan-badge.popular {
  background: #ff9800;
}




/*********************************
.user-api
*********************************/
.user-api #apiKeysList div {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.user-api #apiKeysList input {
  flex: 1;
  padding: 6px;
  font-size: 13px;
}



.user-api .api-doc {
    background: #f7f8fc;
    border: 1px solid #d6d6d7;
    padding: 20px;
    border-radius: 4px;
    font-size: 14px;
}

.user-api .api-doc pre {
    background: var(--second-color);
    color: #cbd5e1;
  padding: 10px;
  border-radius: 6px;
  overflow-x: auto;
}

.user-api .api-doc h4 {
  margin-top: 20px;
}



/*********************************
HOMEPAGE
*********************************/


.home .btn {
        text-align: center;
        width: auto;
        min-width: 240px;
}

.home .hero .home .col{
display: grid;
grid-template-columns: repeat(3, 1fr);
}

.home .subtitle {
    font-size: 22px;
}


.home .hero-sub{
font-size: 18px;
    color: #666;
    max-width: 800px;
    margin: 0 auto 30px;
}

.home .hero-actions{
display:flex;
justify-content:center;
gap:20px;
}

.home .hero-btn{
font-size:16px;
padding:12px 24px;
}

.home .hero-btn-secondary{
background:#fff;
border:1px solid #ddd;
}


.home .home-tr {
 overflow-x: hidden;
}

.home .trigg-wrapp {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 20px;
    position: relative;
    }

.home .trigg-item {
 flex: 0 0 27%;
    scroll-snap-align: start;
    }

.home .trigg-item-desc{
    top: -20px;
    text-align: center;
    line-height: 1.4;
    color: #757575;
    position: relative;
}

.home-tr .scroll-btn {
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    z-index: 10;
    background: transparent;
    border: 0;
    font-size: 55px;
    color: #c4c4c4;
}

.home-tr .prev {
  left: -80px;
}

.home-tr .next {
  right: -80px;
}





.home .tools{
padding:80px 0;
}

.home .tool-section{
padding:80px 0;
border-bottom:1px solid #cdcccc;
display: grid;
grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.home .tool-section:last-child{
padding-bottom:0;
border-bottom: 0;
}

.home .tool-section.home .alt{
background:#fafafa;
}

.home .tool-text{
max-width:700px;
}

.home .tool-image{
    max-width: 700px;
    padding: 15px;
    border: 1px solid #cdcdcd;
    background: #ffffff;
}

.home .tool-text h3{
font-size:28px;
margin-bottom:10px;
}

.home .tool-text p{
color:#555;
}



.home .tool-text ul{
margin:30px 0;
}

.home .tool-text li{
margin-bottom:6px;
}










.home .hero-text p{
font-size:18px;
color:#666;
}

.home .hero .small{
font-size: 13px;
    padding-top: 10px;
    color: #7c7676;
}


.home .hero-first {
      padding: 1% 0 0 0;
}

.home .hero-first .hero-img img{
width: 947px;
    position: absolute;
    top: 0px;
    left: -98px;
}

.home .hero-first .hero-text{
    max-width: 705px;
    text-align: center;
    margin: auto;
    padding-bottom: 30px;
}
.home .hero-first .btn{
display: inline-block;
}

.home .hero-second{
 position: relative;
     margin-top: 7%;
 }

.home .hero-second .hero-img img{

width: 1028px;
    position: absolute;
    top: -100px;
    right: -428px;
    z-index: 0;
}

.home .hero-second  .hero-text{
max-width: 555px;
    position: relative;
    z-index: 2;
    background: #f7f8fe;

}










.home .audience{
    z-index: 1;
    position: relative;
   margin-top: 7%;
}

.home .audience .title{
padding-bottom: 40px;

}

.home .section-title{

text-align:center;
font-size:42px;
margin-bottom:70px;

}

.home .audience-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

/* карточка */

.home .card{

background:white;

padding:32px;

border-radius:14px;

box-shadow:0 10px 30px rgba(0,0,0,0.08);

transition:all .3s ease;

}

.home .card:hover{

transform:translateY(-6px);

box-shadow:0 20px 50px rgba(0,0,0,0.15);

}

/* заголовок */

.home .card h3{

font-size:20px;
margin-bottom:12px;

}

/* текст */

.home .card p{

color:#555;
line-height:1.6;

}

/* список */

.home .card ul{

margin:16px 0;
padding-left:20px;

}

.home .card li{

margin-bottom:6px;

}

/* пояснение */

.home .note{

font-size:14px;
color:#777;

}









.feature-list{list-style:none;padding:0;margin:30px 0;color:#222}
.feature-list li{position:relative;padding-left:38px;margin-bottom:14px}
.feature-list li:before{content:"";position:absolute;left:0;top: 0px;width:22px;height:22px;background:#76b82a;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.15)}
.feature-list li:after{content:"✓";position:absolute;left:5px;top: 2px;font-size:14px;color:white;font-weight:bold}



.home .semantic-example {
      padding: 10% 0 0 0;
}





.home .all-tools{
    padding: 2% 0;
    position: relative;
    z-index: 1;
    text-align: center;
  background: var(--second-color);
    color: #fff;
}



.home .builder{
padding: 4% 0;

}



.home .builder-header{

text-align:center;
margin-bottom:60px;

}

.home .builder-header h2{

font-size:42px;
margin-bottom:10px;

}

.home .builder-header .uptitle a{
    border-bottom: 2px solid;
    margin: 10px 0;
    display: inline-block;
}

.home .builder-header p{

color:#666;

}


.home .builder-content{

display:flex;
gap:60px;
align-items:center;

}


.home .builder-tabs{

flex:1;

}


.home .tab{
    border: 1px solid #dcdcdc;
padding:16px 20px;
margin-bottom:12px;

background:#f1f2f5;

border-radius:10px;

cursor:pointer;

transition:all .25s ease;

font-size:18px;

}

.home .tab:hover{

background:#e7e9ee;

}


.home .tab.active{
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    color: #fff;

}


.home .builder-preview{

flex:1 .5;

}


.home .builder-preview img{

width:100%;

border-radius:14px;

box-shadow:0 20px 50px rgba(0,0,0,0.15);

transition:opacity .3s ease;

}





/*********************************
статистика использования кредитов
*********************************/
/* ===== Usage History ===== */

.usage-history .table-wrap {
    margin-top: 20px;
}

.usage-history .usage-controls {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.usage-history #search {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
}

.usage-history .table-wrap select {
    width: 120px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

/* ===== Table ===== */

.usage-history .usage-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.usage-history .usage-table thead {
    background: #f5f6f8;
}

.usage-history .usage-table th {
    text-align: left;
    font-weight: 600;
    padding: 12px;
    font-size: 14px;
    border-bottom: 1px solid #e3e3e3;
}

.usage-history .usage-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}

.usage-history .usage-table tr:hover {
    background: #fafafa;
}

/* ===== Columns ===== */

.usage-history .usage-table td:nth-child(1) {
    width: 180px;
    color: #666;
}

.usage-history .usage-table td:nth-child(3) {
    width: 100px;
    font-weight: 600;
}

.usage-history .usage-table td:nth-child(4) {
    width: 180px;
}

/* ===== Status colors ===== */

.usage-history .status-success {
    color: #1f8f4e;
    font-weight: 600;
}

.usage-history .status-refund {
    color: #d9822b;
    font-weight: 600;
}

.usage-history .status-error {
    color: #d64545;
    font-weight: 600;
}

/* ===== Pagination ===== */

.usage-history .pagination {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.usage-history .pagination button {
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: white;
    cursor: pointer;
}

.usage-history .pagination button:hover {
    background: #f5f5f5;
}

.usage-history #pageNumber {
    font-weight: 600;
}
/* ===== STATUS COLORS ===== */

.usage-history .status-success{
    color:#1a7f37;
    font-weight:600;
}

.usage-history .status-refund{
    color:#d97706;
    font-weight:600;
}

.usage-history .status-error{
    color:#dc2626;
    font-weight:600;
}



/* ===== DAY GROUP HEADER ===== */

.usage-history .day-group{
    background:#f5f7fb;
    font-weight:600;
    color:#444;
}

.usage-history .day-group td{
    padding:10px 12px;
    border-bottom:1px solid #e5e7eb;
}






/*********************************
хлебные крошки
*********************************/
.breadcrumbs {
font-size: 14px;
    padding: 10px 0 0 0;
    color: #777;
}

.breadcrumbs a {
  text-decoration: none;
  color: #555;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}




h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  margin-top: 0;
}


h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
margin-bottom: 0px;
}

.container > h1{
    margin-top: 15px;
        margin-bottom: 4px;
}



h1,
.title{
  font-size: 26px;
}

.container h1:has(+ .wrapp) {
    margin-bottom: 15px;
}

.uptitle span{
background: var(--primary-color);
}

.subtitle {
  font-size: 16px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}
.subtitle span{
border-bottom: 2px solid var(--primary-color);
}

.uptitle span{
    background: var(--second-color);
    padding: 10px 15px;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 6px;
    position: relative;
}
/*
.warning{
  padding-left: 20px !important;
}
.warning:before,
.warning:after {
    content: "";
   width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0px;
    background-color: var(--primary-color);
    z-index: 2;
}
.warning:after{
    z-index: 1;
    -webkit-animation: pulse_2 2s linear infinite;
    animation: pulse_2 2s linear infinite;
}


@-webkit-keyframes pulse_2 {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    opacity: 0;
  }
}
@keyframes pulse_2 {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
    opacity: 0;
  }
}
@-webkit-keyframes pulse_2_small {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes pulse_2_small {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    opacity: 0;
  }
}

*/


.q {
     position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgb(236 238 248);
    border: 1px solid #a6aaca;
    text-align: center;
    font-size: 12px;
    cursor: help;
    margin-left: 6px;
    line-height: 15px;
}

.tooltip {
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);

  background: #000;
  color: #fff;
  padding: 10px;
  border-radius: 6px;

  font-size: 12px;
  min-width: 220px;

  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}

.price .tooltip {
    min-width: 400px;
   text-align: left;
}


.q:hover .tooltip {
  opacity: 1;
  visibility: visible;
}


/* 🔥 маленькая стрелка */
.q::before {
content: "";
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #000;
    opacity: 0;
    transition: 0.2s;
}

/* hover */
.q:hover::after,
.q:hover::before {
  opacity: 1;
}


.p-row{
  padding: 3% 0;
  }



.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

.relative{
  position: relative;
}

.pbd{
  padding-bottom: 15px;
}
.ptd{
    padding-top: 15px;
}
.pb0{
  padding-bottom: 0px;
}
.pb5{
  padding-bottom: 5px;
}
.pb30{
  padding-bottom: 30px;
}
.pb50{
  padding-bottom: 50px;
}
.pt0{
  padding-top: 0px;
}
.pt20{
  padding-top: 20px;
}
.pt30{
  padding-top: 30px;
}
.pt50{
  padding-top: 50px;
}



/*********************************
home
*********************************/

.home h1:has(+ .subtitle){
 padding-bottom: 15px;
margin: 0px;
}

.home h1,
.home .title{
     font-size: 42px;

}






.pageTheme{
    font-size: 14px;

}

.pageTheme strong{
padding-bottom: 5px;
    display: inline-block;
}

.red{
  color: red;
}

/*********************************
toggle
*********************************/
.toggle-content{
display:none;
margin-top:10px;
}

.toggle-content.active{
display:block;
}



/*********************************
модальное окно
*********************************/

.auth-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.auth-modal.active {
  display: flex;
}

.auth-modal-content {
  background: white;
  padding: 30px;
  border-radius: 5px;
  width: 360px;
  text-align: center;
  position: relative;
}

.auth-buttons {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  justify-content: center;
}

.auth-btn {
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    background: #eee;
    color: #000;
    width: 150px;
}

.auth-btn.primary {
width: 100%;
}

.limit-actions .auth-btn {
  width: auto;
  min-width: 150px;
}

.limit-actions {
  flex-wrap: wrap;
}

.plan-limit-actions {
  flex-direction: column;
}

.plan-limit-actions .auth-btn {
  box-sizing: border-box;
  width: 100%;
}

.plan-limit-single-report {
  border: 1px solid #7dbd28;
  background: #fff;
  color: #26354d;
}

.plan-limit-single-report:hover {
  background: #f3fae9;
}

.auth-close {
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  background: none;
  cursor: pointer;
}




/*********************************
галки и опции
*********************************/
.option-line-block {
display: block;
}

.option-toggle,
.option-expand {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
}



.option-settings {
  margin-top: 8px;
}

.option-settings textarea {
  width: 100%;
}



/*********************************
шапка и меню
*********************************/


/* ===== HEADER ===== */

.header {


    background: var(--second-color);

    box-shadow: 0 1px 0 rgba(255,255,255,0.05);
}

.header-container{
  padding: 0 25px;

  margin: auto;
}

.navi {

    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ===== LOGO ===== */

.logo  {
color: white;
    position: relative;
    padding-left: 38px;
    text-transform: uppercase;
}
.logo a {
color: white;
text-decoration: none;
}

.icon-logo {
width: 32px;
    height: 32px;
    stroke-width: 1.6;
    color: #ffffff;
    position: absolute;
    top: -7px;
    left: 0;
}
/* ===== MENU ===== */


.menu-toggle{
  display: none;
}
  .menu-close{
display: none;
  }
.menu {
    list-style: none;
    display: flex;
    gap: 25px;
    margin: 0;
    padding: 0;
      transition: none;

}

.menu > li {
    position: relative;
}

.menu > li > a {
    text-decoration: none;
    color: #fff;
    transition: all 0.2s ease;
        padding: 20px 0;
        display: inline-block;
}

.menu > li > a:hover {
opacity: 0.8;
}

.account-menu-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.account-menu-item > a {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-menu-toggle {
    width: 28px;
    height: 28px;
    border: 0;
    margin-right: 15px;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.admin-menu-toggle:hover {
   background: transparent;
   border: 0;
   cursor: pointer;
}

.admin-menu-toggle:disabled {
    cursor: wait;
    opacity: 0.55;
}

.admin-menu-toggle svg {
    width: 17px;
    height: 17px;
    stroke-width: 2.2;
}



body.admin-menu-hidden .admin-email-value {
    filter: blur(4px);
    user-select: none;
}

/* ===== DROPDOWN ===== */
.menu li a.menu-icon{
    padding-left: 25px;
}

.menu-icon::before{
    position: absolute;
    left: -2px;
    top: 20px;
    content: "";
    width: 21px;
    height: 21px;
display: inline-flex;
}








.my-account-icon::before {
    background-color: currentColor;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.376 18.91a6 6 0 0 1 11.249.003' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='11' r='4' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.376 18.91a6 6 0 0 1 11.249.003' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='11' r='4' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center;

    mask-size: contain;
    -webkit-mask-size: contain;

    flex-shrink: 0;
}

.price-icon::before {

    background-color: currentColor;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 16h5' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M9 12h5a2 2 0 1 0 0-4h-3v9' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 16h5' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M9 12h5a2 2 0 1 0 0-4h-3v9' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;

    mask-size: contain;
    -webkit-mask-size: contain;

    flex-shrink: 0;
}


.login-icon::before {
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m10 17 5-5-5-5' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12H3' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m10 17 5-5-5-5' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12H3' stroke='black' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    mask-size: contain;
    -webkit-mask-size: contain;
    flex-shrink: 0;
}

.price-icon::before {

  background-color: currentColor;

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;

  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;

  -webkit-mask-size: contain;
  mask-size: contain;

  flex-shrink: 0;
}


.book-icon::before {
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M16 12h2'/%3E%3Cpath d='M16 8h2'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3Cpath d='M6 12h2'/%3E%3Cpath d='M6 8h2'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M16 12h2'/%3E%3Cpath d='M16 8h2'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3Cpath d='M6 12h2'/%3E%3Cpath d='M6 8h2'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}


.logo-icon::before {
  content: "";
    width: 32px;
    height: 32px;
    stroke-width: 1.6;

    background: var(--primary-color);

  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18V5'/%3E%3Cpath d='M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4'/%3E%3Cpath d='M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5'/%3E%3Cpath d='M17.997 5.125a4 4 0 0 1 2.526 5.77'/%3E%3Cpath d='M18 18a4 4 0 0 0 2-7.464'/%3E%3Cpath d='M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517'/%3E%3Cpath d='M6 18a4 4 0 0 1-2-7.464'/%3E%3Cpath d='M6.003 5.125a4 4 0 0 0-2.526 5.77'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;

  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18V5'/%3E%3Cpath d='M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4'/%3E%3Cpath d='M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5'/%3E%3Cpath d='M17.997 5.125a4 4 0 0 1 2.526 5.77'/%3E%3Cpath d='M18 18a4 4 0 0 0 2-7.464'/%3E%3Cpath d='M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517'/%3E%3Cpath d='M6 18a4 4 0 0 1-2-7.464'/%3E%3Cpath d='M6.003 5.125a4 4 0 0 0-2.526 5.77'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;

  -webkit-mask-size: contain;
  mask-size: contain;

  flex-shrink: 0;
      padding-bottom: 20px;
      display: flex;
}


.download-icon {
    background: transparent;
    padding: 0;
    border: 0;
        margin-top: -7px;
}
.download-icon::before {
 content: "";
    width: 25px;
    height: 25px;
    stroke-width: 1.6;

    background: #2e3c56;

    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWZpbGUtZG93bi1pY29uIGx1Y2lkZS1maWxlLWRvd24iPjxwYXRoIGQ9Ik02IDIyYTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDhhMi40IDIuNCAwIDAgMSAxLjcwNC43MDZsMy41ODggMy41ODhBMi40IDIuNCAwIDAgMSAyMCA4djEyYTIgMiAwIDAgMS0yIDJ6Ii8+PHBhdGggZD0iTTE0IDJ2NWExIDEgMCAwIDAgMSAxaDUiLz48cGF0aCBkPSJNMTIgMTh2LTYiLz48cGF0aCBkPSJtOSAxNSAzIDMgMy0zIi8+PC9zdmc+") no-repeat center;

    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWZpbGUtZG93bi1pY29uIGx1Y2lkZS1maWxlLWRvd24iPjxwYXRoIGQ9Ik02IDIyYTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDhhMi40IDIuNCAwIDAgMSAxLjcwNC43MDZsMy41ODggMy41ODhBMi40IDIuNCAwIDAgMSAyMCA4djEyYTIgMiAwIDAgMS0yIDJ6Ii8+PHBhdGggZD0iTTE0IDJ2NWExIDEgMCAwIDAgMSAxaDUiLz48cGF0aCBkPSJNMTIgMTh2LTYiLz48cGF0aCBkPSJtOSAxNSAzIDMgMy0zIi8+PC9zdmc+") no-repeat center;


  -webkit-mask-size: contain;
  mask-size: contain;

  flex-shrink: 0;
      display: flex;
}

.task-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  white-space: nowrap;
}

.task-offline-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-top: 0;
}

.task-offline-download::before {
  transition: background-color 0.2s ease;
}

.task-offline-download:hover::before,
.task-offline-download:focus-visible::before {
  background: var(--primary-color);
}

.task-offline-download.is-loading {
  cursor: wait;
  opacity: 0.45;
  pointer-events: none;
}

.download-pdf{
color: #000;
}

.competitor .download-html-report {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin: 0;
  width: 30px;
}

.competitor .download-html-report::before {
  height: 24px;
  width: 24px;
}

.competitor .download-html-report:hover::before {
  background: var(--primary-color);
}

.menu-all-category {
    display: inline-block;
    vertical-align: middle;
}

.menu-all-category::before {
  content: "";
    width: 22px;
    height: 22px;
    stroke-width: 1.6;

    background: #fff;

    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWdyaXAtaWNvbiBsdWNpZGUtZ3JpcCI+PGNpcmNsZSBjeD0iMTIiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjEiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTkiIHI9IjEiLz48Y2lyY2xlIGN4PSIxOSIgY3k9IjE5IiByPSIxIi8+PGNpcmNsZSBjeD0iNSIgY3k9IjE5IiByPSIxIi8+PC9zdmc+") no-repeat center;

    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWdyaXAtaWNvbiBsdWNpZGUtZ3JpcCI+PGNpcmNsZSBjeD0iMTIiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjEiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTkiIHI9IjEiLz48Y2lyY2xlIGN4PSIxOSIgY3k9IjE5IiByPSIxIi8+PGNpcmNsZSBjeD0iNSIgY3k9IjE5IiByPSIxIi8+PC9zdmc+") no-repeat center;


  -webkit-mask-size: contain;
  mask-size: contain;

  flex-shrink: 0;
      display: flex;
}

.no-child-icon > a::after {
display: none !important;
}





.menu .icon-dropdown-menu{
width: 12px;
    height: 12px;
    color: #fff;
}


.meni-have-child {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* стрелка */
.meni-have-child > a::after {
    content: "";
    width: 14px;
    height: 14px;
    margin-left: 6px;

    background-color: #fff; /* цвет стрелки */

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;

    mask-size: contain;
    -webkit-mask-size: contain;

    transition: transform 0.2s ease, background-color 0.2s ease;
    display: inline-block;
}


.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
    padding: 8px;
    min-width: 320px;
    list-style: none;
    margin: 0;
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: all 0.2s ease;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
        border: 1px solid #d6d6d6;
            z-index: 9;
}

.submenu li a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: #334155;
    font-size: 14px;
    border-radius: 6px;
    transition: background 0.15s ease;
}

.submenu li a:hover {
opacity: 0.8;
}

.dropdown{
  position: relative;
}
/* Показываем dropdown */
.dropdown:hover .submenu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}









.submenu.mega {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 500px;
  padding: 15px;
}

.submenu.mega li a {
    border: 1px solid #d9d9d9;
    text-align: center;
}

.submenu.mega li a span{
font-size: 15px;
}

.submenu.mega2 {
left: -20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    width: min(1113px, calc(100vw - 32px));
    padding: 18px;
    border-radius: 0 0 8px 8px;
}

.mega2-group {
  min-width: 0;
  padding: 0 14px;
  border-left: 1px solid #e2e8f0;
}

.mega2-group:first-child {
  padding-left: 0;
  border-left: 0;
}

.mega2-group:last-child {
  padding-right: 0;
}

.mega2-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  margin: 0 8px 8px;
  color: #182230;
  font-size: 13px;
  font-weight: 800;
}

.mega2-heading svg {
  width: 17px;
  height: 17px;
  color: var(--primary-color);
  stroke-width: 2;
}

.mega2-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.submenu .mega2-links a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
  color: #334155;
  font-size: 13px;
  line-height: 1.3;
}

.submenu .mega2-links a:hover {
  background: #f1f5f9;
  color: #111827;
  opacity: 1;
}

.mega2-links a span {
  min-width: 0;
}

.mega2-links a small {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 4px;
  background: #edf7df;
  color: #4f7d16;
}

.mega2-popular svg {
  width: 13px;
  height: 13px;
  stroke-width: 2.2;
}


.mega-item {
  display: flex;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
  transition: 0.2s;
}

.mega-item:hover {
  background: #f5f7ff;
}

.mega-item img {
  width: 50px;
  height: 50px;
  border-radius: 8px;
}

.mega-item p {
  font-size: 12px;
  color: #777;
  margin: 0;
}


/* ===== Выделим Личный кабинет ===== */





/* ===== STEP BLOCKS ===== */
.step {
  background: #fff;
  border-radius: 8px;
    padding: 20px 25px;
  margin-bottom: 22px;
  border: 1px solid #d5d5d5;

}
.competitor .step {
    padding: 30px;
}



.wrapp h2,
.step h2 {
  margin: 0 0 6px;
  font-size: 18px;
}

.step-desc {
  font-size: 13px;
  color: #555;
  margin-bottom: 12px;
}

/* ===== LAYOUT ===== */
.container{
    max-width: 1170px;
    margin: auto;
    width: 100%;
    padding: 0 15px;
}
.container-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
}

/* ===== COMMON ===== */
.filter-grid textarea {
  width: 100%;
  min-height: 140px;
  padding: 8px;
  font-size: 13px;
  border: 1px solid #c8c8c8;
}

.result {
  background: #fff;
  padding: 15px;
  border-radius: 6px;
}

.formatted-result {
  line-height: 1.55;
}

.formatted-result h2,
.formatted-result h3,
.formatted-result h4 {
  margin: 14px 0 8px;
  line-height: 1.25;
}

.formatted-result h2 {
  font-size: 20px;
}

.formatted-result h3 {
  font-size: 17px;
}

.formatted-result h4 {
  font-size: 15px;
}

.formatted-result p {
  margin: 0 0 10px;
}

.formatted-result ul,
.formatted-result ol {
  margin: 0 0 12px 20px;
  padding: 0;
}

.formatted-result li {
  margin: 4px 0;
}

.formatted-result .formatted-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 12px 0;
}

.formatted-result table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.formatted-result th,
.formatted-result td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

.formatted-result th {
  background: #f7f7f7;
  font-weight: 700;
}

/* ===== FILTER PANEL ===== */
.filter-toggle { margin-bottom: 10px; }

.filter-panel {
  background:#f9f9f9;
  padding:15px;
  border-radius:6px;
  border:1px solid #ddd;
}

.filter-panel button {
    min-width: auto;
}

.filter-grid {
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap:14px;
}

.filter-group h4 {
  margin:0 0 4px;
  font-size:13px;
  padding:4px 6px;
  border-radius:4px;
}

.filter-desc { font-size:12px; }
.filter-example { font-size:11px; color:#666; }

/* ===== LEGEND ===== */
.legend span {
  display: inline-block;
  margin: 4px 6px 6px 0;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  border: 2px solid transparent;
}
.legend span.active { border-color: #000; }
.legend span.citation_definitions,
.legend span.citation_conditions,
.legend span.citation_causality,
.legend span.citation_limitations,
.legend span.citation_specificity,
.legend span.citation_standalone_claims {
  background: transparent !important;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 3px solid currentColor;
}
.legend span.citation_definitions.active,
.legend span.citation_conditions.active,
.legend span.citation_causality.active,
.legend span.citation_limitations.active,
.legend span.citation_specificity.active,
.legend span.citation_standalone_claims.active {
  outline: 2px solid #111;
  outline-offset: 2px;
}

/* colors */
.terms { background:#c6f6d5; }
.methods { background:#bee3f8; }
.materials { background:#ddd6fe; }
.processes { background:#fefcbf; }
.logic_markers { background:#e9d8fd; }
.limitations { background:#fed7d7; }
.risks { background:#ffd6cc; }
.results { background:#bbf7d0; }
.experience { background:#d9f99d; }
.authority { background:#bae6fd; }
.trust { background:#bbf7d0; }
.service { background:#fde68a; }
.pricing { background:#fcd34d; }
.water { background:#ffe6e6; }
.citation_definitions { background:#dbeafe; }
.citation_conditions { background:#cffafe; }
.citation_causality { background:#dcfce7; }
.citation_limitations { background:#fee2e2; }
.citation_specificity { background:#ede9fe; }
.citation_standalone_claims { background:#ffedd5; }
#citationLegend span.citation_definitions {
  background: transparent !important;
  color:#1d4ed8;
}
#citationLegend span.citation_conditions {
  background: transparent !important;
  color:#0891b2;
}
#citationLegend span.citation_causality {
  background: transparent !important;
  color:#15803d;
}
#citationLegend span.citation_limitations {
  background: transparent !important;
  color:#b91c1c;
}
#citationLegend span.citation_specificity {
  background: transparent !important;
  color:#6d28d9;
}
#citationLegend span.citation_standalone_claims {
  background: transparent !important;
  color:#c2410c;
}

/* ===== HIGHLIGHT ===== */
.highlight { padding: 2px 4px; border-radius: 3px; }
.highlight.water { text-decoration: line-through; }
.highlight.citation_definitions,
.highlight.citation_conditions,
.highlight.citation_causality,
.highlight.citation_limitations,
.highlight.citation_specificity,
.highlight.citation_standalone_claims {
  background: transparent !important;
  border-radius: 0;
  border-bottom: 3px solid currentColor;
}
.highlight.citation_definitions { color:#1d4ed8; }
.highlight.citation_conditions { color:#0891b2; }
.highlight.citation_causality { color:#15803d; }
.highlight.citation_limitations { color:#b91c1c; }
.highlight.citation_specificity { color:#6d28d9; }
.highlight.citation_standalone_claims { color:#c2410c; }
.highlight.hidden {
  background:none !important;
  border-bottom:0 !important;
  color:inherit !important;
  text-decoration:none !important;
}


/* ===== REPORT ===== */
.recommendations ul{
  padding: 0;
}
.recommendations li {
  list-style:none;
  margin-bottom:14px;
}
.recommendations li.done { opacity:.5; }
.rec-badge {
  display:inline-block;
  padding:3px 6px;
  border-radius:4px;
  font-weight:bold;
  font-size:12px;
}
.rec-badge.citation_definitions,
.rec-badge.citation_conditions,
.rec-badge.citation_causality,
.rec-badge.citation_limitations,
.rec-badge.citation_specificity,
.rec-badge.citation_standalone_claims {
  background: transparent !important;
  border-radius: 0;
  padding: 1px 0 2px;
  border-bottom: 3px solid currentColor;
}
.rec-badge.citation_definitions { color:#1d4ed8; }
.rec-badge.citation_conditions { color:#0891b2; }
.rec-badge.citation_causality { color:#15803d; }
.rec-badge.citation_limitations { color:#b91c1c; }
.rec-badge.citation_specificity { color:#6d28d9; }
.rec-badge.citation_standalone_claims { color:#c2410c; }
.rec-desc{
  font-size:10px;
}
.rec-example{
  font-size:10px;
}

.counter {
  font-size:13px;
  color:#555;
      padding-bottom: 15px;
}

/* ===== ANALYSIS ===== */
#analysisProgress {
  background:#fff;
  padding:10px;
  border-radius:6px;
  border:1px solid #ddd;
}

/* ===== ABOUT SERVICE ===== */
.about-analyzer {
  background: #ffffff;
  border-radius: 10px;
  padding: 24px;
  margin: 20px 0;

  line-height: 1.5;
}

.about-analyzer h2 {
  margin-top: 0;
  font-size: 22px;
}

.about-analyzer h3 {
  margin-top: 26px;
  font-size: 18px;
}

.about-analyzer p {
  margin: 8px 0;
  color: #333;
}

.about-analyzer ul {
  padding-left: 18px;
}

.about-analyzer li {
  margin-bottom: 8px;
}

.cat {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 12px;
  margin-right: 6px;
}

/* цвета категорий */
.cat.terms { background:#c6f6d5; }
.cat.methods { background:#bee3f8; }
.cat.materials { background:#ddd6fe; }
.cat.processes { background:#fefcbf; }
.cat.logic_markers { background:#e9d8fd; }
.cat.limitations { background:#fed7d7; }
.cat.risks { background:#ffd6cc; }
.cat.results { background:#bbf7d0; }
.cat.experience { background:#d9f99d; }
.cat.authority { background:#bae6fd; }
.cat.trust { background:#bbf7d0; }
.cat.service { background:#fde68a; }
.cat.pricing { background:#fcd34d; }
.cat.water { background:#ffe6e6; text-decoration: line-through; }
.cat.citation_definitions { background:#dbeafe; }
.cat.citation_conditions { background:#cffafe; }
.cat.citation_causality { background:#dcfce7; }
.cat.citation_limitations { background:#fee2e2; }
.cat.citation_specificity { background:#ede9fe; }
.cat.citation_standalone_claims { background:#ffedd5; }
.cat.citation_definitions,
.cat.citation_conditions,
.cat.citation_causality,
.cat.citation_limitations,
.cat.citation_specificity,
.cat.citation_standalone_claims {
  background: transparent !important;
  border-radius: 0;
  border-bottom: 3px solid currentColor;
  padding: 1px 0 2px;
}
.cat.citation_definitions { color:#1d4ed8; }
.cat.citation_conditions { color:#0891b2; }
.cat.citation_causality { color:#15803d; }
.cat.citation_limitations { color:#b91c1c; }
.cat.citation_specificity { color:#6d28d9; }
.cat.citation_standalone_claims { color:#c2410c; }

.example {
  font-size: 13px;
  color: #555;
  margin-left: 10px;
}

.note {
  background:#f7f7f7;
  padding:12px;
  border-radius:6px;
  margin-top:16px;
  font-size:14px;
  border: 1px solid #e3e3e3;
}
.about-analyzer .cat{
width: 100px;
    text-align: center;
}


/* ===== EXAMPLES ===== */
.examples {
  display: grid;
  gap: 14px;
}

.example-card {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 12px;
}

.example-meta {
  font-size: 12px;
  color: #666;
  margin-bottom: 6px;
}

.example-text {
  font-size: 14px;
  line-height: 1.6;
  color: #111;
}
/* ===== LAYOUT ===== */

.container-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
}
.pb10{
  padding-bottom: 10px;
}
.pb20{
  padding-bottom: 20px;
}

.options {
  margin-bottom: 10px;
}

.options label {
  margin-right: 15px;
  font-size: 14px;
}

.columns {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}


input, select {
width: 100%;
    padding: 12px;
    font-size: 14px;
    margin-bottom: 15px;
    border: 1px solid #9299a1;
    border-radius: 5px;
}
textarea {
    width: 100%;
    min-height: 140px;
    padding: 8px;
    font-size: 14px;
        border-radius: 5px;
    border: 1px solid #9299a1;
        margin-bottom: 10px
}

label > input {
   width: auto;
    margin-bottom: 0;
}
.label,
label {
  margin-bottom: 10px;
  font-size: 14px;
}

.form-hint {
  display: block;
  margin: -4px 0 8px;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}

a:focus,
button:focus,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
   outline: none;
}


/*now*/
.test{
color: #00ccff;
color: #90a0dd;
color: #33aedf;
color: #4bb9e3;
color: #63c3e6;
color: #7bcde9;
color: #94d7ec;
color: #aedff0;
color: #90a0dd;
color: #aad3e8;

color: #1a73e8;
}
/*maby*/
.test{
color: #7a8bfe;
color: #50a4e5 ;
color: #8191fb;
color: #67b4ef;

color: #63c3e6;
color: #7bcde9;
color: #94d7ec;
color: #aedff0;
color: #90a0dd;
color: #aad3e8;

color: #1a73e8;
}


.competitor .options input {
    width: auto;
}


    label {
      font-weight: 600;
      display: block;
      margin-bottom: 6px;
    }
button {
padding: 12px 12px;
    cursor: pointer;
        font-weight: 600;
}


.btn {
  position: relative;
    font-size: 14px;
    display: inline-block;
    padding: 12px 12px;
    cursor: pointer;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
    border-radius: 4px;
     font-weight: 600;
         text-decoration: none;
       transition: background-color 0.25s ease,
                transform 0.15s ease;
}
.btn:hover {
background: var(--primary-hover-color);
}

.just-link-black{
    display: inline-block;
    background: transparent;
    border: 0;
    padding: 0;
}
.just-link-black span{
    border-bottom: 1px dashed #000;
}

.btn-outline,
.btn-outline:hover{
background: transparent;
color: var(--primary-color);
}

.btn-outline-white,
.btn-outline-white:hover{
    background: transparent;
    color: #fff;
    border-color: #fff;
}


.btn-icon {
    position: relative;
    gap: 8px;
     display: inline-flex;
    align-items: center;
    justify-content: center; /* центрируем текст */
}

.btn-red:hover,
.btn-red {
  background-color: red;
      border: red;
}

.link-black {
color: #000;
border-bottom: 1px dashed;
  border: 0;
    padding: 0;
}
.link-red{
    background: transparent;
    color: red;
    border: 0;
    padding: 0;
}
.bwd{
min-width: 250px
}
.font-little{
  font-size: 10px;
}
.btn100{
  width: 100%;
}

/* иконка */
.btn-icon::after {
    content: "";
    width: 16px;
    height: 16px;

    background-color: currentColor; /* цвет берётся от текста */

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8L22 12L18 16' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12H22' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8L22 12L18 16' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12H22' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;

    mask-size: contain;
    -webkit-mask-size: contain;

    transition: transform 0.2s ease;
}


.btn-link{
  background: transparent;
    color: #000;
    border: 0;
    border-bottom: 1px dashed #000;
    padding: 0;
    border-radius: 0;
}
.btn-gray {
  background-color: gray;
}

.competitor input:disabled,
textarea:disabled,
.btn:disabled,
button:disabled {
background-color: #dbdbdb ;
    color: #696969 ;
    cursor: no-drop ;
    border: 1px solid #d4d4d4 ;
}






.analyze-loader {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #4a5568;
  font-size: 14px;
}

.spinner {
  width: 18px;
  height: 18px;
  border: 3px solid #e2e8f0;
  border-top: 3px solid #4aa3ff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}




.tabs {
  margin-top: 15px;
  margin-bottom: 10px;
}

.tabs button {
  margin-right: 5px;
}

.table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.table-header-block {
      display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.table-header h3,
.table-header h2 {
  margin: 0;
}

.table-search {
  width: 200px;
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  outline: none;
  transition: all 0.2s ease;
}

.table-header input {
    padding: 9px 8px;
    max-width: 155px;
    margin: 0;
    font-size: 14px;
    border: 1px solid #d8dee8;
    border-radius: 6px;
    outline: none;
    transition: all 0.2s ease;
}



.seo-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}

.seo-table th {
  background: #e6f0f8;
  border: 1px solid #ccc;
  padding: 6px;
}

.seo-table td {
  border: 1px solid #ddd;
  padding: 6px;
}

.seo-table tr.exists {
  background: #e9fbe9;
}

.seo-table tr.missing {
  background: #ffecec;
}


.pagination {
  margin: 10px 0;
}

.pagination button {
  margin: 0 3px;
  padding: 4px 8px;
}

.pagination button.active {
    background:  var(--second-color);;
    color: #ffffff;
border-radius: 3px;
    border: 1px solid #394863;
}

.pagination .dots {
  margin: 0 5px;
}

.table-info {
  margin-top: 6px;
  font-size: 13px;
  color: #555;
    display: flex;
    justify-content: space-between;
    align-items: center;
}




/*облака*/
.clouds {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 колонки как в примере */
  gap: 24px;
  margin-bottom: 40px;
}

.cloud {
  border: 1px solid #e0e0e0;
  padding: 16px;
  min-height: 200px;

  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.cloud span {
  margin: 6px 10px 6px 0;
  line-height: 1.2;
  color: #2a7bdc;
  white-space: nowrap;
  cursor: default;
}

.clouds {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 50px;
}

.cloud {
  position: relative;
  width: 340px;
  height: 340px;
  border: 1px solid #e5e5e5;
  background: #fafafa;
  overflow: hidden;
}

.cloud span {
  position: absolute;
  white-space: nowrap;
  color: #1a73e8;
  cursor: default;
  user-select: none;
}


.cloud-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 32px;
}

.cloud-grid h3 {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
}

.columns.competitors {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 🔥 1 + 4 */
  gap: 16px;
  align-items: flex-start;
}


.input-block {
  display: flex;
  flex-direction: column;
}

.input-block .label {
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 14px;
}



/* НАШ САЙТ */
.competitor-search-row .btn,
.pageTheme input,
.input-block.ours textarea {

    border-radius: 7px !important;
}

.input-block.competitor.fragment textarea {
border: 2px solid #bbbc87;
    background: #f6f7fc;
}

/* КОНКУРЕНТЫ */
.input-block.competitor textarea {
  border: 1px solid #ccc;
  background: #fafafa;
      margin-bottom: 3px;
}



.char-counter {
font-size: 12px;
    color: #777;
    margin-top: 4px;
    text-align: left;
}




.seo-table th {
  cursor: pointer;
  user-select: none;
}

.seo-table th:hover {
  background: #eef5ff;
}



.relevance-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
}

.relevance-table th,
.relevance-table td {
  border: 1px solid #ddd;
  padding: 8px 10px;
  text-align: center;
}

.relevance-table th {
  cursor: pointer;
  background: #f5f5f5;
}

.relevance-table tr.site-row {
  background: #e8f7e8;
  font-weight: 600;
}

.relevance-table tr:hover {
  background: #f0f0f0;
}




/*ГАП работа с экранами */
.intent-cluster {
  padding: 10px 12px;
  margin: 8px 0;
  border-radius: 6px;
  border: 1px solid #d4d4d4;
}

.intent-title {
  cursor: pointer;
}

.intent-title:hover {
  text-decoration: underline;
}

.intent-cluster.selected {
  border-color: #4aa3ff;
  background: #eef6ff;
}


.intent-title-btn {
  all: unset;
  cursor: pointer;
  color: #1a73e8;
  font-size: 1.2em;
  font-weight: 600;
  display: inline-block;
}

.intent-title-btn:hover {
  text-decoration: underline;
}

.intent-cluster.selected .intent-title-btn {
  color: #0b57d0;
}



/*при генережке экрана блоки как на первых инструментах*/

.model-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 20px;
}

.model-card {
  padding: 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.model-card-title {
  font-weight: bold;
  font-size: 14px;
}

.model-card-hint {
  font-size: 12px;
  opacity: 0.8;
  white-space: pre-line;
}

.model-card textarea {
  width: 100%;
  resize: vertical;
}

.model-card-actions {
  display: flex;
  gap: 8px;
}








.semantic-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
  font-size: 14px;
}

.semantic-table th,
.semantic-table td {
  border: 1px solid #e0e0e0;
  padding: 10px;
   vertical-align: middle;
}

.semantic-table th {
  background: #f5f5f5;
  text-align: left;
}

.sf-index {
  font-weight: bold;
  text-align: center;
}

.sf-intent,
.rewrite-intent {
  font-size: 12px;
  color: #666;
  margin-bottom: 6px;
}

.sf-text,
.rewrite-text {
  line-height: 1.4;
}

.rewrite-box {
  background: #f9f9f9;
  padding: 8px;
  border-radius: 4px;
  min-height: 40px;
}

.rewrite-box.empty {
  color: #999;
}

.rewrite-btn {
padding: 0;
    cursor: pointer;
    border: 0;
    background: transparent;
    border-bottom: 1px dashed;
    font-size: 12px;
}
/*original*/
.sf-original{
    width: 40%;
}

/*rewrite*/
.sf-rewrite{
    width: 40%;

}





.semantic-locked {
    text-align: center;
    padding: 30px !important;
}

.semantic-upgrade {
  margin: 10px 0;
  color: #555;
  font-size: 14px;
}





/*intent*/

.intent .intent-progress{
margin-top:16px;
padding:14px;
background:#f9fafb;
border:1px solid #e5e7eb;
border-radius:10px;
}

.intent .progress-header{
display:flex;
justify-content:space-between;
font-size:13px;
margin-bottom:8px;
}

.intent .progress-title{
font-weight:600;
}

.intent .progress-bar{
width:100%;
height:3px;
background:#e5e7eb;
border-radius:6px;
overflow:hidden;
margin-bottom:12px;
}

.intent #progressBar{
height:100%;
width:0%;
background: var(--primary-color);
  transition: width 0.7s ease;
}

.intent .progress-steps{
display:flex;
flex-wrap:wrap;
gap:10px;
font-size:12px;
}

.intent .step-item{
padding:6px 10px;
background:#f3f4f6;
border-radius:6px;
color:#6b7280;
display:flex;
align-items:center;
gap:6px;
}

.intent .step-item.active{
background:#e0e7ff;
color:#4338ca;
font-weight:500;
}

.intent .step-item.done{
background:#dcfce7;
color:#166534;
}

.intent .step-item{
  opacity:0.4;
  transition:all .3s ease;
}

.intent .step-item.active{
  opacity:1;
  font-weight:600;
}

.intent .step-item.done{
  opacity:1;
  color:#16a34a;
}








.badge {
  display:inline-block;
  padding:4px 8px;
  border-radius:4px;
  font-size:12px;
  margin-right:6px;
  margin-bottom:6px;
}

.confidence-box {
  padding: 12px;
  border-radius: 6px;
  font-size: 14px;
}

.conf-high {
  background: #dcfce7;
  border: 1px solid #22c55e;
}

.conf-medium {
  background: #fef9c3;
  border: 1px solid #eab308;
}

.conf-low {
  background: #fee2e2;
  border: 1px solid #ef4444;
}

.conf-label {
  font-weight: bold;
  margin-bottom: 6px;
}


.ok { background:#bbf7d0; }
.partial { background:#fde68a; }
.missing { background:#fecaca; }

.result-box {
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:6px;
  padding:12px;
  font-size: 14px;
}


.conf-strong {
  font-weight: bold;
  border-bottom: 1px dashed #22c55e;
}

.conf-weak {
  opacity: 0.8;
  font-style: italic;
}

.locked-scenarios{
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.locked-scenarios li{
    padding: 6px 10px;
    margin-bottom: 6px;
    background: #f3f4f6;
    border-radius: 6px;
    color: #555;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
}

.locked-box{
    padding: 20px;
    background: #ffecec;
    margin-bottom: 20px;
        border: 1px solid #ff9c9c;
}
.last-locked-box{
  margin-top: 20px;
}
.locked-note{
 padding: 15px 0;
}








/* ===== FAQ ===== */
.faq-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.faq-heading-row h2 {
  margin: 0;
}

.faq-search {
  position: relative;
  display: block;
  flex: 0 1 320px;
  margin: 0;
}

.faq-search svg {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 17px;
  height: 17px;
  color: #667085;
  transform: translateY(-50%);
  pointer-events: none;
}

.faq-search input {
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 0 36px 0 38px;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  background: #fff;
  color: #101828;
  font: inherit;
}

.faq-search input:focus {
  border-color: var(--primary-color);
  outline: 3px solid rgba(125, 189, 40, 0.14);
}

.faq-search-hit {
  padding: 0 2px;
  border-radius: 2px;
  background: #fff0a8;
  color: inherit;
}

.faq-search-empty {
  padding: 18px;
  border: 1px dashed #d0d5dd;
  border-radius: 6px;
  background: #f9fafb;
  color: #667085;
  text-align: center;
}

.faq details {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 10px 12px;
  background: #fafafa;
}

.faq details:not(:last-child) {
  margin-bottom: 10px;
}

.faq summary {
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 20px;
}

.faq summary::after {
  content: "▸";
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.2s ease;
}

.faq details[open] summary::after {
  transform: rotate(90deg);
}

.faq details div {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    border-top: 1px solid #d6d6d6;
}

@media (max-width: 700px) {
  .faq-heading-row {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }

  .faq-search {
    flex-basis: auto;
    width: 100%;
  }
}

.changelog {
  margin-top: 40px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fafafa;

}

/* ===== SERVICE UPDATES ===== */
.updates-page,
.update-post-page {
  padding: 36px 0 80px;
  background: #f6f7fb;
  color: #182230;
}

.updates-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 34px;
  color: #667085;
  font-size: 14px;
}

.updates-breadcrumbs a {
  color: #475467;
}

.updates-header {
  max-width: 780px;
  margin-bottom: 34px;
}

.updates-kicker {
  margin: 0 0 8px;
  color: var(--primary-color);
  font-weight: 700;
}

.updates-header h1,
.update-article-header h1 {
  margin: 0 0 14px;
  color: var(--second-color);
  letter-spacing: 0;
}

.updates-header > p:last-child,
.update-article-header > p {
  margin: 0;
  color: #667085;
  font-size: 18px;
  line-height: 1.6;
}

.updates-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.update-card {
  display: grid;
  grid-template-columns: minmax(150px, 34%) 1fr;
  min-height: 230px;
  overflow: hidden;
  border: 1px solid #e3e7ef;
  border-radius: 8px;
  background: #fff;
}

.update-card-no-image {
  grid-template-columns: 1fr;
}

.update-card-image {
  min-height: 100%;
  background: #eef2f7;
}

.update-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.update-card-content {
  display: flex;
  flex-direction: column;
  padding: 24px;
}

.update-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 14px;
  margin-bottom: 12px;
  color: #667085;
  font-size: 13px;
}

.update-card-meta span {
  color: #537f19;
  font-weight: 700;
}

.update-card h2 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.3;
}

.update-card h2 a {
  color: var(--second-color);
}

.update-card-content > p {
  margin: 0 0 20px;
  color: #667085;
  line-height: 1.55;
}

.update-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  color: #537f19;
  font-weight: 700;
}

.updates-empty {
  grid-column: 1 / -1;
  padding: 30px;
  border: 1px dashed #d0d5dd;
  color: #667085;
  text-align: center;
}

.update-article {
  max-width: 920px;
  margin: 0 auto;
  padding: 44px;
  border: 1px solid #e3e7ef;
  border-radius: 8px;
  background: #fff;
}

.update-article-header {
  max-width: 780px;
  margin-bottom: 30px;
}

.update-article-image {
  width: 100%;
  max-height: 500px;
  margin-bottom: 32px;
  object-fit: cover;
}

.update-article-content {
  max-width: 780px;
  margin: 0;
  color: #344054;
  font-size: 17px;
  line-height: 1.75;
}

.update-article-content h2,
.update-article-content h3 {
  color: var(--second-color);
}

.update-tool-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 38px;
  padding: 22px 24px;
  border-left: 4px solid var(--primary-color);
  background: #f4f8ed;
}

.update-tool-cta div {
  display: grid;
  gap: 4px;
}

.update-tool-cta span {
  color: #667085;
  font-size: 13px;
}

.update-tool-cta strong {
  color: var(--second-color);
  font-size: 18px;
}

.update-tool-cta .btn {
  flex: 0 0 auto;
  margin: 0;
}

.update-back {
  display: inline-flex;
  margin-top: 28px;
  color: #475467;
  font-weight: 600;
}

@media (max-width: 900px) {
  .updates-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .updates-page,
  .update-post-page {
    padding-top: 24px;
  }

  .update-card {
    grid-template-columns: 1fr;
  }

  .update-card-image {
    min-height: 190px;
  }

  .update-article {
    padding: 24px 18px;
  }

  .update-tool-cta {
    align-items: stretch;
    flex-direction: column;
  }

  .update-tool-cta .btn {
    width: 100%;
  }
}

.changelog-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 20px;
}

.changelog-header h2,
.changelog-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.changelog-note {
  font-size: 12px;
  color: #6b7280;
}

.changelog-version {
  padding: 16px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  margin-bottom: 14px;
}

.changelog-version.highlight {

      border-color: var(--primary-color);
}

.version-label {
  display: block;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}



.version-list {
  margin: 0;
  padding-left: 18px;
  font-size: 14px;
  color: #374151;
}

.version-list li {
  margin-bottom: 6px;
}





/*********************************
expertise-model
*********************************/


.expertise-model .step-2 .checkbox-auto-analyze input{
width: auto;
}
.expertise-model .step-2 .checkbox-auto-analyze label{
    font-size: 13px
    }


/*********************************
text generator
*********************************/


.text-generator .seo-mode {
  display: flex;
  gap: 10px;
  text-align: left;
}
.text-generator .seo-option input {
width: auto;
}
.text-generator .seo-option {
border-radius: 6px;
    cursor: pointer;
    padding: 20px;
    border: 1px solid #c0bcbc;
}


.text-generator  .seo-option.active {
  background: rgba(40, 167, 69, 0.08);
  border-color: rgba(40, 167, 69, 0.5);
}

.text-generator .seo-desc {
  font-size: 13px;
  opacity: 0.75;
}


.text-generator .form-group {
      margin-bottom: 16px;
    }

    .text-generator .seo-highlight {
  background: #fff3a3;
  padding: 2px 4px;
  border-radius: 4px;
}


.text-generator textarea {
      min-height: 100px;
    }

.text-generator .result-box {
      margin-top: 10px;
      padding: 16px;
      border: 1px solid #ddd;
      background: #fafafa;

    }

.text-generator .hint {
      font-size: 13px;
      color: #666;
      margin-top: 4px;
    }


/*********************************
keyword inserter
*********************************/

.keyword-inserter .form-group { margin-bottom: 18px; }
.keyword-inserter textarea { min-height: 110px; }
.keyword-inserter .hint,
.keyword-inserter .editor-meta { margin-top: 5px; color: #6b7280; font-size: 13px; }
.editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 8px;
  border: 1px solid #d1d5db;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #f8fafc;
}
.editor-toolbar button {
  width: auto;
  min-width: 36px;
  margin: 0;
  padding: 6px 9px;
  border: 1px solid #d1d5db;
  border-radius: 5px;
  background: #fff;
  color: #1f2937;
  cursor: pointer;
}
.rich-editor {
  min-height: 320px;
  padding: 16px;
  overflow-wrap: anywhere;
  border: 1px solid #d1d5db;
  border-radius: 0 0 8px 8px;
  background: #fff;
  line-height: 1.65;
  outline: none;
}
.rich-editor:focus { border-color: #64748b; box-shadow: 0 0 0 3px rgba(100, 116, 139, .12); }
.rich-editor:empty::before { content: attr(data-placeholder); color: #9ca3af; pointer-events: none; }
.expand-option {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 8px 0 20px;
  padding: 14px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f0f7ff;
  cursor: pointer;
}
.expand-option input { width: auto; margin-top: 3px; }
.expand-option small { display: block; margin-top: 4px; color: #64748b; font-weight: 400; }
.inserter-result { margin-top: 32px; scroll-margin-top: 20px; }
.result-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.result-heading h2 { margin-bottom: 4px; }
.result-heading p { margin: 0 0 12px; color: #64748b; font-size: 13px; }
.highlight-sample,
.result-editor mark.keyword-insertion { background: #fff19d; border-radius: 3px; padding: 1px 2px; color: inherit; }
.result-editor.hide-insertion-highlights mark.keyword-insertion { background: transparent; padding: 0; }
.highlight-toggle { white-space: nowrap; font-size: 13px; }
.highlight-toggle input { width: auto; }
.result-stats { display: grid; gap: 9px; margin: 10px 0; }
.result-stats strong { margin-right: 2px; font-size: 13px; }
.keyword-stat-group { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.coverage-badge { width: fit-content; padding: 6px 10px; border-radius: 6px; font-size: 13px; font-weight: 700; }
.coverage-badge.reached { background: #dcfce7; color: #166534; }
.coverage-badge.below { background: #fef3c7; color: #92400e; }
.keyword-chip { padding: 4px 8px; border-radius: 999px; font-size: 12px; }
.keyword-chip.existing { background: #dbeafe; color: #1d4ed8; }
.keyword-chip.used { background: #dcfce7; color: #166534; }
.keyword-chip.missing { background: #f3f4f6; color: #6b7280; }
.result-editor { min-height: 260px; border-radius: 8px; }
.result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.result-actions .btn { width: auto; }
.admin-debug {
  margin-top: 22px;
  border: 1px solid #f59e0b;
  border-radius: 8px;
  background: #fffbeb;
}
.admin-debug summary { padding: 12px 14px; cursor: pointer; font-weight: 700; color: #92400e; }
.admin-debug-body { padding: 0 14px 14px; }
.admin-debug-body p { color: #78350f; font-size: 13px; }
.admin-debug-body .btn { width: auto; margin-bottom: 10px; }
.admin-debug pre {
  max-height: 520px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  border-radius: 6px;
  background: #1f2937;
  color: #e5e7eb;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 700px) {
  .result-heading { display: block; }
  .highlight-toggle { display: block; margin-bottom: 10px; }
}



.field-error {
  color: #d93025;
  font-size: 13px;
  margin-bottom: 6px;
}

.input-error {
  border: 1px solid #d93025;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}


/*********************************
прайс-лист
*********************************/


.extra-credit-block{
margin-top:60px;
}

.extra-credit-card{
background:#f7f7f7;
border:1px solid #e5e5e5;
border-radius:10px;
padding:25px;
max-width:420px;
margin-top:20px;
}

.extra-credit-plan{
font-size:14px;
color:#666;
margin-bottom:15px;
}

.extra-credit-label{
display:block;
font-weight:600;
margin-bottom:6px;
}

.extra-credit-input{
width:100%;
padding:10px;
border:1px solid #ccc;
border-radius:6px;
font-size:16px;
}

.extra-credit-price{
margin-top:15px;
font-size:18px;
font-weight:600;
}

.extra-credit-btn{
margin-top:20px;
width:100%;
}




.price .btn {
    min-width: 140px;
}
.price .plan-price{
font-weight: bold;
}


.nbnb{
  border: 0 !important;
    background: transparent !important;
}
.nbb{
  border-bottom: 0 !important;
}
.price .tools-name{
    text-transform: uppercase;
    font-weight: bold;

}
table {
  text-align: left;
}


table.seo-expert-price{
  width:100%;
  table-layout: fixed;
    margin-top: 20px;
      font-size: 14px;
         border-collapse: collapse;
}

/* первая колонка шире */
table.seo-expert-price th:first-child,
table.seo-expert-price td:first-child{
  width:40%;
}

/* остальные одинаковые */
table.seo-expert-price th:not(:first-child),
table.seo-expert-price td:not(:first-child){
  width:15%;
}




    table.seo-expert-price th,
    table.seo-expert-price td {
      border: 1px solid #d5d5d5;
      padding: 10px;
      text-align: center;
    }


 table.seo-expert-price tr.no-hover:hover{
      background-color: transparent;
     }

    table.seo-expert-price th {
      background: #f9fafb;
      font-weight: 600;
    }

    table.seo-expert-price td:first-child {
      text-align: left;

    }

    table.seo-expert-price .plan-name {
      font-size: 16px;
      font-weight: 700;
    }

    table.seo-expert-price .hint {
      margin-top: 8px;
      font-size: 13px;
      color: #666;
    }

    table.seo-expert-price .badge {
      display: inline-block;
      padding: 2px 6px;
      font-size: 12px;
      border-radius: 4px;
      background: #eef2ff;
      color: #3730a3;
      margin-left: 6px;
    }

    .price .plan-label{
    padding-top: 15px;
    }


/* Экономика инструментов */
    .tariff-table{
  width: 100%;
       border-collapse: collapse;
}
.tariff-table th,
.tariff-table td {
      border: 1px solid #d5d5d5;
      padding: 10px;
      text-align: center;
    }



/*********************************
вход
*********************************/



.terms-box {
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.5;
  padding-bottom: 15px;
}

.terms-label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
}

.terms-label input {
    margin-top: 4px;
    width: auto;
    position: relative;
}




.div-center{
    min-height: 100%;
    display: flex;
    justify-content: center;  /* горизонтально */
    align-items: center;      /* вертикально */
}

    .login-register-form{
max-width: 500px;
    margin: auto;
    padding: 6% 6% 0% 6%;
    background: #fff;
    border-radius: 9px;
    border: 1px solid #e2e2e2;
    margin: 100px auto;
    }


        .login-register-form h1{
    margin: 0;
        }

    .forget-password{
      margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 13px;
    }

    .have-account{
margin-top: 10px;
    text-align: center;
    font-size: 13px;
    padding-bottom: 20px;
    }
/*********************************
.competitor
*********************************/


.competitor #semantic-gaps {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin-top: 15px;
}

.competitor .gap-card {
  border-radius: 12px;
  padding: 14px;
  background: #fff;
  border: 1px solid #eee;
  transition: 0.2s;
}
.competitor .gap-hint{
  font-size: 14px;
  color: #676767;
  padding-bottom: 18px;
}
.competitor .gap-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

/* уровни важности */
.competitor .gap-card.high {
  border-left: 4px solid #ff4d4f;
}

.competitor .gap-card.medium {
  border-left: 4px solid #faad14;
}

.competitor .gap-card.low {
  border-left: 4px solid #d9d9d9;
}

/* header */
.competitor .gap-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.competitor .gap-title {
  font-weight: 600;
}

.competitor .gap-meta {
  display: flex;
  gap: 8px;
  align-items: center;
}

.competitor .badge {
  font-size: 12px;
  background: #f5f5f5;
  padding: 3px 8px;
  border-radius: 6px;
}

.competitor .importance {
  font-weight: bold;
  color: #ff4d4f;
}

/* keywords */
.competitor .gap-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.competitor .chip {
  background: #f0f2f5;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 13px;
}

.competitor .empty {
  color: #888;
}




.competitor .pagination-and-item-per-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
  flex-wrap: wrap; /* чтобы на мобилке не ломалось */
      border-top: 1px solid #c2bdbd;
}

.competitor .table-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.competitor .table-controls select {
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  width: auto;
      margin: 0;
}

.competitor .table-controls select:hover {
  border-color: #50a4e5;
}

.competitor .table-controls select:focus {
  outline: none;
  border-color: #50a4e5;
  box-shadow: 0 0 0 2px rgba(80,164,229,0.15);
}


.competitor .chart-lock-hint {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.competitor .chart-lock-hint .upgrade-link {

  cursor: pointer;
  text-decoration: underline;
}




.input-error {
  border: 1px solid #e53935 !important;
  background: #fff5f5;
}

.field-error {
  font-size: 12px;
  color: #e53935;
  margin-top: 4px;
}

.semantic-fragment-select-wrapp label{
    font-size: 14px;
}
.semantic-fragment-select-wrapp select{
display: block;
width: 250px;
    margin-top: 7px;
        padding: 10px;
}

.ai-suggestions{
display: block;
    border-left: 2px solid #b2b1b1;
    padding: 20px;
    margin-bottom: 25px;
    font-size: 14px;
    background: #f8f8f8;
}



.competitor .btn,
.competitor .btn:disabled,
.competitor button:disabled {
            min-width: 250px
}

.competitor .options label {
  display: inline-block;
    margin-right: 5px;
    font-size: 13px;
}
.competitor .pageTheme > label{
    display: inline-block;
}




.competitor .seo-warning{
  border: 1px solid #d5d5d5;
    padding: 20px;
    margin-top: 5px;
    border-bottom: 0;
}




.competitor .structure-card {
    border: 1px solid #d5d5d5;
    padding: 20px;
}

.competitor .structure-summary {
  font-weight: 600;
  margin-bottom: 15px;
}

.competitor .structure-subtitle {
  margin: 4px 0 12px;
  font-size: 16px;
  font-weight: 700;
}

.competitor .zone-contribution {
  margin-top: 16px;
}

.competitor .zone-contribution-note {
  max-width: 900px;
  margin: -4px 0 14px;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}

.competitor .zone-terms-count {
  display: block;
  margin-top: 3px;
  color: #8a94a3;
  font-size: 11px;
  font-weight: 400;
}

.competitor .zone-score {
  display: inline-block;
  width: 72px;
  height: 6px;
  margin-right: 8px;
  overflow: hidden;
  vertical-align: middle;
  background: #e4e8ee;
  border-radius: 3px;
}

.competitor .zone-score span {
  display: block;
  height: 100%;
  background: #7dbd28;
}

.competitor .structure-table-scroll {
  overflow-x: auto;
}

.competitor .zone-contribution-table {
  min-width: 690px;
}

.competitor .structure-architecture-table {
  min-width: 680px;
}

.competitor .zone-contribution-table th:first-child {
  width: 27%;
}

@media (max-width: 768px) {
  .competitor .structure-card {
    padding: 14px;
  }

  .competitor .zone-score {
    width: 52px;
  }
}

.competitor .structure-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.competitor .structure-table th,
.competitor .structure-table td {
  border-bottom: 1px solid #e3e8ee;
  padding: 8px 10px;
  text-align: left;
}

.competitor .structure-table th {
  background: #ebecee;
  font-weight: 600;
}

.competitor .structure-table th:first-child{
    width: 60%;
}

.competitor .structure-table tr:last-child td{
      border-bottom: 0;
}


.competitor .structure-table .metric-cell {
  padding-bottom: 6px;
}

.competitor .structure-table .metric-title {
  font-weight: 500;
}

.competitor .structure-table .metric-desc {
    font-size: 12px;
    color: #777;
    margin-top: 7px;
    margin-bottom: 6px;
    max-width: 65%;
}




/*уведомление о скрытом текста*/
.competitor .hidden-examples {
margin-top: 15px;
    padding: 10px;
    background: #fff8e1;
    border: 1px solid #e8dcaf;
    margin-bottom: 20px;
}

.competitor .hf-title {
  font-weight: bold;
  margin-bottom: 8px;
}

.competitor .hidden-fragment {
  margin-bottom: 8px;
  font-size: 13px;
}

.competitor .hf-tag {
  color: #888;
  font-size: 12px;
}

.competitor .hf-text {
  color: #333;
}



/*🧱 Скрытые HTML-блоки:*/
.hidden-elements {
    padding: 14px 16px;
    border: 1px solid #d5d5d5;
}

.hidden-elements .hf-title {
font-weight: bold;
}

.hidden-elements .hf-item {
    display: inline-block;
    font-size: 12px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: #000000;
    background: #dde2f4;
    border: 1px solid rgb(206 210 222);
    border-radius: 6px;
    padding: 4px 8px;
    margin: 4px 6px 0 0;
    transition: all 0.2s ease;
    cursor: pointer;
}

.hidden-elements .hf-item:hover {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.4);
  color: #040404;
}









.metric-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.metric-help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 50%;
  background: #e9eef3;
  color: #555;
  cursor: pointer;
  transition: 0.2s ease;
}

.metric-help:hover {
  background: #dbe3ea;
}

.metric-toggle {
  max-height: 0;
  overflow: hidden;
  transition: 0.25s ease;
  margin-top: 0;
}

.metric-toggle.open {
  max-height: 300px;

}



.metric-example {
  font-size: 12px;
  color: #777;
}
.metric-cell {
  vertical-align: top;
}
.structure-table .metric-example {
    font-size: 12px;
    color: #2c6fdd;
    margin-top: 4px;
    max-width: 46%;
}






  .competitor .result-block .rec-title {
margin: 0;
    cursor: pointer;
  }

  .competitor .result-block .coverage{
padding-top: 10px;
    border-bottom: 1px dashed;
    display: inline-block;
    }

      .competitor .result-block .coverage-a{
padding-top: 5px;
    border-bottom: 1px dashed;
    display: inline-block;
    }
     .competitor .result-block .coverage-a-extended{
padding-top: 5px;
    border-bottom: 1px dashed;
    display: inline-block;
    }


    .competitor  .rec-body{
margin: 20px 0;
          border-left: 1px solid #afadad;
    padding-left: 20px;
    }

  .competitor .rec-depth-group-title {
    margin: 12px 0 10px;
    color: #2e3c56;
    font-size: 16px;
    font-weight: 700;
  }

  .competitor .rec-depth-other-title {
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid #e1e5eb;
  }




  .competitor .result-block .depth{
    padding-top: 7px;
    border-bottom: 1px dashed;
    display: inline-block;
    }


   .competitor .model-card button {
    padding: 8px;
    }








.expert-report {
  background:#fff;
  border-radius:14px;
  padding:25px;
  margin-bottom:30px;
  box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.er-header {
  display:flex;
  justify-content:space-between;
  margin-bottom:20px;
}

.er-pretitle {
  font-size:12px;
  color:#888;
  text-transform:uppercase;
}

.er-title {
  margin:5px 0;
  font-size:32px;
}

.er-subtitle {
  color:#666;
}

.er-meta {
  font-size:14px;
  color:#666;
  text-align:right;
}

.er-alert {
  background:#fff1f0;
  border:1px solid #ffa39e;
  padding:12px;
  border-radius:10px;
  margin-bottom:20px;
}

.er-cards {
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:15px;
  margin-bottom:20px;
}

.er-card {
  display:flex;
  gap:15px;
  background:#fafafa;
  padding:15px;
  border-radius:12px;
}

.er-ring {
  width:60px;
  height:60px;
  border-radius:50%;
  background:conic-gradient(#1890ff 0%, #eee 0);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
}

.er-value {
  font-size:20px;
  font-weight:700;
}

.er-label {
  font-size:14px;
}

.er-desc {
  font-size:12px;
  color:#888;
}

.er-main {
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:20px;
}

.er-box {
  padding:15px;
  border-radius:12px;
  margin-bottom:10px;
}

.er-box.red {
  background:#fff1f0;
}

.er-box.green {
  background:#f6ffed;
}

.er-bottom {
  margin-top:20px;
  display:grid;
  grid-template-columns: repeat(6,1fr);
  gap:10px;
}

.er-stat {
  background:#f5f7fa;
  padding:10px;
  border-radius:10px;
  text-align:center;
}

/*********************************
rewrite-fragments
*********************************/

.rewrite-fragments .intent-progress {
  background: #f8fafc;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
}

.rewrite-fragments .progress-header {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin-bottom: 6px;
}

.rewrite-fragments .progress-bar {
  width: 100%;
  height: 8px;
  background: #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
}

.rewrite-fragments .progress-bar div {
  height: 100%;
  width: 0%;
  background: var(--primary-color);
  transition: width .3s ease;
}





.rewrite-fragments  .rewrite-table {
  width: 100%;
  table-layout: fixed;   /* 🔥 фиксируем ширину колонок */
}

.rewrite-fragments .rewrite-table th,
.rewrite-fragments .rewrite-table td {
  word-wrap: break-word;
  overflow-wrap: break-word;
  vertical-align: top;
}

.rewrite-fragments table,
.rewrite-fragments th,
.rewrite-fragments td {
  border: 1px solid #cbcbcb;
 border-collapse: collapse;
     padding: 10px;
}
.rewrite-fragments table{
    margin-top: 30px;
}



.rewrite-fragments .error-message {
    margin-top: 10px;
    font-size: 14px;
    color: red;
}




/*********************************
invoices
*********************************/

.invoice-today,
.invoice-today:hover{
 background: #eafaf0 !important;
  border-left:4px solid #2ecc71;
}

.invoice-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.invoice-table th {
  text-align: left;
  padding: 10px;
  background: #f5f6f8;
  border-bottom: 1px solid #e5e7eb;
}

.invoice-table td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.invoice-table tr:hover {
  background: #fafafa;
}

.badge-paid {
  color: #0f9d58;
  font-weight: 600;
}

.badge-pending {
  color: #f59e0b;
  font-weight: 600;
}

.invoice-link {
  color: #2563eb;
  text-decoration: none;
}

.invoice-link:hover {
  text-decoration: underline;
}




/*********************************
cta
*********************************/
.cta{
    color: #fff;
    padding: 60px 0;

}

.cta .subtitle{
   color: #fff;
}

.cta .btn {
min-width: 215px;
position: relative;
    width: auto !important;
    }
.btn.icon-custom-btn.menu-icon{
  padding-left: 45px;
}

.btn.icon-custom-btn.menu-icon::before{
top: 12px;
    left: 14px;
}



/*********************************
footer
*********************************/


.footer {
background: var(--second-color);
   color: #cbd5e1;
  padding: 50px 0 20px;
      font-size: 14px;
}
.footer p {
  color: #cbd5e1;

}
.footer a {
  display: block;
  color: #cbd5e1;
  text-decoration: none;
  margin: 6px 0;
}

.footer a:hover {
  color: #fff;
}

.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 10px;
}

.footer-social-title {
  color: #fff;
  font-size: 15px !important;
  margin: 18px 0 0 !important;
}

.footer .footer-social-link {
  align-items: center;
  border: 0;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 40px;
}

.footer-social-link svg {
  flex: 0 0 auto;
  fill: currentColor;
  height: 18px;
  width: 18px;
}

.footer-social-youtube {
  background: #ff0000 !important;
}

.footer-social-telegram {
  background: #229ed9 !important;
}

.footer-social-instagram {
  background: linear-gradient(135deg, #f58529 0%, #dd2a7b 45%, #8134af 72%, #515bd4 100%) !important;
}

.footer-social-tiktok {
  background: #111827 !important;
}

.footer-social-vk {
  background: #0077ff !important;
}

.footer-social-link:hover {
  color: #fff;
  transform: translateY(-1px);
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.footer-col h4 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 19px;
}

.footer-bottom {
  margin-top: 40px;
  border-top: 1px solid #1e293b;
  padding-top: 15px;
  text-align: center;

}








.lang-switch {
  margin-top: 15px;
  display: flex;
  gap: 8px;
    justify-content: center; /* по горизонтали */
  align-items: center;     /* по вертикали */
}

.lang-btn {
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 13px;
  text-decoration: none;
  color: #aaa;
  background: rgba(255,255,255,0.05);
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

.lang-btn:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
}

.lang-btn.active {
  color: #fff;
  background: #3b82f6;
  border-color: #3b82f6;
}




.telegram-btn{
width: 40px;
    height: 40px;
    background: #2FA4D6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.telegram-btn svg{
    width: 19px;
    height: 19px;
    fill: white;
    position: relative;
    left: -1px;
}






/*********************************
telegram in footer
*********************************/
.tg-floating {
position: fixed;
    right: 60px;
    bottom: 60px;
    z-index: 99;
}

.floating-socials {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  padding-top: 18px;
}

.floating-social-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.floating-socials-close {
  align-items: center;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
  color: #334155;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  height: 28px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: -12px;
  top: -4px;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
  width: 28px;
  z-index: 2;
}

.floating-socials-close:hover {
  background: #111827;
  color: #fff;
  transform: translateY(-1px);
}

.floating-youtube {
  background: #ff0000 !important;
}

.floating-youtube:hover {
  color: #fff;
}

.youtube-rings::before,
.youtube-rings::after {
  border-color: rgba(255, 0, 0, 0.48);
}

.tg-floating svg{
    position: relative;
    top: 2px;
    left: -1px;
}

/* 🔥 подпись */
.tg-label {
  position: static;
  margin-top: 6px;
  font-size: 12px;
  color: #333;
  background: rgba(255,255,255,0.9);
  padding: 4px 8px;
  border-radius: 6px;
  display: inline-block;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      text-align: center;
          line-height: 17px;
  white-space: nowrap;
}


.tg-button {
  position: relative;
  width: 60px;
  height: 60px;
  background: #229ED9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  transition: transform 0.2s;
}

.tg-button:hover {
  transform: scale(1.1);
}

/* 🔥 кольца */
.tg-rings {
  position: absolute;
  width: 100%;
  height: 100%;
}

.tg-rings::before,
.tg-rings::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(34, 158, 217, 0.5);
  animation: tg-pulse 2s infinite;
}

.tg-rings::after {
  animation-delay: 1s;
}


.youtube-rings::before,
.youtube-rings::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(227, 51, 51, 0.5);
  animation: tg-pulse 2s infinite;
}
.youtube-rings::after {
  animation-delay: 1s;
}



/* 🔥 анимация */
@keyframes tg-pulse {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  70% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}





/*********************************
html-cleaner
*********************************/

.html-input, .html-output,
.visual-editor{
font-size: 12px;
}

.html-clean-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-top:20px;
}

.html-input,
.html-output{
width:100%;
height:330px;


padding:12px;
border:1px solid #ddd;
border-radius:6px;
}

.html-clean-options{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px 30px;
margin-top:10px;
}

.html-clean-options label{
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
}


/*визуальный редактор*/
.visual-editor-wrapper{
margin-top:30px;
border:1px solid #ddd;
border-radius:6px;
background:white;
}

.visual-editor{
min-height:400px;
padding:20px;
line-height:1.6;
}

.visual-editor *:hover{
outline:2px solid #4da3ff;
cursor:pointer;
}

.editor-help{
padding:10px 20px;
background:#f6f6f6;
font-size:13px;
color:#666;
border-top:1px solid #eee;
}



/* видит какой блок выбран*/
.visual-editor *:hover{
outline:2px solid #4da3ff;
cursor:pointer;
}

.visual-selected{
outline:2px solid red !important;
}









/*********************************
.blog-list
*********************************/

.blog-list{
   margin-bottom: 50px;
}
.blog-list .blog-title {
  margin-bottom: 30px;
}

.blog-list .blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 25px;
}

.blog-list .blog-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
  transition: 0.2s;
}

.blog-list .blog-card:hover {

  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.blog-list .blog-card img {
  width: 100%;
  height: 300px;

}

.blog-list .blog-card-content {
  padding: 16px;
}

.blog-list .blog-card h2 {
  font-size: 18px;
  margin-bottom: 10px;
}

.blog-list .blog-card h2 a {
  text-decoration: none;
  color: #111;
}

.blog-list .blog-card p {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  height: 60px;
  overflow: hidden;
}

.blog-list .read-more {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  color: #4f46e5;
  text-decoration: none;
}

.blog-list .read-more:hover {
  text-decoration: underline;
}






/*********************************
.blog-post
*********************************/



.post-tools {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e1e8f0;
}

.post-tools h3 {
  margin-bottom: 15px;
}

.tools-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.tool-card {
  display: block;
  padding: 14px;
  background: white;
  border-radius: 10px;
  font-weight: 500;
  border: 1px solid #e2e8f0;
  text-align: center;

}



.tool-card:hover {

  border-color: #7dbd28;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* мобилка */
@media (max-width: 768px) {
  .tools-grid {
    grid-template-columns: 1fr;
  }
}



/* ===== BLOG POST ===== */
.blog-post .blog-content{
    border-radius: 0;
}

.blog-content a{
    text-decoration: underline;
}


.post-header{
  padding: 30px 0;
}

.post-header h1 {
  font-size: clamp(24px, 5vw, 38px);

  line-height: 1.3;
}

.blog-cover {
  width: 100%;
  border-radius: 12px;
  margin: 20px 0 30px;
}

/* ===== TEXT ===== */

.blog-content {
  font-size: 16px;
  line-height: 1.7;
  color: #222;
}

.blog-content h2 {
  margin-top: 40px;
  margin-bottom: 15px;
  font-size: 24px;
}

.blog-content h3 {

  margin-bottom: 10px;
  font-size: 20px;
}

.blog-content p {
  margin-bottom: 16px;
}

.blog-content ul,
.blog-content ol {
  padding-left: 20px;
  margin-bottom: 20px;
}

.blog-content li {
  margin-bottom: 8px;
}

/* ===== TABLE 🔥 ===== */

.blog-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  font-size: 14px;
}

.blog-content th {
  background: #f5f5f5;
  text-align: left;
  padding: 10px;
  border-bottom: 2px solid #ddd;
}

.blog-content td {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.blog-content tr:hover {
  background: #fafafa;
}

/* ===== CODE ===== */

.blog-content code {
  background: #f4f4f4;
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 14px;
}

.blog-content pre {
  background: #111;
  color: #fff;
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
  margin: 20px 0;
}




/* ===== BLOCKQUOTE ===== */

.blog-content blockquote {
  border-left: 4px solid #4f46e5;
  padding-left: 15px;
  color: #555;
  margin: 20px 0;
}

/* ===== IMAGES IN CONTENT ===== */

.blog-content img {
  max-width: 100%;
  border-radius: 10px;
}




/* ===== LISTS ===== */

.blog-content ul {
  list-style: none;
  padding-left: 0;
  margin: 20px 0;
}

.blog-content ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
}

/* 🔥 кастомные точки */
.blog-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  background:var(--primary-color) ;
  border-radius: 50%;
}

/* ===== НУМЕРОВАННЫЙ СПИСОК ===== */

.blog-content ol {
  counter-reset: item;
  padding-left: 0;
  margin: 20px 0;
}

.blog-content ol li {
  counter-increment: item;
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
}

/* 🔥 красивые номера */
.blog-content ol li::before {
  content: counter(item);
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: var(--primary-color);
  color: white;
  font-size: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}



/*плитка тегов*/
.internal-links-section {
  margin: 28px 0;
}

.internal-links-title {
  margin: 0 0 8px;
  font-size: 16px;
}

.internal-links-slider {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.internal-links-track {
  min-width: 0;
  flex: 1;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 10px 0;
  scrollbar-width: none;
}

/* скрыть скролл */
.internal-links-track::-webkit-scrollbar {
  display: none;
}

/* теги */
.internal-links-track a,
.internal-links-track .internal-link-tag {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 6px 14px;
  background: #f2f4f7;
  border-radius: 20px;
  font-size: 14px;
  text-decoration: none;
  color: #333;
  border: 1px solid #e0e0e0;
  transition: all 0.2s ease;
}

.internal-links-track a:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

/* кнопки */
.slider-btn {
  flex: 0 0 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 0;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  cursor: pointer;
  font-size: 18px;
  z-index: 2;
  padding: 0;
}

.internal-links-slider .slider-btn svg {
  width: 18px;
  height: 18px;
}

.internal-links-slider .slider-btn:hover:not(:disabled) {
  background: #f2f4f7;
}

.internal-links-slider .slider-btn:disabled {
  opacity: .3;
  cursor: default;
}





/*********************************
video
*********************************/

.video-filters {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.video-filters a {
padding: 10px 20px;
    border-radius: 20px;
    background: #e6e6e6;
    text-decoration: none;
    font-size: 14px;
    color: #000;
}




.video-filters a.active {
  background: var(--primary-color);
  color: white;
}


.video-preview {
    position: relative;
    cursor: pointer;
  border-radius: 10px;
    overflow: hidden;
    max-width: 500px;
    margin: 0 auto 0px;
}

.video-preview img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
}

/* затемнение */
.video-preview::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #2e3c56a3;
    transition: 0.3s;
}
.video-preview.playing::after {
  display: none;
}

.video-preview.playing .play-button {
  display: none;
}
/* hover эффект */


.video-preview:hover::after {
     background: #324362a3;
}

/* кнопка */
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
      z-index: 2;
  width: 80px;
  height: 80px;
  border-radius: 50%;

 background: #c71515;
  display: flex;
  align-items: center;
  justify-content: center;

  transition: 0.3s;
}

/* треугольник */
.play-button::before {
  content: "";
  border-style: solid;
  border-width: 12px 0 12px 18px;
  border-color: transparent transparent transparent #ffffff;
  margin-left: 4px;
}

/* hover */
.video-preview:hover .play-button {
  transform: translate(-50%, -50%) scale(1.1);
  background: #c71515;
}

.video-container iframe {
  width: 100%;
  height: 500px;
  border: none;
  border-radius: 16px;
}


/* НИЖНИЙ UI */
.video-ui {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
    z-index: 9;
  padding: 15px;

  background: linear-gradient(
    to top,
    rgba(0,0,0,0.99),
    rgba(0,0,0,0)
  );
}

/* controls */
.controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
  font-size: 14px;
}

/* левая часть */
.controls .left {
  display: flex;
  gap: 10px;
}

/* правая */
.controls .right {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* прогресс */
.video-filters .progress {
  flex: 1;
  height: 4px;
  background: rgba(255,255,255,0.3);
  margin: 0 10px;
  border-radius: 10px;
  overflow: hidden;
}

.video-filters .progress-bar {
  width: 40%;
  height: 100%;
  background: red;
}

/* иконки */
.icon {
  opacity: 0.8;
}

.video-tag a,
.video-tag span{
padding: 7px;
    color: #fff;
    border-radius: 5px;
}











.ai-expert-tools-video{
    max-width: 550px;
  margin: 0 auto;
}

.ai-expert-tools-video .plyr {
  border-radius: 12px;
  overflow: hidden;
}



.main-video {
  padding: 80px 0;
margin-top: 5%;
}


.main-video-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 60px;
  align-items: center;
}




/* BUTTONS */
.main-video-actions {
  display: flex;
  gap: 15px;
}

/* Related articles shared by tool pages. */
.tool-articles-portal {
  box-sizing: border-box;
}

.tool-articles {
  margin-top: 30px;
  overflow: hidden;
}

.tool-articles-head {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 18px;
}

.tool-articles-head h2 {
  margin: 0 0 7px;
}

.tool-articles-head p {
  color: #667085;
  margin: 0;
}

.tool-articles-controls {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.tool-articles-controls button {
  align-items: center;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 50%;
  color: #344054;
  cursor: pointer;
  display: inline-flex;
  font-size: 23px;
  height: 36px;
  justify-content: center;
  line-height: 1;
  padding: 0 0 3px;
  width: 36px;
}

.tool-articles-controls button:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.tool-articles-track {
  display: grid;
  gap: 18px;
  grid-auto-columns: minmax(280px, 360px);
  grid-auto-flow: column;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 2px 1px 12px;
  scroll-behavior: smooth;
  scroll-snap-type: inline mandatory;
  scrollbar-width: none;
}

.tool-articles-track::-webkit-scrollbar {
  display: none;
}

.tool-article-card {
  border-left: 3px solid #c9dc9f;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 250px;
  padding: 4px 16px 4px 17px;
  scroll-snap-align: start;
}

.tool-article-card h3 {
  display: -webkit-box;
  font-size: 18px;
  line-height: 1.35;
  margin: 0 0 10px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.tool-article-card h3 a {
  color: #101828;
  text-decoration: none;
}

.tool-article-card h3 a:hover,
.tool-article-link:hover {
  color: var(--primary-color);
}

.tool-article-card p {
  color: #475467;
  display: -webkit-box;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 12px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.tool-article-link {
  color: #34610a;
  font-size: 14px;
  font-weight: 700;
  margin-top: auto;
  text-decoration: none;
}

@media (max-width: 640px) {
  .tool-articles-head {
    align-items: center;
  }

  .tool-articles-head p {
    display: none;
  }

  .tool-articles-track {
    grid-auto-columns: minmax(260px, 88%);
  }
}

/* ===== SEO TEXT ANALYSIS ===== */
.seo-text-analysis-body {
  background:
    radial-gradient(circle at 12% 4%, rgba(125, 189, 40, 0.13), transparent 30rem),
    radial-gradient(circle at 92% 22%, rgba(39, 142, 198, 0.1), transparent 28rem),
    #f6f7fb;
}

.seo-text-analysis-body .step.faq {
  padding: 30px;
  color: #000;
}

.seo-text-analysis-body .sta-page {
  --sta-ink: var(--dark-color);
  --sta-muted: #667085;
  --sta-line: #e3e7ef;
  --sta-brand: var(--primary-color);
  --sta-brand-hover: var(--primary-hover-color);
  --sta-brand-dark: var(--second-color);
  --sta-soft: #f1f7e9;
  --sta-good: var(--primary-color);
  --sta-warn: #b45309;
  width: min(1160px, calc(100% - 32px));
  margin: 0 auto;
  padding: 72px 0 96px;
  color: var(--sta-ink);
}

.seo-text-analysis-body .sta-page * {
  box-sizing: border-box;
}

.seo-text-analysis-body .sta-hero {
  max-width: 820px;
  margin: 0 auto 36px;
  text-align: center;
}

.seo-text-analysis-body .sta-kicker,
.seo-text-analysis-body .sta-step {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  color: var(--sta-brand);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.seo-text-analysis-body .sta-step svg {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  stroke-width: 2.4;
}

.seo-text-analysis-body .sta-icon-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.seo-text-analysis-body .sta-icon-title svg {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  color: var(--primary-color-blue);
  stroke-width: 2;
}

.seo-text-analysis-body .sta-kicker {
  padding: 8px 12px;
  border: 1px solid #dcebc9;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
}

.seo-text-analysis-body .sta-hero h1 {
  margin: 18px 0 16px;
  font-size: clamp(38px, 6vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.seo-text-analysis-body .sta-hero p {
  max-width: 740px;
  margin: 0 auto;
  color: var(--sta-muted);
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.65;
}

.seo-text-analysis-body .sta-analyzer,
.seo-text-analysis-body .sta-results,
.seo-text-analysis-body .sta-explainer {
  border: 1px solid rgba(219, 224, 234, 0.92);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 24px 70px rgba(24, 32, 61, 0.08);
}

.seo-text-analysis-body .sta-analyzer {
  padding: clamp(22px, 4vw, 42px);
}

.seo-text-analysis-body .sta-analyzer-head,
.seo-text-analysis-body .sta-results-title,
.seo-text-analysis-body .sta-panel-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.seo-text-analysis-body .sta-analyzer h2,
.seo-text-analysis-body .sta-results h2,
.seo-text-analysis-body .sta-explainer h2 {
  margin: 6px 0 0;
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing: -0.035em;
}

.seo-text-analysis-body .sta-live-counter {
  color: var(--sta-muted);
  font-size: 14px;
  white-space: nowrap;
}

.seo-text-analysis-body .sta-live-counter strong {
  color: var(--sta-ink);
  font-variant-numeric: tabular-nums;
}

.seo-text-analysis-body .sta-field {
  display: grid;
  gap: 9px;
  color: var(--sta-ink);
  font-weight: 750;
  margin: 0;
}

.seo-text-analysis-body .sta-text-field {
  margin-top: 28px;
}

.seo-text-analysis-body .sta-field span {
  font-size: 14px;
}

.seo-text-analysis-body .sta-field em {
  color: #98a2b3;
  font-style: normal;
  font-weight: 500;
}

.seo-text-analysis-body .sta-field textarea,
.seo-text-analysis-body .sta-field input {
  width: 100%;
  border: 1px solid #ccd3df;
  border-radius: 16px;
  outline: none;
  background: #fbfcfe;
  color: var(--sta-ink);
  font: inherit;
  font-weight: 500;
  transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
}

.seo-text-analysis-body .sta-field textarea {
  min-height: 300px;
  padding: 20px;
  resize: vertical;
  line-height: 1.62;
}

.seo-text-analysis-body .sta-field input {
  height: 56px;
  padding: 0 17px;
}

.seo-text-analysis-body .sta-field textarea:focus,
.seo-text-analysis-body .sta-field input:focus {
  border-color: var(--sta-brand);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(125, 189, 40, 0.14);
}

.seo-text-analysis-body .sta-field small {
  color: var(--sta-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  display: none;
}

.seo-text-analysis-body .sta-field-error {
  min-height: 20px;
  margin-top: 6px;
  color: #b42318;
  font-size: 13px;
  font-weight: 650;
}

.seo-text-analysis-body .sta-query-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 20px;
  margin-top: 12px;
}

.seo-text-analysis-body .sta-primary-button,
.seo-text-analysis-body .sta-market-action button {
  border: 0;
  border-radius: 16px;
  background: var(--sta-brand);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.18s, background 0.18s, box-shadow 0.18s;
}

.seo-text-analysis-body .sta-primary-button {
  min-width: 210px;
  height: 56px;
  padding: 0 24px;
  font-size: 16px;
  box-shadow: 0 12px 28px rgba(125, 189, 40, 0.24);
}

.seo-text-analysis-body .sta-primary-button:hover,
.seo-text-analysis-body .sta-market-action button:hover {
  transform: translateY(-1px);
  background: var(--sta-brand-hover);
}

.seo-text-analysis-body .sta-results {
  margin-top: 28px;
  padding: clamp(22px, 4vw, 42px);
}

.seo-text-analysis-body .sta-health {
  display: grid;
  min-width: 112px;
  padding: 14px 18px;
  border-radius: 18px;
  background: #eaf8f2;
  color: var(--sta-good);
  text-align: center;
}

.seo-text-analysis-body .sta-health.is-warning {
  background: #fff4e5;
  color: var(--sta-warn);
}

.seo-text-analysis-body .sta-health.is-risk {
  background: #fff0ef;
  color: #b42318;
}

.seo-text-analysis-body .sta-health strong {
  font-size: 28px;
  line-height: 1;
}

.seo-text-analysis-body .sta-health span {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.seo-text-analysis-body .sta-result-note {
  max-width: 760px;
  margin: 18px 0 26px;
  color: var(--sta-muted);
  line-height: 1.6;
}

.seo-text-analysis-body .sta-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.seo-text-analysis-body .sta-metric {
  padding: 18px;
  border: 1px solid var(--sta-line);
  border-radius: 18px;
  background: #fbfcfe;
}

.seo-text-analysis-body .sta-metric-icon {
  display: grid;
  width: 34px;
  height: 34px;
  margin-bottom: 13px;
  place-items: center;
  border-radius: 10px;
  background: #edf6e2;
  color: var(--primary-color);
}

.seo-text-analysis-body .sta-metric-icon svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.2;
}

.seo-text-analysis-body .sta-metric strong {
  display: block;
  margin-bottom: 7px;
  font-size: 25px;
  letter-spacing: -0.03em;
}

.seo-text-analysis-body .sta-metric span {
  color: var(--sta-muted);
  font-size: 13px;
}

.seo-text-analysis-body .sta-result-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 16px;
  margin-top: 16px;
}

.seo-text-analysis-body .sta-panel {
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--sta-line);
  border-radius: 20px;
}

.seo-text-analysis-body .sta-panel-title {
  align-items: center;
}

.seo-text-analysis-body .sta-panel-title h3,
.seo-text-analysis-body .sta-query-result h3 {
  margin: 0;
  font-size: 20px;
}

.seo-text-analysis-body .sta-panel-title span {
  color: #98a2b3;
  font-size: 12px;
}

.seo-text-analysis-body .sta-recommendations {
  display: grid;
  gap: 11px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.seo-text-analysis-body .sta-recommendations li {
  position: relative;
  padding: 12px 14px 12px 42px;
  border-radius: 13px;
  background: #f7f8fb;
  color: #475467;
  font-size: 14px;
  line-height: 1.55;
}

.seo-text-analysis-body .sta-recommendations li::before {
  content: "→";
  position: absolute;
  left: 15px;
  color: var(--sta-brand);
  font-weight: 900;
}

.seo-text-analysis-body .sta-recommendations li.is-good::before {
  content: "✓";
  color: var(--sta-good);
}

.seo-text-analysis-body .sta-word-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 20px;
}

.seo-text-analysis-body .sta-word {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 11px;
  border-radius: 11px;
  background: var(--sta-soft);
  color: var(--second-color);
  font-size: 13px;
  font-weight: 700;
}

.seo-text-analysis-body .sta-word b {
  display: grid;
  min-width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 7px;
  background: #fff;
  font-size: 11px;
}

.seo-text-analysis-body .sta-query-result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  margin-top: 16px;
  padding: 24px;
  border: 1px solid #dcebc9;
  border-radius: 20px;
  background: #f4f9ed;
}

.seo-text-analysis-body .sta-frequency-section,
.seo-text-analysis-body .sta-unigrams,
.seo-text-analysis-body .sta-highlight-section,
.seo-text-analysis-body .sta-cloud-section {
  margin-top: 18px;
  padding: 26px;
  border: 1px solid var(--sta-line);
  border-radius: 20px;
  background: #fff;
}

.seo-text-analysis-body .sta-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.seo-text-analysis-body .sta-section-head h3 {
  margin: 5px 0 0;
  font-size: 22px;
  letter-spacing: -0.025em;
}

.seo-text-analysis-body .sta-section-head > p {
  max-width: 430px;
  margin: 0;
  color: var(--sta-muted);
  font-size: 13px;
  line-height: 1.5;
  text-align: right;
}

.seo-text-analysis-body .sta-page #chart-wrapper {
  width: 100%;
  height: 520px;
  min-height: 420px;
  position: relative;
}

.seo-text-analysis-body #chartPage {
  display: block;
  width: 100%;
  height: 100%;
}

.seo-text-analysis-body .sta-table-head {
  align-items: center;
}

.seo-text-analysis-body .sta-table-search input {
  width: min(280px, 100%);
  height: 44px;
  padding: 0 14px;
  border: 1px solid #ccd3df;
  border-radius: 12px;
  outline: none;
  background: #fbfcfe;
  color: var(--sta-ink);
  font: inherit;
  font-size: 14px;
}

.seo-text-analysis-body .sta-table-search input:focus {
  border-color: var(--sta-brand);
  box-shadow: 0 0 0 4px rgba(125, 189, 40, 0.14);
}

.seo-text-analysis-body .sta-table-scroll {
  overflow-x: auto;
  border: 1px solid var(--sta-line);
  border-radius: 15px;
}

.seo-text-analysis-body .sta-unigram-table {
  width: 100%;
  min-width: 780px;
  border-collapse: collapse;
  font-size: 13px;
}

.seo-text-analysis-body .sta-unigram-table th,
.seo-text-analysis-body .sta-unigram-table td {
  padding: 13px 14px;
  border-bottom: 1px solid #edf0f5;
  text-align: right;
  white-space: nowrap;
}

.seo-text-analysis-body .sta-unigram-table th {
  background: #f7f8fb;
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.seo-text-analysis-body .sta-unigram-table th:nth-child(1),
.seo-text-analysis-body .sta-unigram-table td:nth-child(1),
.seo-text-analysis-body .sta-unigram-table th:nth-child(2),
.seo-text-analysis-body .sta-unigram-table td:nth-child(2) {
  text-align: left;
}

.seo-text-analysis-body .sta-unigram-table tbody tr:last-child td {
  border-bottom: 0;
}

.seo-text-analysis-body .sta-unigram-table tbody tr:hover td {
  background: #f7fbf2;
}

.seo-text-analysis-body .sta-unigram-table tbody tr {
  cursor: pointer;
}

.seo-text-analysis-body .sta-unigram-table tbody tr:focus {
  outline: 3px solid rgba(125, 189, 40, 0.3);
  outline-offset: -3px;
}

.seo-text-analysis-body .sta-unigram-table tbody tr.is-selected td {
  background: #eef7e3;
}

.seo-text-analysis-body .sta-unigram-word {
  color: var(--second-color);
  font-size: 14px;
  font-weight: 800;
}

.seo-text-analysis-body .sta-unigram-rank {
  color: #98a2b3;
  font-variant-numeric: tabular-nums;
}

.seo-text-analysis-body .sta-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 12px;
  color: #98a2b3;
  font-size: 11px;
}

.seo-text-analysis-body .sta-table-footer > div {
  display: grid;
  gap: 3px;
}

.seo-text-analysis-body .sta-table-footer > div span:first-child {
  color: var(--sta-ink);
  font-weight: 700;
}

.seo-text-analysis-body .sta-table-footer button {
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid #cee3b3;
  border-radius: 11px;
  background: #f1f7e9;
  color: var(--second-color);
  font-weight: 750;
  cursor: pointer;
}

.seo-text-analysis-body .sta-table-footer button:hover {
  background: #e4f1d3;
}

.seo-text-analysis-body .sta-table-footer button[hidden] {
  display: none;
}

.seo-text-analysis-body .sta-page .cloud-grid.sta-single-cloud-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
}

.seo-text-analysis-body .sta-page .cloud-grid .cloud-card {
  min-width: 0;
}

.seo-text-analysis-body .sta-page .cloud {
  display: block;
  width: 100%;
  height: 370px;
  min-height: 370px;
  position: relative;
  overflow: hidden;
  border: 1px solid #dfe6d7;
  border-radius: 18px;
  background:
    radial-gradient(circle at 28% 30%, rgba(125, 189, 40, 0.12), transparent 28%),
    radial-gradient(circle at 75% 70%, rgba(39, 142, 198, 0.1), transparent 30%),
    #f8faf6;
}

.seo-text-analysis-body .sta-page .cloud span {
  position: absolute;
  display: inline-block;
  cursor: default;
  line-height: 1;
  transform-origin: center;
  white-space: nowrap;
  user-select: none;
}

.seo-text-analysis-body .sta-highlight-head {
  align-items: center;
}

.seo-text-analysis-body .sta-selected-words {
  display: flex;
  min-height: 30px;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.seo-text-analysis-body .sta-selected-word {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  border: 1px solid color-mix(in srgb, var(--word-color) 55%, #fff);
  border-radius: 999px;
  background: color-mix(in srgb, var(--word-color) 16%, #fff);
  color: #344054;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.seo-text-analysis-body .sta-selected-word::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--word-color);
}

.seo-text-analysis-body .sta-highlight-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.seo-text-analysis-body .sta-water-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.seo-text-analysis-body .sta-water-toggle input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--primary-color-blue);
  cursor: pointer;
}

.seo-text-analysis-body .sta-water-toggle span {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid #b9d9eb;
  border-radius: 11px;
  background: #edf7fc;
  color: var(--second-color);
  font-size: 12px;
  font-weight: 800;
  transition: opacity 0.18s, background 0.18s;
}

.seo-text-analysis-body .sta-water-toggle svg {
  width: 16px;
  height: 16px;
  color: var(--primary-color-blue);
}

.seo-text-analysis-body .sta-water-toggle input:not(:checked) + span {
  opacity: 0.58;
  background: #f4f5f7;
  text-decoration: line-through;
}

.seo-text-analysis-body .sta-water-legend {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  border: 1px solid #b9d9eb;
  border-radius: 999px;
  background: #e3f3fb;
  color: var(--second-color);
  font-size: 12px;
  font-weight: 800;
}

.seo-text-analysis-body .sta-water-legend svg {
  width: 14px;
  height: 14px;
  color: var(--primary-color-blue);
}

.seo-text-analysis-body .sta-highlight-actions strong {
  color: var(--sta-brand-dark);
  font-size: 13px;
}

.seo-text-analysis-body .sta-highlight-actions button {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #cee3b3;
  border-radius: 11px;
  background: #f1f7e9;
  color: var(--second-color);
  font-weight: 750;
  cursor: pointer;
}

.seo-text-analysis-body .sta-highlight-preview {
  height: 390px;
  min-height: 390px;
  max-height: 390px;
  overflow: auto;
  padding: 24px;
  border: 1px solid #dedbea;
  border-radius: 16px;
  outline: none;
  background: #fbfbfe;
  color: #344054;
  font-size: 15px;
  line-height: 1.75;
  white-space: pre-wrap;
}

.seo-text-analysis-body .sta-highlight-empty {
  display: grid;
  min-height: 130px;
  margin: 0;
  place-items: center;
  color: var(--sta-muted);
  text-align: center;
  white-space: normal;
}

.seo-text-analysis-body .sta-highlight-preview:focus {
  border-color: var(--sta-brand);
  box-shadow: 0 0 0 4px rgba(125, 189, 40, 0.1);
}

.seo-text-analysis-body .sta-highlight-preview mark {
  padding: 2px 4px;
  border-radius: 5px;
  background: var(--highlight-color, #ffe66d);
  color: #172033;
  font-weight: 850;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.seo-text-analysis-body .sta-highlight-preview mark.is-water {
  background: #ccecfb;
  color: var(--second-color);
  font-weight: 700;
}

.seo-text-analysis-body .sta-word {
  cursor: pointer;
}

.seo-text-analysis-body .sta-word:hover,
.seo-text-analysis-body .sta-word:focus {
  background: #e4f1d3;
  outline: none;
}

.seo-text-analysis-body .sta-word.is-selected {
  outline: 2px solid var(--word-color, var(--sta-brand));
  outline-offset: 2px;
  background: color-mix(in srgb, var(--word-color, var(--sta-brand)) 18%, #fff);
}

.seo-text-analysis-body .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.seo-text-analysis-body .sta-query-result p {
  margin: 8px 0 0;
  color: var(--sta-muted);
  font-size: 14px;
  line-height: 1.55;
}

.seo-text-analysis-body .sta-query-stats {
  display: flex;
  gap: 10px;
}

.seo-text-analysis-body .sta-query-stat {
  min-width: 104px;
  padding: 12px;
  border-radius: 13px;
  background: #fff;
  text-align: center;
}

.seo-text-analysis-body .sta-query-stat strong,
.seo-text-analysis-body .sta-query-stat span {
  display: block;
}

.seo-text-analysis-body .sta-query-stat strong {
  color: var(--sta-brand-dark);
  font-size: 20px;
}

.seo-text-analysis-body .sta-query-stat span {
  margin-top: 4px;
  color: var(--sta-muted);
  font-size: 11px;
}

.seo-text-analysis-body .sta-market-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 34px;
  margin-top: 18px;
  padding: clamp(24px, 4vw, 38px);
  border-radius: 22px;
  background: linear-gradient(135deg, var(--dark-color), var(--second-color-next));
  color: #fff;
}

.seo-text-analysis-body .sta-step-light {
  color: #dff0c8;
}

.seo-text-analysis-body .sta-market-cta h2 {
  max-width: 680px;
  margin-top: 8px;
  color: #fff;
}

.seo-text-analysis-body .sta-market-cta p {
  max-width: 700px;
  margin: 12px 0 0;
  color: #e4ebf4;
  line-height: 1.6;
}

.seo-text-analysis-body .sta-market-action {
  display: grid;
  gap: 9px;
  min-width: 220px;
}

.seo-text-analysis-body .sta-market-action button {
  min-height: 54px;
  padding: 0 20px;
  background: #fff;
  color: var(--second-color);
  font-size: 15px;
}

.seo-text-analysis-body .sta-market-action button:hover {
  background: #edf6e2;
}

.seo-text-analysis-body .sta-market-action span {
  color: #dbe5f3;
  font-size: 11px;
  text-align: center;
}

.seo-text-analysis-body .sta-explainer {
  margin-top: 28px;
  padding: clamp(24px, 5vw, 52px);
}

.seo-text-analysis-body .sta-explainer-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 30px;
}

.seo-text-analysis-body .sta-explainer-grid article {
  padding: 24px;
  border: 1px solid var(--sta-line);
  border-radius: 18px;
  background: #fbfcfe;
}

.seo-text-analysis-body .sta-explainer-grid article > span {
  color: var(--primary-color-blue);
  font-size: 13px;
  font-weight: 900;
}

.seo-text-analysis-body .sta-explainer-grid h3 {
  margin: 18px 0 10px;
  font-size: 18px;
}

.seo-text-analysis-body .sta-explainer-grid p {
  margin: 0;
  color: var(--sta-muted);
  font-size: 14px;
  line-height: 1.65;
}

@media (max-width: 860px) {
  .seo-text-analysis-body .sta-page {
    padding-top: 44px;
  }

  .seo-text-analysis-body .sta-query-row,
.seo-text-analysis-body .sta-result-grid,
.seo-text-analysis-body .sta-market-cta,
.seo-text-analysis-body .sta-explainer-grid {
    grid-template-columns: 1fr;
  }

  .seo-text-analysis-body .sta-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seo-text-analysis-body .sta-primary-button {
    width: 100%;
  }

  .seo-text-analysis-body .sta-market-action {
    min-width: 0;
  }

  .seo-text-analysis-body .sta-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .seo-text-analysis-body .sta-section-head > p {
    text-align: left;
  }

  .seo-text-analysis-body .sta-table-search,
.seo-text-analysis-body .sta-table-search input {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .seo-text-analysis-body .sta-page {
    width: min(100% - 20px, 1160px);
    padding: 30px 0 64px;
  }

  .seo-text-analysis-body .sta-analyzer,
.seo-text-analysis-body .sta-results,
.seo-text-analysis-body .sta-explainer {
    border-radius: 20px;
  }

  .seo-text-analysis-body .sta-analyzer-head,
.seo-text-analysis-body .sta-results-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .seo-text-analysis-body .sta-field textarea {
    min-height: 240px;
  }

  .seo-text-analysis-body .sta-metrics {
    grid-template-columns: 1fr 1fr;
  }

  .seo-text-analysis-body .sta-query-result {
    grid-template-columns: 1fr;
  }

  .seo-text-analysis-body .sta-query-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .seo-text-analysis-body .sta-frequency-section,
.seo-text-analysis-body .sta-unigrams,
.seo-text-analysis-body .sta-highlight-section,
.seo-text-analysis-body .sta-cloud-section {
    padding: 18px;
  }

  .seo-text-analysis-body .sta-page #chart-wrapper {
    height: 460px;
    min-height: 400px;
  }

  .seo-text-analysis-body .sta-page .cloud {
    height: 300px;
    min-height: 300px;
  }

  .seo-text-analysis-body .sta-table-footer {
    flex-direction: column;
    gap: 4px;
  }

  .seo-text-analysis-body .sta-table-footer button {
    width: 100%;
    margin-top: 8px;
  }

  .seo-text-analysis-body .sta-highlight-actions {
    width: 100%;
    justify-content: space-between;
  }

  .seo-text-analysis-body .sta-highlight-preview {
    height: 330px;
    min-height: 330px;
    max-height: 330px;
    padding: 17px;
  }
}
/* ===== /SEO TEXT ANALYSIS ===== */

/* ===== Back to top ===== */
.back-to-top {
  align-items: center;
  background: #253248;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 6px;
  bottom: 22px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.2);
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  right: 22px;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  position: fixed;
  transform: translateY(10px);
  transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
  visibility: hidden;
  width: 40px;
  z-index: 98;
}

.back-to-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.back-to-top:hover {
  background: #8cc342;
}

.back-to-top:focus-visible {
  outline: 3px solid rgba(140, 195, 66, 0.4);
  outline-offset: 3px;
}

.back-to-top svg {
  height: 19px;
  width: 19px;
}

@media (max-width: 600px) {
  .back-to-top {
    bottom: 14px;
    height: 38px;
    left: 14px;
    width: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .back-to-top {
    transition: none;
  }
}

/* Backlinks and donor-check tools */
.backlinks {
  .backlinks-tool{--bl-ink:#172033;--bl-muted:#687386;--bl-line:#dfe4eb;--bl-soft:#f5f7fa;--bl-blue:#3157d5;--bl-cyan:#20a9a2;max-width:1220px;margin:0 auto;padding:42px 24px 84px;color:var(--bl-ink)}
  .bl-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px;align-items:end;margin-bottom:28px}.bl-kicker,.bl-card-heading span,.bl-gap-stat>span,.bl-limit-card>span{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--bl-blue)}.bl-hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:12px 0 18px}.bl-hero p{max-width:760px;margin:0;color:var(--bl-muted);font-size:18px;line-height:1.6}.bl-hero-note{border-left:3px solid var(--bl-blue);padding:4px 0 4px 20px}.bl-hero-note strong{display:block;font-size:24px}.bl-hero-note span{display:block;color:var(--bl-muted);font-size:13px;line-height:1.45;margin-top:5px}
  .bl-panel{background:#fff;border:1px solid var(--bl-line);border-radius:18px;box-shadow:0 10px 34px rgba(23,32,51,.045)}.bl-form-panel{position:relative;padding:24px}.bl-search-label{display:block;margin-bottom:9px;font-size:13px;font-weight:800}.bl-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:stretch}.bl-domain-input-wrap{position:relative}.bl-domain-input-wrap>svg{position:absolute;left:16px;top:50%;width:21px;height:21px;transform:translateY(-50%);fill:none;stroke:#8b96a8;stroke-width:1.8}.bl-domain-input-wrap input,.bl-competitor-grid input,.bl-table-search input,.bl-table-search select{border:1px solid #ccd3de;border-radius:10px;background:#fff;color:var(--bl-ink);font:inherit;outline:none}.bl-domain-input-wrap input{margin:0;width:100%;height:56px;padding:0 16px 0 48px;font-size:18px;font-weight:650}.bl-domain-input-wrap input:focus,.bl-competitor-grid input:focus,.bl-table-search input:focus,.bl-table-search select:focus{border-color:var(--bl-blue);box-shadow:0 0 0 3px rgba(49,87,213,.1)}.bl-primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:0;border-radius:10px;background:var(--bl-ink);color:#fff!important;font-weight:750;text-decoration:none;cursor:pointer}.bl-analyze-btn{min-width:170px;min-height:56px}.bl-primary-btn:hover{background:var(--bl-blue)}.bl-primary-btn:disabled{opacity:.55;cursor:wait}.bl-settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:128px;padding:0 15px;border:1px solid #ccd3de;border-radius:10px;background:#fff;color:var(--bl-ink);font-weight:750;cursor:pointer}.bl-settings-btn:hover,.bl-settings-btn[aria-expanded="true"]{border-color:var(--bl-blue);background:#f4f7ff;color:var(--bl-blue)}.bl-settings-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.bl-search-meta{display:flex;align-items:center;gap:18px;margin-top:10px;color:var(--bl-muted);font-size:12px}.bl-search-meta #blCost{margin-left:auto}.bl-status{color:#46546a;font-weight:650}.bl-settings-panel{margin-top:18px;padding:16px;border:1px solid var(--bl-line);border-radius:14px;background:var(--bl-soft)}.bl-settings-panel[hidden],.bl-competitor-grid[hidden]{display:none!important}.bl-settings-heading{display:flex;justify-content:space-between;gap:18px;margin-bottom:12px}.bl-settings-heading strong,.bl-settings-heading small{display:block}.bl-settings-heading small{margin-top:3px;color:var(--bl-muted);font-size:11px}.bl-settings-heading button{width:30px;height:30px;border:0;background:transparent;color:#788396;font-size:24px;line-height:1;cursor:pointer}.bl-competitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.bl-competitor-grid input{height:48px;padding:0 12px;min-width:0}.bl-error,.bl-warning{margin-top:16px;padding:13px 15px;border-radius:10px;background:#fff2f1;color:#a22c28;font-size:14px}.bl-warning{background:#fff8e6;color:#7d5b12}.bl-results{margin-top:54px}.bl-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:44px 0 18px}.bl-section-heading>div{display:flex;align-items:baseline;gap:12px}.bl-section-heading span{font-weight:800;color:var(--bl-blue)}.bl-section-heading h2{font-size:27px;letter-spacing:-.03em;margin:0}.bl-section-heading p{max-width:540px;margin:0;color:var(--bl-muted);font-size:13px;line-height:1.5;text-align:right}
  .bl-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bl-summary-grid[data-count="1"]{grid-template-columns:minmax(300px,390px)}.bl-summary-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(300px,390px))}.bl-summary-card{padding:20px;border-top:4px solid var(--domain-color,var(--bl-blue))}.bl-summary-domain{display:flex;align-items:center;gap:8px;font-weight:800;overflow-wrap:anywhere}.bl-domain-dot{width:9px;height:9px;border-radius:50%;background:var(--domain-color)}.bl-summary-main{font-size:36px;font-weight:850;letter-spacing:-.04em;margin:20px 0 3px}.bl-summary-label{font-size:12px;color:var(--bl-muted)}.bl-summary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--bl-line)}.bl-summary-metrics div{min-width:0}.bl-summary-metrics strong{display:block;font-size:18px}.bl-summary-metrics span{display:block;font-size:10px;line-height:1.3;color:var(--bl-muted);margin-top:3px}.bl-sample-badge{display:inline-block;margin-top:12px;padding:4px 7px;border-radius:6px;background:var(--bl-soft);color:var(--bl-muted);font-size:10px}.bl-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.bl-chart-card{padding:22px;min-height:380px}.bl-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.bl-card-heading h3{font-size:19px;letter-spacing:-.02em;margin:5px 0 0}.bl-info{width:25px;height:25px;border:1px solid var(--bl-line);border-radius:50%;background:#fff;color:var(--bl-muted);cursor:help}.bl-chart-wrap{position:relative;height:285px}.bl-gap-heading{margin-top:56px}.bl-empty{padding:28px;color:var(--bl-muted);text-align:center}.bl-overlap-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,.7fr)}.bl-gap-stat{padding:28px;display:flex;flex-direction:column;justify-content:center;background:var(--bl-ink);color:#fff}.bl-gap-stat>span{color:#89a2ff}.bl-gap-stat strong{font-size:70px;line-height:1;margin:22px 0 10px;letter-spacing:-.06em}.bl-gap-stat p{margin:0;color:#bdc6d6;line-height:1.5}.bl-table-card{display:block!important;padding:22px;margin-top:16px}.bl-donor-card>*{width:100%;min-width:0}.bl-table-controls{display:flex!important;align-items:center;justify-content:space-between}.bl-table-search{display:flex;gap:8px}.bl-table-search input,.bl-table-search select{height:38px;padding:0 11px;font-size:13px}.bl-table-search select{max-width:220px}.bl-table-scroll{display:block!important;width:100%;overflow:auto;max-height:570px;border:1px solid var(--bl-line);border-radius:12px}.bl-table-scroll table{border-collapse:collapse;width:100%}.bl-donor-table-scroll table{min-width:1180px}.bl-table-card th,.bl-table-card td{padding:11px 13px;border-bottom:1px solid #edf0f4;text-align:left;font-size:13px;white-space:nowrap}.bl-table-card th{position:sticky;top:0;z-index:2;background:var(--bl-soft);color:var(--bl-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.bl-table-card tbody tr:hover{background:#f8faff}.bl-table-card td small{display:block;max-width:320px;margin-top:3px;overflow:hidden;color:var(--bl-muted);font-size:10px;text-overflow:ellipsis}.bl-donor-link{color:var(--bl-ink);font-weight:700;text-decoration:none}.bl-donor-link:hover{color:var(--bl-blue)}.bl-url-link{display:block;max-width:330px;overflow:hidden;color:var(--bl-blue);text-overflow:ellipsis;text-decoration:none}.bl-url-link:hover{text-decoration:underline}.bl-url-missing{color:#8b96a8;font-size:11px}.bl-pill{display:inline-flex;padding:3px 7px;border-radius:999px;background:#edf8f3;color:#25724e;font-size:10px;font-weight:750}.bl-pill.inactive{background:#f1f2f5;color:#727b8a}.bl-last-grid{margin-top:16px}.bl-chart-footnote{color:var(--bl-muted);font-size:11px;line-height:1.5;margin:10px 0 0}.bl-limit-card{padding:30px}.bl-limit-card h3{font-size:25px;line-height:1.2;margin:13px 0 22px}.bl-limit-card ul{padding-left:19px;margin:0;color:var(--bl-muted);line-height:1.6}.bl-limit-card li+li{margin-top:10px}.bl-method{margin-top:70px;padding-top:34px;border-top:1px solid var(--bl-line)}.bl-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.bl-method-grid article{border-top:2px solid var(--bl-ink);padding-top:14px}.bl-method-grid p{color:var(--bl-muted);font-size:13px;line-height:1.55;margin:8px 0 0}
  .bl-compare-toggle{min-height:70px;padding:12px 14px;border:1px solid var(--bl-line);border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;background:var(--bl-soft)}
  .bl-compare-toggle>input{position:absolute;opacity:0;pointer-events:none}.bl-toggle-control{width:42px;height:24px;border-radius:999px;background:#bac2cf;position:relative;flex:0 0 auto;transition:.2s}.bl-toggle-control:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:.2s}.bl-compare-toggle input:checked+.bl-toggle-control{background:var(--bl-blue)}.bl-compare-toggle input:checked+.bl-toggle-control:after{transform:translateX(18px)}.bl-compare-toggle strong,.bl-compare-toggle small{display:block}.bl-compare-toggle strong{font-size:14px}.bl-compare-toggle small{margin-top:3px;color:var(--bl-muted);font-size:11px}
  .bl-summary-main{margin-top:12px}.bl-gauge{height:148px;margin:8px auto 0;position:relative;max-width:200px}.bl-gauge svg{display:block;width:100%;height:94px;overflow:visible}.bl-gauge-zone{fill:none;stroke-width:12;stroke-linecap:butt}.bl-gauge-zone.zone-poor{stroke:#d84c4c}.bl-gauge-zone.zone-average{stroke:#e19032}.bl-gauge-zone.zone-good{stroke:#20a9a2}.bl-gauge-zone.zone-excellent{stroke:#2f9b62}.bl-gauge-needle{stroke:var(--bl-ink);stroke-width:2.5;stroke-linecap:round;transform-box:view-box;transform-origin:60px 60px;transition:transform .6s ease}.bl-gauge-center{fill:var(--bl-ink)}.bl-gauge-score{position:absolute;top:86px;left:0;right:0;text-align:center;font-size:26px;font-weight:850;line-height:1;letter-spacing:-.04em}.bl-gauge-score small{display:block;margin-top:5px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:currentColor}.bl-gauge-scale{position:absolute;top:62px;left:-3px;right:-3px;display:flex;justify-content:space-between;color:#8b96a8;font-size:8px;font-weight:700}.bl-gauge-scale span:nth-child(2),.bl-gauge-scale span:nth-child(4){transform:translateY(-20px)}.bl-gauge-scale span:nth-child(3){transform:translateY(-28px)}
  .bl-priority{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.bl-priority.high{background:#fdecec;color:#b43232}.bl-priority.medium{background:#fff3df;color:#9a641a}.bl-priority.review{background:#eef1f5;color:#667386}.bl-wrap-cell{min-width:190px;max-width:300px;white-space:normal!important;line-height:1.4}.bl-action-link{color:var(--bl-blue);font-weight:700;text-decoration:none}.bl-action-link:hover{text-decoration:underline}
  .bl-donor-table-scroll table{min-width:760px}.bl-strength-meter{display:grid;grid-template-columns:30px 88px auto;align-items:center;gap:7px;min-width:175px}.bl-strength-meter strong{font-size:15px}.bl-strength-meter>span{height:6px;overflow:hidden;border-radius:999px;background:#e8ecf1}.bl-strength-meter>span i{display:block;height:100%;border-radius:inherit}.bl-strength-meter small{margin:0!important;color:var(--bl-muted);font-size:9px;text-transform:capitalize}
  .bl-table-note{margin:11px 2px 0;color:var(--bl-muted);font-size:11px;line-height:1.5}
  .bl-ct-btn{height:34px;padding:0 12px;border:0;border-radius:8px;background:#172033;color:#fff;font-size:11px;font-weight:750;cursor:pointer}.bl-ct-btn:hover{background:var(--bl-blue)}.bl-ct-btn.secondary{height:28px;margin-top:5px;background:#eef2ff;color:var(--bl-blue)}.bl-ct-status,.bl-ct-error{font-size:11px}.bl-ct-error{color:#b43232}.bl-ct-pending{display:flex;min-width:160px;flex-direction:column;align-items:flex-start;font-size:11px}.bl-ct-pending small{margin-top:2px!important}.bl-ct-metrics{display:grid;grid-template-columns:repeat(2,minmax(66px,1fr));gap:5px;min-width:185px}.bl-ct-metrics span{padding:5px 7px;border-radius:7px;background:#f5f7fa}.bl-ct-metrics small{margin:0!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.05em}.bl-ct-metrics strong{display:block;margin-top:2px;font-size:12px}
  .dc-domains{box-sizing:border-box;width:100%;padding:15px;border:1px solid #ccd3de;border-radius:12px;outline:none;resize:vertical;color:var(--bl-ink);font:600 15px/1.55 inherit}.dc-domains:focus{border-color:var(--bl-blue);box-shadow:0 0 0 3px rgba(49,87,213,.1)}.dc-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;color:var(--bl-muted);font-size:12px}.dc-results{margin-top:54px}.dc-metric{display:inline-flex;min-width:48px;justify-content:center;padding:5px 8px;border-radius:8px;background:#eef1f5;font-weight:800}.dc-metric.good{background:#e8f7ef;color:#25724e}.dc-metric.medium{background:#fff3df;color:#966018}.dc-metric.bad{background:#fdecec;color:#b43232}.dc-ready{color:#25724e;font-size:11px;font-weight:750}.dc-empty{color:#8b96a8}
  @media(max-width:980px){.bl-summary-grid,.bl-summary-grid[data-count]{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-method-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:720px){.backlinks-tool{padding:28px 14px 64px}.bl-hero{grid-template-columns:1fr}.bl-hero-note{display:none}.bl-hero h1{font-size:46px}.bl-form-panel{padding:16px}.bl-search-row{grid-template-columns:minmax(0,1fr) 52px}.bl-analyze-btn{grid-column:1/-1;grid-row:2;min-height:50px}.bl-settings-btn{grid-column:2;grid-row:1;min-width:0;padding:0}.bl-settings-btn span{display:none}.bl-search-meta{align-items:flex-start;flex-direction:column;gap:4px}.bl-search-meta #blCost{margin-left:0}.bl-competitor-grid,.bl-chart-grid,.bl-overlap-grid{grid-template-columns:1fr}.bl-summary-grid,.bl-summary-grid[data-count]{grid-template-columns:1fr}.bl-section-heading{align-items:flex-start;flex-direction:column}.bl-section-heading p{text-align:left}.bl-table-controls{align-items:flex-start!important;flex-direction:column}.bl-table-search{width:100%;flex-direction:column}.bl-table-search input,.bl-table-search select{max-width:none;width:100%}.bl-method-grid{grid-template-columns:1fr}.bl-chart-card{min-height:340px}.bl-chart-wrap{height:250px}}
  @media(max-width:720px){.dc-actions{align-items:stretch;flex-direction:column}.dc-actions .bl-primary-btn{width:100%}}
  .dc-domains{font-family:inherit;font-size:15px;font-weight:600;line-height:1.55}
  .bl-bulk-toolbar{display:grid;grid-template-columns:minmax(190px,1fr) 230px auto;align-items:center;gap:10px;margin:-4px 0 14px;padding:12px;border:1px solid var(--bl-line);border-radius:12px;background:var(--bl-soft)}.bl-bulk-toolbar strong,.bl-bulk-toolbar small{display:block}.bl-bulk-toolbar strong{font-size:13px}.bl-bulk-toolbar small{margin-top:3px;color:var(--bl-muted);font-size:10px}.bl-bulk-toolbar select{height:42px;padding:0 11px;border:1px solid #ccd3de;border-radius:9px;background:#fff;color:var(--bl-ink);font:inherit;font-size:12px}.bl-bulk-toolbar .bl-primary-btn{min-height:42px}.bl-check-col{width:34px!important;min-width:34px!important;padding-left:12px!important;padding-right:5px!important}.bl-check-col input{width:16px;height:16px;accent-color:var(--bl-blue);cursor:pointer}.bl-verified-card[hidden]{display:none!important}.bl-verified-card{margin-top:16px!important;border-top:3px solid var(--bl-blue)}.bl-verified-table{min-width:1280px}.bl-verified-table .bl-strength-meter{min-width:150px}.bl-metric-meter{grid-template-columns:minmax(48px,auto) 72px auto;min-width:150px}.bl-metric-meter strong{white-space:nowrap}.bl-metric-meter small{white-space:nowrap}
  .bl-ct-waiting{display:inline-flex;padding:5px 8px;border-radius:7px;background:#eef2ff;color:#5269b5;font-size:10px;font-weight:750}
  .bl-colored-value{display:inline-flex;flex-direction:column;align-items:flex-start;font-size:16px;font-weight:850;line-height:1}.bl-colored-value small{margin:4px 0 0!important;color:currentColor!important;font-size:8px!important;font-weight:750;text-transform:uppercase}
  .bl-donor-table-scroll table{min-width:1450px}.bl-risk-cell{display:block;min-width:210px;max-width:290px;white-space:normal;line-height:1.35}.bl-risk-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:850}.bl-risk-badge.normal{background:#edf8f3;color:#25724e}.bl-risk-badge.low_value{background:#eef1f5;color:#667386}.bl-risk-badge.review{background:#fff3df;color:#9a641a}.bl-risk-badge.high{background:#fdecec;color:#b43232}.bl-risk-cell small{display:block!important;max-width:290px!important;overflow:visible!important;white-space:normal;margin-top:5px!important}.bl-risk-action{font-weight:700;color:#4f5b6d}
  .bl-placement-btn{display:block;margin-top:7px;padding:0;border:0;background:transparent;color:var(--bl-blue);font-size:10px;font-weight:750;cursor:pointer}.bl-placement-btn:hover{text-decoration:underline}.bl-placement-btn:disabled{color:var(--bl-muted);cursor:wait}.bl-placements-table{min-width:2500px}.bl-placement-url{display:block;max-width:300px;overflow:hidden;color:var(--bl-blue);text-overflow:ellipsis;text-decoration:none}.bl-placement-url:hover{text-decoration:underline}.bl-link-context{display:block;max-width:360px;white-space:normal;line-height:1.4}.bl-link-context strong{display:block;margin-bottom:4px}.bl-link-context small{display:block!important;max-width:360px!important;white-space:normal;color:var(--bl-muted)}.bl-link-status{display:flex;flex-wrap:wrap;gap:4px}.bl-pill.new{background:#e8f1ff;color:#3157d5}.bl-pill.lost{background:#fdecec;color:#b43232}.bl-pill.live{background:#edf8f3;color:#25724e}
  .bl-admin-debug{margin-top:70px;padding-top:20px;border-top:1px dashed #bac4d2}.bl-admin-debug-panel{padding:18px;border-color:#b8c5da;background:#f8faff}.bl-admin-debug-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:var(--bl-muted);font-size:12px}.bl-admin-debug textarea{box-sizing:border-box;width:100%;min-height:420px;padding:15px;border:1px solid #cad3e0;border-radius:10px;background:#101725;color:#d9e3f4;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:vertical;white-space:pre}.bl-admin-debug .bl-primary-btn{min-height:38px;white-space:nowrap}@media(max-width:720px){.bl-admin-debug-actions{align-items:stretch;flex-direction:column}.bl-admin-debug .bl-primary-btn{width:100%}}
  .bl-threshold-setting{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--bl-line);border-radius:10px;background:#fff}.bl-threshold-setting strong,.bl-threshold-setting small{display:block}.bl-threshold-setting small{margin-top:3px;color:var(--bl-muted);font-size:10px}.bl-threshold-setting select{height:42px;min-width:220px;padding:0 34px 0 11px;border:1px solid #ccd3de;border-radius:9px;background:#fff;color:var(--bl-ink);font:inherit;font-size:12px;font-weight:700}
  .bl-summary-metrics.dfs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.bl-summary-metrics.dfs div:last-child{grid-column:1/-1}.bl-summary-metrics .bl-positive,.bl-summary-metrics .bl-negative{display:inline;font-size:15px}.bl-positive{color:#21805a}.bl-negative{color:#bd4a3e}.bl-summary-details{margin-top:16px}.bl-summary-details[hidden]{display:none!important}.bl-summary-details table{min-width:1320px}.bl-summary-more{min-width:160px}.bl-summary-more summary{color:var(--bl-blue);font-weight:750;cursor:pointer}.bl-summary-more-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;width:min(620px,70vw);padding:12px 0;white-space:normal;line-height:1.45}.bl-summary-more-grid span{padding:9px;border-radius:8px;background:var(--bl-soft)}.bl-summary-more-grid small{display:block!important;margin:0 0 4px!important;color:var(--bl-muted);font-size:9px!important;font-weight:750;text-transform:uppercase}.bl-summary-more-grid strong{font-size:13px}
  .bl-domain-donors{margin-top:30px;padding-top:26px;border-top:1px solid var(--bl-line)}.bl-domain-tabs{display:flex;gap:8px;margin:0 0 14px;overflow-x:auto;padding-bottom:4px}.bl-domain-tab{flex:0 0 auto;min-width:150px;padding:11px 14px;border:1px solid var(--bl-line);border-radius:10px;background:#fff;color:var(--bl-ink);font-size:12px;font-weight:800;text-align:left;cursor:pointer}.bl-domain-tab small{display:block;margin-top:4px;color:var(--bl-muted);font-size:9px;font-weight:650}.bl-domain-tab:hover{border-color:#aebbe9}.bl-domain-tab.active{border-color:var(--bl-blue);background:#eef2ff;color:var(--bl-blue)}.bl-domain-tab.active small{color:#6076c8}
  .bl-empty-inline{margin-top:24px;padding:18px;border:1px dashed var(--bl-line);border-radius:10px;background:var(--bl-soft);color:var(--bl-muted);text-align:center;font-size:13px}
  .bl-competitor-field{position:relative;min-width:0}.bl-competitor-field .bl-competitor{box-sizing:border-box;width:100%;padding-right:38px}.bl-remove-competitor{position:absolute;right:7px;top:50%;width:28px;height:28px;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:#8b96a8;font-size:20px;line-height:1;cursor:pointer}.bl-remove-competitor:hover{background:#fdecec;color:#b43232}.bl-remove-competitor:disabled{display:none}.bl-competitor-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:14px;color:var(--bl-muted);font-size:11px}.bl-competitor-actions .bl-primary-btn{min-height:42px}.bl-donor-details{min-width:180px}.bl-donor-details summary{color:var(--bl-blue);font-size:11px;font-weight:750;cursor:pointer}.bl-donor-details div{width:300px;padding:9px 0;white-space:normal;color:var(--bl-muted);font-size:10px;line-height:1.55}.bl-donor-details strong{color:var(--bl-ink)}
  @media(max-width:720px){.bl-bulk-toolbar{grid-template-columns:1fr}.bl-bulk-toolbar select,.bl-bulk-toolbar .bl-primary-btn{width:100%}.bl-threshold-setting{align-items:stretch;flex-direction:column}.bl-threshold-setting select{width:100%}.bl-summary-more-grid{grid-template-columns:1fr;width:72vw}}
  @media(max-width:720px){.bl-competitor-actions{align-items:stretch;flex-direction:column}.bl-competitor-actions .bl-primary-btn{width:100%}}
  .bl-chain-cell{display:flex;min-width:190px;flex-direction:column;align-items:flex-start;gap:6px}.bl-chain-cell small{max-width:260px;color:#697386;line-height:1.35}.bl-chain-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf7f2;color:#267c57;font-size:12px;font-weight:800}.bl-chain-badge.review{background:#f3f1ec;color:#756648}.bl-chain-badge.boosted{background:#fff2dd;color:#9b6418}.bl-chain-badge.proxy{background:#fde8e8;color:#b43d3d}.bl-chain-btn{padding:6px 10px;border:1px solid #b9c7f8;border-radius:8px;background:#f5f7ff;color:#3157d5;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.bl-chain-btn:disabled{cursor:wait;opacity:.6}.bl-chain-card{margin-top:18px;border:1px solid #dbe2ec;border-radius:20px;background:#fff;overflow:hidden}.bl-chain-card>.bl-card-heading{padding:20px 22px 0}.bl-chain-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.bl-chain-summary>div{padding:16px;border-right:1px solid #edf0f4}.bl-chain-summary>div:last-child{border:0}.bl-chain-summary span,.bl-chain-summary strong{display:block}.bl-chain-summary span{margin-bottom:6px;color:#778295;font-size:11px}.bl-chain-summary strong{font-size:20px}.bl-chain-flow{display:flex;align-items:center;justify-content:center;gap:16px;padding:22px;background:#f7f9fc;font-size:15px}.bl-chain-flow span,.bl-chain-flow strong{padding:11px 16px;border:1px solid #d7dfeb;border-radius:10px;background:#fff}.bl-chain-flow i{color:#3157d5;font-size:22px;font-style:normal}.bl-chain-card>.bl-table-scroll{margin:18px 22px;width:calc(100% - 44px)}.bl-secondary-btn{padding:10px 13px;border:1px solid #3157d5;border-radius:10px;background:#fff;color:#3157d5;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}@media(max-width:1100px){.bl-chain-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.bl-chain-flow{align-items:stretch;flex-direction:column;text-align:center}.bl-chain-flow i{transform:rotate(90deg)}}
  .bl-donor-view[hidden]{display:none!important}.bl-donor-view-tabs{display:flex;gap:8px;margin:4px 0 16px;padding:5px;border-radius:12px;background:#f2f5f9;overflow-x:auto}.bl-donor-view-tabs button{flex:1 0 180px;padding:11px 14px;border:0;border-radius:9px;background:transparent;color:#657185;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.bl-donor-view-tabs button small{margin-left:5px;color:#8a96a8;font-size:9px}.bl-donor-view-tabs button.active{background:#fff;color:#3157d5;box-shadow:0 3px 12px rgba(28,42,66,.08)}.bl-view-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.bl-view-toolbar select{height:38px;max-width:240px;padding:0 11px;border:1px solid #ccd3de;border-radius:10px;background:#fff;color:var(--bl-ink);font:inherit;font-size:12px}.bl-exact-links-scroll table{min-width:1600px}.bl-link-route{display:grid;grid-template-columns:minmax(250px,1fr) 24px minmax(250px,1fr);align-items:center;gap:8px;min-width:590px;white-space:normal}.bl-link-route>div{min-width:0}.bl-link-route strong,.bl-link-route a{display:block}.bl-link-route strong{margin-bottom:4px}.bl-link-route a{max-width:290px;overflow:hidden;color:#3157d5;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.bl-link-route a:hover{text-decoration:underline}.bl-link-route i{color:#3157d5;font-size:20px;font-style:normal;text-align:center}.bl-rank-triplet{display:grid;grid-template-columns:repeat(3,44px);gap:4px;text-align:center}.bl-rank-triplet>*{padding:6px 4px;border-radius:7px;background:#f3f5f8}.bl-rank-triplet strong{background:#e9efff;color:#3157d5}.bl-exact-risk{display:flex;min-width:210px;max-width:280px;flex-wrap:wrap;gap:5px;white-space:normal}.bl-exact-risk small{flex-basis:100%;white-space:normal}.bl-chain-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bl-chain-overview-card{padding:16px;border:1px solid #dfe5ee;border-radius:14px;background:#fff}.bl-chain-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bl-chain-overview-head strong,.bl-chain-overview-head small{display:block}.bl-chain-overview-head small{max-width:340px;margin-top:4px;color:#748094;font-size:10px;line-height:1.4}.bl-chain-mini-flow{display:grid;grid-template-columns:1fr 20px 1.3fr 20px 1fr;align-items:center;gap:5px;margin:14px 0;padding:12px;border-radius:10px;background:#f6f8fb;text-align:center}.bl-chain-mini-flow span{min-width:0}.bl-chain-mini-flow small,.bl-chain-mini-flow strong{display:block}.bl-chain-mini-flow small{margin-bottom:4px;color:#7c8798;font-size:9px}.bl-chain-mini-flow strong{overflow:hidden;font-size:12px;text-overflow:ellipsis}.bl-chain-mini-flow i{color:#3157d5;font-style:normal}.bl-chain-overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.bl-chain-overview-metrics span{padding:8px;border-radius:8px;background:#fafbfc}.bl-chain-overview-metrics small,.bl-chain-overview-metrics strong{display:block}.bl-chain-overview-metrics small{color:#7c8798;font-size:8px}.bl-chain-overview-metrics strong{margin-top:4px;font-size:14px}@media(max-width:1000px){.bl-chain-overview{grid-template-columns:1fr}}@media(max-width:720px){.bl-view-toolbar{align-items:stretch;flex-direction:column}.bl-view-toolbar select,.bl-view-toolbar button{max-width:none;width:100%}.bl-chain-mini-flow{grid-template-columns:1fr}.bl-chain-mini-flow i{transform:rotate(90deg)}.bl-chain-overview-metrics{grid-template-columns:repeat(2,1fr)}}
  .bl-exact-links-scroll table{min-width:920px;table-layout:fixed}.bl-exact-links-scroll th:nth-child(1){width:23%}.bl-exact-links-scroll th:nth-child(2){width:34%}.bl-exact-links-scroll th:nth-child(3){width:21%}.bl-exact-links-scroll th:nth-child(4){width:22%}.bl-exact-links-scroll td{padding-top:10px;padding-bottom:10px;vertical-align:top;white-space:normal}.bl-source-page,.bl-anchor-target,.bl-compact-link-metrics,.bl-compact-link-status{min-width:0}.bl-source-page strong,.bl-source-page a,.bl-source-page small,.bl-anchor-target>strong,.bl-anchor-target>small{display:block}.bl-source-page strong{margin-bottom:4px}.bl-source-page a,.bl-anchor-target a{display:block;overflow:hidden;color:#3157d5;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.bl-source-page a:hover,.bl-anchor-target a:hover{text-decoration:underline}.bl-source-page small{margin-top:5px!important}.bl-anchor-target>small{display:-webkit-box!important;margin:4px 0 7px!important;overflow:hidden!important;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bl-anchor-target>div{display:grid;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:4px}.bl-anchor-target i{color:#3157d5;font-style:normal}.bl-compact-link-metrics .bl-strength-meter{grid-template-columns:26px 62px auto;min-width:135px}.bl-compact-link-metrics .bl-rank-triplet{margin-top:7px}.bl-compact-link-metrics>small{max-width:none!important;white-space:normal}.bl-rank-triplet{display:grid;grid-template-columns:repeat(3,38px);gap:4px;text-align:center}.bl-rank-triplet>*{padding:5px 3px;border-radius:7px;background:#f3f5f8}.bl-rank-triplet strong{background:#e9efff;color:#3157d5}.bl-compact-link-status>.bl-link-status{margin-bottom:6px}.bl-compact-link-status>small{margin-bottom:7px;white-space:normal}.bl-exact-risk{display:flex;min-width:0;max-width:none;flex-wrap:wrap;gap:4px;white-space:normal}.bl-exact-risk .bl-risk-badge,.bl-exact-risk .bl-chain-badge{padding:3px 6px;font-size:9px}.bl-exact-risk small{display:-webkit-box!important;flex-basis:100%;margin-top:1px!important;overflow:hidden!important;white-space:normal;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}

  /* Compact report tables: keep every report inside its card without horizontal scrolling. */
  .bl-table-scroll {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .bl-compact-table table,
  .bl-summary-details table,
  .bl-donor-table-scroll table,
  .bl-exact-links-scroll table,
  .bl-verified-table,
  .bl-placements-table {
    width: 100%;
    min-width: 0 !important;
    table-layout: fixed;
  }

  .bl-compact-table th,
  .bl-compact-table td {
    box-sizing: border-box;
    padding: 9px 10px;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .bl-compact-table th {
    font-size: 9px;
    line-height: 1.25;
    letter-spacing: .04em;
  }

  .bl-compact-table td {
    font-size: 12px;
    line-height: 1.35;
  }

  .bl-compact-table td small {
    max-width: 100%;
    white-space: normal;
  }

  .bl-compact-table .bl-url-link,
  .bl-compact-table .bl-placement-url {
    max-width: 100%;
    white-space: nowrap;
  }

  .bl-actions-col {
    text-align: right !important;
  }

  .task-status {
    position: relative;
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 8px;
  }

  .task-status svg {
    width: 15px;
    height: 15px;
    stroke-width: 2.2;
  }

  .task-status-success { border-color: #bfe8d2; background: #eaf8f1; color: #21805a; }
  .task-status-processing { border-color: #cdd8fa; background: #eef2ff; color: #3157d5; }
  .task-status-failed { border-color: #f1c7c3; background: #fdeeed; color: #bd4a3e; }
  .task-status-warning { border-color: #f2d9ac; background: #fff5e4; color: #a46c1d; }

  .task-status-tooltip {
    position: absolute;
    right: 0;
    bottom: calc(100% + 7px);
    z-index: 15;
    width: max-content;
    max-width: min(320px, calc(100vw - 24px));
    max-height: min(280px, calc(100vh - 24px));
    box-sizing: border-box;
    overflow-y: auto;
    overflow-wrap: anywhere;
    padding: 9px 11px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 9px;
    background: #172033;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .22);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(3px);
    transition: .15s;
  }

  .task-status:hover .task-status-tooltip,
  .task-status:focus .task-status-tooltip,
  .task-status.is-tooltip-open .task-status-tooltip {
    visibility: visible;
    opacity: 1;
    transform: none;
  }

  .task-status.is-tooltip-open .task-status-tooltip {
    pointer-events: auto;
  }

  .task-status .task-status-tooltip.is-viewport-tooltip {
    position: fixed !important;
    top: var(--tooltip-top) !important;
    right: auto !important;
    bottom: auto !important;
    left: var(--tooltip-left) !important;
    z-index: 1000;
    width: max-content !important;
    max-width: min(320px, calc(100vw - 24px)) !important;
    transform: none !important;
  }

  .bl-metric-list {
    display: grid;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .bl-metric-list li {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: baseline;
    justify-content: space-between;
    gap: 7px;
    padding-left: 9px;
    color: var(--bl-muted);
    font-size: 10px;
  }

  .bl-metric-list li::before {
    position: absolute;
    top: .62em;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #c5cddd;
    content: "";
  }

  .bl-metric-list strong {
    min-width: 0;
    color: var(--bl-ink);
    font-size: 11px;
    text-align: right;
    overflow-wrap: anywhere;
  }

  .bl-status-metrics {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 7px;
  }

  .bl-status-metrics .bl-metric-list {
    min-width: 0;
    flex: 1;
  }

  .bl-summary-actions,
  .bl-signal-stack,
  .bl-stacked-meters {
    display: grid;
    gap: 7px;
    min-width: 0;
  }

  .bl-cell-note {
    display: -webkit-box !important;
    margin-top: 5px !important;
    overflow: hidden !important;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .bl-row-actions {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 5px;
    flex-wrap: wrap;
    text-align: right;
  }

  .bl-row-actions .bl-placement-btn,
  .bl-row-actions .bl-chain-btn,
  .bl-row-actions .bl-ct-btn,
  .bl-row-actions .bl-action-link {
    display: inline-flex;
    min-height: 28px;
    height: auto;
    margin: 0;
    padding: 5px 7px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d5ddeb;
    border-radius: 7px;
    background: #fff;
    color: var(--bl-blue);
    font-size: 9px;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
  }

  .bl-row-actions .bl-ct-btn {
    border-color: #172033;
    background: #172033;
    color: #fff;
  }

  .bl-row-actions .bl-chain-btn:hover,
  .bl-row-actions .bl-placement-btn:hover,
  .bl-row-actions .bl-action-link:hover {
    border-color: #aebce9;
    background: #f4f7ff;
    text-decoration: none;
  }

  .bl-row-actions .bl-ct-status,
  .bl-row-actions .bl-ct-error,
  .bl-row-actions .bl-ct-pending {
    flex-basis: 100%;
    min-width: 0;
    text-align: right;
  }

  .bl-row-actions details {
    max-width: 100%;
    text-align: left;
  }

  .bl-stacked-meters > span > small {
    margin: 0 0 3px !important;
    font-size: 8px !important;
    font-weight: 800;
    text-transform: uppercase;
  }

  .bl-stacked-meters .bl-strength-meter {
    grid-template-columns: 25px minmax(38px, 58px) minmax(30px, auto);
    gap: 5px;
    min-width: 0;
  }

  .bl-stacked-meters .bl-strength-meter strong { font-size: 12px; }
  .bl-stacked-meters .bl-strength-meter small { font-size: 8px; }

  .bl-signal-stack .bl-chain-cell,
  .bl-signal-stack .bl-risk-cell {
    min-width: 0;
    max-width: 100%;
  }

  .bl-signal-stack small {
    display: -webkit-box !important;
    overflow: hidden !important;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .bl-compact-table .bl-ct-metrics {
    grid-template-columns: 1fr 1fr;
    min-width: 0;
  }

  .bl-compact-table .bl-ct-metrics span { padding: 4px; }
  .bl-compact-table .bl-ct-pending { min-width: 0; }

  .bl-placement-route {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr);
    align-items: center;
    gap: 4px;
  }

  .bl-placement-route i {
    color: var(--bl-blue);
    font-style: normal;
    text-align: center;
  }

  .bl-compact-quality { display: grid; gap: 6px; }
  .bl-summary-more { min-width: 0; }

  .bl-summary-more-grid {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 7px 0;
  }

  .bl-summary-more-grid span { padding: 6px; }

  #blSummaryDetailsTableWrap th:nth-child(1) { width: 16%; }
  #blSummaryDetailsTableWrap th:nth-child(2) { width: 22%; }
  #blSummaryDetailsTableWrap th:nth-child(3) { width: 19%; }
  #blSummaryDetailsTableWrap th:nth-child(4) { width: 20%; }
  #blSummaryDetailsTableWrap th:nth-child(5) { width: 23%; }
  .bl-exact-links-scroll th:nth-child(1) { width: 22%; }
  .bl-exact-links-scroll th:nth-child(2) { width: 34%; }
  .bl-exact-links-scroll th:nth-child(3) { width: 21%; }
  .bl-exact-links-scroll th:nth-child(4) { width: 23%; }
  .bl-donor-table-scroll th:nth-child(1) { width: 18%; }
  .bl-donor-table-scroll th:nth-child(2) { width: 24%; }
  .bl-donor-table-scroll th:nth-child(3) { width: 39%; }
  .bl-donor-table-scroll th:nth-child(4) { width: 19%; }
  .bl-chain-card th:nth-child(1) { width: 22%; }
  .bl-chain-card th:nth-child(2) { width: 22%; }
  .bl-chain-card th:nth-child(3) { width: 30%; }
  .bl-chain-card th:nth-child(4) { width: 26%; }
  #blGapContent th:nth-child(1) { width: 4%; }
  #blGapContent th:nth-child(2) { width: 19%; }
  #blGapContent th:nth-child(3) { width: 30%; }
  #blGapContent th:nth-child(4) { width: 24%; }
  #blGapContent th:nth-child(5) { width: 23%; }
  .bl-verified-table th:nth-child(1) { width: 20%; }
  .bl-verified-table th:nth-child(2) { width: 23%; }
  .bl-verified-table th:nth-child(3) { width: 18%; }
  .bl-verified-table th:nth-child(4) { width: 18%; }
  .bl-verified-table th:nth-child(5) { width: 21%; }
  .bl-placements-table th:nth-child(1) { width: 15%; }
  .bl-placements-table th:nth-child(2) { width: 24%; }
  .bl-placements-table th:nth-child(3) { width: 23%; }
  .bl-placements-table th:nth-child(4) { width: 20%; }
  .bl-placements-table th:nth-child(5) { width: 18%; }

  #blDonorTable td:last-child,
  #blGapTable td:last-child,
  #blVerifiedTable td:last-child,
  #blChainTable td:last-child {
    text-align: right;
  }

  @media (max-width: 760px) {
    .bl-compact-table {
      max-height: none;
      overflow: visible;
    }

    .bl-compact-table table,
    .bl-compact-table tbody,
    .bl-compact-table tr,
    .bl-compact-table td {
      display: block;
      width: 100% !important;
    }

    .bl-compact-table thead { display: none; }

    .bl-compact-table tr {
      margin: 0;
      padding: 8px;
      border-bottom: 1px solid var(--bl-line);
    }

    .bl-compact-table td {
      padding: 5px 3px;
      border: 0;
    }

    .bl-compact-table td:empty { display: none; }

    .bl-compact-table .bl-check-col {
      display: inline-block;
      width: auto !important;
    }

    .bl-row-actions {
      justify-content: flex-start;
      text-align: left;
    }

    #blDonorTable td:last-child,
    #blGapTable td:last-child,
    #blVerifiedTable td:last-child,
    #blChainTable td:last-child {
      text-align: left;
    }
  }

  .bl-inline-signals {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
  }

  .bl-inline-signals .task-status {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    border-radius: 6px;
  }

  .bl-inline-signals .task-status svg {
    width: 12px;
    height: 12px;
  }

  .bl-mini-tag {
    display: inline-flex;
    min-width: 22px;
    height: 22px;
    padding: 0 4px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9e0ea;
    border-radius: 6px;
    background: #f3f5f8;
    color: #657185;
    font-size: 9px;
    font-weight: 850;
    text-transform: uppercase;
    cursor: help;
  }

  .bl-mini-tag.warning {
    border-color: #f0c98f;
    background: #fff6e8;
    color: #a56312;
  }

  .bl-signal-stack {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
  }

  .bl-signal-stack .bl-chain-badge,
  .bl-signal-stack .bl-risk-badge,
  .bl-exact-risk .bl-chain-badge,
  .bl-exact-risk .bl-risk-badge {
    max-width: 100%;
    padding: 3px 6px;
    overflow: hidden;
    font-size: 8px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: help;
  }

  .bl-compact-link-status {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
  }

  .bl-rank-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
    margin-top: 6px;
  }

  .bl-rank-strip > span {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 4px 3px;
    border-radius: 6px;
    background: #f1f4f8;
    cursor: help;
  }

  .bl-rank-strip small {
    margin: 0 !important;
    color: #7c8798;
    font-size: 7px !important;
    font-weight: 850;
  }

  .bl-rank-strip strong {
    color: var(--bl-ink);
    font-size: 10px;
  }

  .bl-rank-strip > span:first-child {
    background: #e9efff;
  }

  .bl-rank-strip > span:first-child strong {
    color: var(--bl-blue);
  }

  .bl-exact-risk {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
  }

  .bl-summary-open {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border: 1px solid #cbd6f5;
    border-radius: 7px;
    background: #f4f7ff;
    color: var(--bl-blue);
    font: inherit;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
  }

  .bl-summary-open:hover {
    border-color: var(--bl-blue);
    background: #eaf0ff;
  }

  .bl-summary-modal {
    box-sizing: border-box;
    width: min(820px, calc(100vw - 32px));
    max-height: min(760px, calc(100vh - 40px));
    padding: 0;
    overflow: hidden;
    border: 1px solid #d8e0eb;
    border-radius: 18px;
    background: #fff;
    color: var(--bl-ink);
    box-shadow: 0 24px 80px rgba(23, 32, 51, .25);
  }

  .bl-summary-modal::backdrop {
    background: rgba(17, 25, 39, .52);
    backdrop-filter: blur(2px);
  }

  .bl-summary-modal-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px 16px;
    border-bottom: 1px solid var(--bl-line);
  }

  .bl-summary-modal-head span {
    color: var(--bl-blue);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .bl-summary-modal-head h3 {
    margin: 5px 0 0;
    font-size: 23px;
    letter-spacing: -.03em;
  }

  .bl-summary-modal-head button {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bl-line);
    border-radius: 9px;
    background: #fff;
    color: #657185;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
  }

  .bl-summary-modal-body {
    max-height: calc(100vh - 150px);
    padding: 20px 22px 24px;
    overflow: auto;
  }

  .bl-summary-modal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .bl-summary-modal-grid > span {
    min-width: 0;
    padding: 12px;
    border: 1px solid #e6eaf0;
    border-radius: 10px;
    background: #f8f9fb;
    line-height: 1.4;
  }

  .bl-summary-modal-grid small {
    display: block;
    margin-bottom: 6px;
    color: var(--bl-muted);
    font-size: 9px;
    font-weight: 750;
    text-transform: uppercase;
  }

  .bl-summary-modal-grid strong {
    font-size: 14px;
  }

  @media (max-width: 760px) {
    .bl-summary-modal-grid { grid-template-columns: 1fr 1fr; }
  }

  @media (max-width: 480px) {
    .bl-summary-modal-grid { grid-template-columns: 1fr; }
  }

  /* Local post-analysis scenario: reuses saved backlink rows and never calls a provider. */
  .bl-scenario-toggle {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    padding: 0;
    border: 1px solid var(--bl-line);
    border-radius: 11px;
    background: #fff;
    color: #667287;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(23, 32, 51, .04);
  }

  .bl-scenario-toggle:hover,
  .bl-scenario-toggle[aria-expanded="true"],
  .bl-scenario-toggle.is-active {
    border-color: var(--bl-blue);
    background: #f4f7ff;
    color: var(--bl-blue);
  }

  .bl-scenario-toggle.is-active::after {
    content: "";
    position: absolute;
    top: 6px;
    right: 6px;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #e19032;
  }

  .bl-scenario-toggle svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
  }

  .bl-scenario-panel[hidden] {
    display: none !important;
  }

  .bl-scenario-panel {
    margin: 0 0 18px;
    padding: 18px;
  }

  .bl-scenario-head,
  .bl-scenario-result {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
  }

  .bl-scenario-head > div:first-child > span {
    color: var(--bl-blue);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .bl-scenario-head h3 {
    margin: 3px 0 2px;
    font-size: 20px;
    letter-spacing: -.025em;
  }

  .bl-scenario-head small,
  .bl-scenario-result small {
    color: var(--bl-muted);
    font-size: 11px;
  }

  .bl-scenario-preset {
    width: min(280px, 100%);
  }

  .bl-scenario-preset select,
  .bl-scenario-field select,
  .bl-scenario-field input {
    width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--bl-line);
    border-radius: 9px;
    background: #fff;
    color: var(--bl-ink);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
  }

  .bl-scenario-controls {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 10px;
    margin-top: 14px;
  }

  .bl-scenario-option {
    min-width: 0;
    min-height: 104px;
    padding: 11px 12px;
    border: 1px solid #e6eaf0;
    border-radius: 12px;
    background: #f8f9fb;
  }

  .bl-scenario-preset.bl-scenario-option {
    display: block;
    min-height: 0;
  }

  .bl-scenario-option-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--bl-ink);
    font-size: 12px;
  }

  .bl-scenario-option-head > span {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }

  .bl-scenario-option > small {
    display: block;
    min-height: 28px;
    margin: 5px 0 8px;
    color: var(--bl-muted);
    font-size: 10px;
    line-height: 1.35;
  }

  .bl-scenario-check {
    cursor: pointer;
  }

  .bl-scenario-check input {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    accent-color: var(--bl-blue);
  }

  .bl-scenario-help {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 1px solid #cbd4e3;
    border-radius: 50%;
    background: #fff;
    color: #67748a;
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    line-height: 1;
    cursor: help;
  }

  .bl-scenario-help::after {
    content: attr(data-tooltip);
    position: absolute;
    z-index: 25;
    right: -8px;
    bottom: calc(100% + 9px);
    width: min(280px, 72vw);
    padding: 9px 10px;
    border-radius: 8px;
    background: #172033;
    color: #fff;
    font-size: 10px;
    font-weight: 550;
    line-height: 1.45;
    opacity: 0;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity .15s ease, transform .15s ease;
    box-shadow: 0 8px 24px rgba(23, 32, 51, .18);
  }

  .bl-scenario-help:hover::after,
  .bl-scenario-help:focus-visible::after {
    opacity: 1;
    transform: translateY(0);
  }

  .bl-scenario-result {
    align-items: center;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #eef3ff;
    color: #3c4960;
    font-size: 11px;
  }

  #blScenarioStatus {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    margin-bottom: 2px;
  }

  #blScenarioStatus span {
    white-space: nowrap;
  }

  #blScenarioReset {
    flex: 0 0 auto;
    padding: 7px 11px;
    border: 1px solid #cad5f4;
    border-radius: 8px;
    background: #fff;
    color: var(--bl-blue);
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
  }

  .bl-scenario-modal-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #cad5f4;
    border-radius: 10px;
    background: #eef3ff;
    color: #56637a;
    font-size: 12px;
  }

  .bl-scenario-modal-summary strong {
    margin-left: 4px;
    color: var(--bl-ink);
    font-size: 15px;
  }

  .bl-scenario-modal-summary i {
    color: var(--bl-blue);
    font-style: normal;
    font-weight: 900;
  }

  @media (max-width: 1180px) {
    .bl-scenario-controls { grid-template-columns: repeat(3, minmax(170px, 1fr)); }
  }

  @media (max-width: 760px) {
    .bl-scenario-head { align-items: stretch; flex-direction: column; }
    .bl-scenario-preset { width: 100%; }
    .bl-scenario-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bl-scenario-result { align-items: flex-start; }
  }

  @media (max-width: 480px) {
    .bl-scenario-controls { grid-template-columns: 1fr; }
  }
  /* Saved backlink reports */
  .bl-recent-new{display:inline-flex;align-items:center;text-decoration:none}
  .bl-recent-projects{margin-top:20px}.bl-recent-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.bl-recent-heading span{display:block;margin-bottom:3px;color:var(--bl-blue);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.bl-recent-heading h2{margin:0;color:var(--bl-ink);font-size:20px;letter-spacing:-.025em}.bl-recent-actions{display:flex;align-items:center;gap:7px}.bl-recent-new,.bl-recent-arrow{height:34px;border:1px solid var(--bl-line);border-radius:9px;background:#fff;color:var(--bl-ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.bl-recent-new{padding:0 13px}.bl-recent-arrow{width:34px;padding:0;font-size:16px}.bl-recent-new:hover,.bl-recent-arrow:hover{border-color:var(--bl-blue);color:var(--bl-blue)}.bl-recent-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1px 1px 8px}.bl-recent-track::-webkit-scrollbar{display:none}.bl-recent-card-shell{position:relative;flex:0 0 calc((100% - 20px)/3);min-width:250px;scroll-snap-align:start}.bl-recent-card{display:flex;width:100%;min-height:116px;box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:8px;padding:15px 46px 15px 16px;border:1px solid var(--bl-line);border-radius:14px;background:#fff;color:var(--bl-ink)!important;text-decoration:none;box-shadow:0 7px 24px rgba(23,32,51,.035);transition:border-color .15s,transform .15s}.bl-recent-card:hover{border-color:#aebbe9;transform:translateY(-1px)}.bl-recent-card.is-current{border-color:var(--bl-blue);background:#f6f8ff}.bl-recent-remove{position:absolute;z-index:2;top:10px;right:10px;width:27px;height:27px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#8490a5;font:600 20px/1 sans-serif;cursor:pointer}.bl-recent-remove:hover,.bl-recent-remove:focus-visible{border-color:#f3c7c7;background:#fff4f4;color:#c83d3d;outline:none}.bl-recent-card-top,.bl-recent-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.bl-recent-card-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.bl-recent-card-top b{display:inline-flex;min-width:29px;height:29px;align-items:center;justify-content:center;border-radius:50%;background:#eef2ff;color:var(--bl-blue);font-size:11px}.bl-recent-competitors{overflow:hidden;color:var(--bl-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.bl-recent-card-bottom{padding-top:8px;border-top:1px solid #edf0f5;color:var(--bl-muted);font-size:10px}.bl-recent-card-bottom em{color:var(--bl-blue);font-style:normal;font-weight:750}
  @media(max-width:720px){.bl-recent-heading{align-items:flex-start}.bl-recent-actions .bl-recent-arrow{display:none}.bl-recent-card-shell{flex-basis:84%;min-width:230px}}

  /* Compact, local-only filters for saved donor pages. */
  .bl-donor-heading-tools {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .bl-donor-heading-tools input {
    min-width: 220px;
  }

  .bl-donor-options-btn {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 9px;
  }

  .bl-donor-options-panel[hidden] {
    display: none !important;
  }

  .bl-donor-options-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin: -4px 0 12px;
  }

  .bl-donor-options-panel label {
    display: flex;
    max-width: 410px;
    align-items: flex-start;
    gap: 9px;
    padding: 9px 11px;
    border: 1px solid var(--bl-line);
    border-radius: 10px;
    background: #f8f9fb;
    cursor: pointer;
  }

  .bl-donor-options-panel input {
    margin: 2px 0 0;
  }

  .bl-donor-options-panel span,
  .bl-donor-options-panel strong,
  .bl-donor-options-panel small {
    display: block;
  }

  .bl-donor-options-panel strong {
    color: var(--bl-ink);
    font-size: 11px;
  }

  .bl-donor-options-panel small {
    margin-top: 2px;
    color: var(--bl-muted);
    font-size: 9px;
    line-height: 1.4;
  }

  @media(max-width:720px) {
    .bl-donor-heading-tools,
    .bl-donor-heading-tools input,
    .bl-donor-options-panel label { width: 100%; max-width: none; }
    .bl-donor-heading-tools input { min-width: 0; }
  }

  #blSummaryDetailsTableWrap { display: none !important; }

  /* Four useful columns by default; the technical risk column is opt-in. */
  #blExactLinksTableElement th:nth-child(1) { width: 24%; }
  #blExactLinksTableElement th:nth-child(2) { width: 36%; }
  #blExactLinksTableElement th:nth-child(3) { width: 25%; }
  #blExactLinksTableElement th:nth-child(5) { width: 15%; }
  #blExactLinksTableElement.show-risk th:nth-child(1) { width: 20%; }
  #blExactLinksTableElement.show-risk th:nth-child(2) { width: 29%; }
  #blExactLinksTableElement.show-risk th:nth-child(3) { width: 21%; }
  #blExactLinksTableElement.show-risk th:nth-child(4) { width: 18%; }
  #blExactLinksTableElement.show-risk th:nth-child(5) { width: 12%; }

  .bl-transfer-score {
    display: grid;
    width: 100%;
    grid-template-columns: 26px minmax(50px, 1fr);
    align-items: center;
    gap: 7px;
    cursor: help;
  }
  .bl-transfer-score strong { font-size: 14px; }
  .bl-transfer-score > i {
    display: block;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8ebf1;
  }
  .bl-transfer-score > i > b { display: block; height: 100%; border-radius: inherit; }
  .bl-summary-card { position: relative; padding-bottom: 58px; }
  .bl-summary-card-open {
    position: absolute;
    right: 16px;
    bottom: 14px;
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 0;
    padding: 0;
    border: 1px solid #d9dfeb;
    border-radius: 9px;
    background: #fff;
    color: #3157d5;
    cursor: pointer;
  }
  .bl-summary-card-open:hover,
  .bl-summary-card-open:focus-visible { border-color: #3157d5; background: #f3f6ff; outline: none; }
  .bl-summary-card-open svg { width: 17px; height: 17px; }
  .bl-summary-card-open .task-status-tooltip { right: 0; left: auto; transform: none; }
  .bl-summary-card-open:hover .task-status-tooltip,
  .bl-summary-card-open:focus-visible .task-status-tooltip { opacity: 1; transform: none; }
  #blExactLinksTableElement td:last-child { min-width: 110px; }

  .bl-rank-strip > span {
    min-height: 42px;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    padding: 5px 6px;
  }
  .bl-rank-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bl-rank-strip small {
    color: #687386;
    font-size: 7px !important;
    line-height: 1.15;
    text-transform: none;
  }
  .bl-rank-strip strong { font-size: 11px; }

  .bl-history-compare { margin: 0 0 18px; }
  .bl-history-compare .bl-chart-wrap { height: 310px; }

  .bl-history-actions {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .bl-history-period {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #6b768b;
    font-size: 9px;
    font-weight: 800;
  }

  .bl-history-period select {
    min-height: 28px;
    padding: 4px 25px 4px 8px;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #fff;
    color: #26324a;
    font: inherit;
    margin: 0;
  }

  .bl-history-actions > button {
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #fff;
    color: #536078;
    font: inherit;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
  }

  .bl-history-actions > button:hover { border-color: var(--bl-blue); color: var(--bl-blue); }
  .bl-history-help .task-status-tooltip { width: 270px; max-width: min(270px, 72vw); }

  .bl-donor-profile-compact {
    display: grid;
    grid-template-columns: minmax(105px, .8fr) minmax(170px, 1.2fr);
    align-items: start;
    gap: 7px 12px;
  }

  .bl-donor-profile-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 10px;
  }

  .bl-donor-profile-metrics .bl-metric-list { gap: 2px; }
  .bl-donor-profile-metrics .bl-metric-list li { padding: 2px 0; }

  @media(max-width:1000px) {
    .bl-donor-profile-compact { grid-template-columns: 1fr; }
  }

  @media(max-width:720px) {
    .bl-history-compare .bl-chart-wrap { height: 250px; }
    .bl-history-compare .bl-card-heading { align-items: flex-start; }
    .bl-history-actions { flex-wrap: wrap; justify-content: flex-end; }
  }

  /* Compact visual summary cards. */
  .bl-overview-top.is-single-history {
    display: grid;
    grid-template-columns: minmax(320px, 430px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto 18px;
  }
  .bl-overview-top.is-single-history #blSummaryCards { order: 1; }
  .bl-overview-top.is-single-history #blHistoryCompareCard {
    order: 2;
    min-height: 100%;
    margin: 0;
  }
  .bl-overview-top.is-single-history #blSummaryCards[data-count="1"] {
    grid-template-columns: minmax(0, 430px);
    align-self: start;
  }
  .bl-summary-grid {
    grid-template-columns: repeat(auto-fit, minmax(320px, 430px));
    justify-content: center;
    align-items: start;
  }
  .bl-summary-grid[data-count="1"] {
    grid-template-columns: minmax(320px, 510px);
    justify-content: start;
  }
  .bl-summary-grid[data-count="2"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-content: stretch;
  }
  .bl-summary-grid[data-count]:not([data-count="1"]) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-content: stretch;
  }
  .bl-summary-card {
    position: relative;
    overflow: visible;
    padding: 20px 20px 14px;
    border-top: 1px solid var(--bl-line);
    border-radius: 18px;
    box-shadow: 0 14px 38px rgba(31, 48, 84, .08);
  }
  .bl-summary-card-head {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 10px;
  }
  .bl-summary-domain-icon,
  .bl-summary-metric-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 11px;
  }
  .bl-summary-domain-icon {
    width: 38px;
    height: 38px;
    background: #edf2ff;
    background: color-mix(in srgb, var(--domain-color) 12%, white);
    color: var(--domain-color);
  }
  .bl-summary-domain-icon svg { width: 20px; height: 20px; }
  .bl-summary-domain {
    min-width: 0;
    color: var(--bl-ink);
    font-size: 17px;
    font-weight: 850;
    text-decoration: none;
    overflow-wrap: anywhere;
  }
  .bl-summary-domain > svg { width: 15px; height: 15px; color: var(--bl-blue); }
  .bl-summary-domain:hover { color: var(--bl-blue); }
  .bl-summary-card .bl-gauge {
    height: 146px;
    max-width: 250px;
    margin-top: 10px;
  }
  .bl-summary-card .bl-gauge svg {
    height: 94px;
  }
  .bl-summary-card .bl-gauge-zone {
    stroke-width: 10px;
  }
  .bl-summary-card .bl-gauge-zone.zone-poor { stroke: #ef5350; }
  .bl-summary-card .bl-gauge-zone.zone-average { stroke: #ffbd2e; }
  .bl-summary-card .bl-gauge-zone.zone-good { stroke: #82dc69; }
  .bl-summary-card .bl-gauge-zone.zone-excellent { stroke: #18bd88; }
  .bl-summary-card .bl-gauge-needle { stroke-width: 2.2; }
  .bl-summary-card .bl-gauge-center { r: 3.6px; }
  .bl-summary-card .bl-gauge-score {
    top: 87px;
    font-size: 25px;
  }
  .bl-summary-card .bl-gauge-score small {
    margin-top: 4px;
    font-size: 8px;
  }
  .bl-summary-card .bl-gauge-scale {
    top: 61px;
    left: -1px;
    right: -1px;
  }
  .bl-summary-card .bl-gauge-ticks {
    fill: #8793a8;
    font-family: inherit;
    font-size: 5.5px;
    font-weight: 750;
    pointer-events: none;
  }
  .bl-summary-card .bl-gauge-ticks text {
    text-anchor: middle;
    dominant-baseline: middle;
  }
  .bl-summary-metrics,
  .bl-summary-metrics.dfs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-top: 8px;
    padding-top: 0;
    border-top: 1px solid var(--bl-line);
  }
  .bl-summary-metrics .bl-summary-metric {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    padding: 10px 6px 10px 0;
    border-bottom: 1px solid var(--bl-line);
  }
  .bl-summary-metrics .bl-summary-metric:nth-child(even) { padding-left: 10px; border-left: 1px solid var(--bl-line); }
  .bl-summary-metrics.dfs .bl-summary-metric:last-child { grid-column: auto; }
  .bl-summary-metrics .bl-summary-metric-icon {
    display: inline-flex;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }
  .bl-summary-metrics .bl-summary-metric-copy {
    display: block;
  }
  .bl-summary-metrics .bl-summary-metric-icon,
  .bl-summary-metrics .bl-summary-metric-copy { margin-top: 0; }
  .bl-summary-metrics .bl-summary-metric-copy strong > span {
    display: inline;
    margin: 0;
    font-size: inherit;
  }
  .bl-summary-metrics .bl-summary-metric-icon svg {
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    flex: 0 0 18px;
    overflow: visible;
  }
  .bl-summary-metric-icon.tone-blue { background: #edf2ff; color: #3157d5; }
  .bl-summary-metric-icon.tone-red { background: #fff0f0; color: #d84c4c; }
  .bl-summary-metric-icon.tone-green { background: #eaf8f1; color: #169b65; }
  .bl-summary-metric-icon.tone-cyan { background: #eaf8fc; color: #1898c8; }
  .bl-summary-metric-icon.tone-purple { background: #f4edff; color: #8a54d3; }
  .bl-summary-metric-icon.tone-amber { background: #fff5e5; color: #e19032; }
  .bl-summary-metric-icon.tone-sky { background: #eaf8fd; color: #1aa8ca; }
  .bl-summary-metric-icon.tone-mint { background: #e9f9f3; color: #20a278; }
  .bl-summary-metric-copy { min-width: 0; }
  .bl-summary-metrics .bl-summary-metric-copy strong {
    display: block;
    color: var(--bl-ink);
    font-size: 16px;
    line-height: 1.05;
    white-space: nowrap;
  }
  .bl-summary-metrics .bl-summary-metric-copy small {
    display: block;
    margin-top: 3px;
    color: var(--bl-muted);
    font-size: 9px;
    line-height: 1.25;
  }
  .bl-summary-updated {
    margin-top: 11px;
    color: var(--bl-muted);
    font-size: 9px;
    text-align: right;
  }
  .bl-summary-card .bl-summary-card-open {
    position: relative;
    right: auto;
    bottom: auto;
    border: 0;
    background: transparent;
    color: #758198;
  }
  .bl-summary-card .bl-summary-card-open:hover,
  .bl-summary-card .bl-summary-card-open:focus-visible { background: var(--bl-soft); }

  @media(max-width:980px) {
    .bl-overview-top.is-single-history {
      grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
    }
    .bl-summary-grid[data-count],
    .bl-summary-grid[data-count]:not([data-count="1"]) { grid-template-columns: repeat(2, minmax(280px, 430px)); justify-content: center; }
    .bl-summary-grid[data-count="1"] { grid-template-columns: minmax(300px, 430px); }
  }

  @media(max-width:720px) {
    .bl-overview-top.is-single-history {
      display: flex;
      flex-direction: column;
      max-width: 430px;
    }
    .bl-overview-top.is-single-history #blSummaryCards,
    .bl-overview-top.is-single-history #blHistoryCompareCard { width: 100%; }
    .bl-summary-grid[data-count],
    .bl-summary-grid[data-count]:not([data-count="1"]) { grid-template-columns: minmax(0, 430px); justify-content: center; }
    .bl-summary-card { padding: 16px 14px 12px; }
    .bl-summary-metrics .bl-summary-metric { padding-top: 9px; padding-bottom: 9px; }
  }

  /* Ссылочный профиль: компактная таблица конкретных ссылок */
  .bl-donor-view-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 !important;
    min-height: 62px;
    margin: 14px 0 26px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #dfe5ef;
    border-radius: 14px !important;
    background: #fff !important;
  }
  .bl-donor-view-tabs button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    min-height: 62px;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #66738b;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap;
  }
  .bl-donor-view-tabs button.active {
    background: linear-gradient(90deg, #f0f4ff 0%, #f7f8ff 100%) !important;
    box-shadow: none !important;
    color: #3157d5 !important;
  }
  .bl-donor-tab-icon {
    display: inline-flex;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
  }
  .bl-donor-tab-icon svg { width: 20px; height: 20px; stroke-width: 1.9; }
  .bl-donor-view-tabs button small {
    display: inline-flex;
    margin: 0 0 0 2px !important;
    padding: 4px 7px;
    border-radius: 999px;
    background: #f1f3f7;
    color: #748199 !important;
    font-size: 9px !important;
    line-height: 1;
    white-space: nowrap;
  }
  .bl-donor-view-tabs button.active small { background: #e5ecff; color: #3157d5 !important; }

  .bl-exact-links-card {
    margin-top: 0;
    overflow: hidden;
    border: 1px solid #dfe5ef;
    border-radius: 14px;
    background: #fff;
  }
  .bl-exact-links-scroll {
    max-height: 650px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #blExactLinksTableElement {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }
  #blExactLinksTableElement th:nth-child(1) { width: 25% !important; }
  #blExactLinksTableElement th:nth-child(2) { width: 36% !important; }
  #blExactLinksTableElement th:nth-child(3) { width: 25% !important; }
  #blExactLinksTableElement th:last-child { width: 14% !important; }
  #blExactLinksTableElement.show-risk th:nth-child(1) { width: 21% !important; }
  #blExactLinksTableElement.show-risk th:nth-child(2) { width: 28% !important; }
  #blExactLinksTableElement.show-risk th:nth-child(3) { width: 22% !important; }
  #blExactLinksTableElement.show-risk th:nth-child(4) { width: 15% !important; }
  #blExactLinksTableElement.show-risk th:last-child { width: 14% !important; }
  #blExactLinksTableElement thead th {
    padding: 15px 18px !important;
    background: #f7f8fb;
    color: #7b879c;
    font-size: 10px;
    letter-spacing: .055em;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
  }
  #blExactLinksTableElement tbody td {
    min-width: 0 !important;
    padding: 17px 18px !important;
    border-top: 1px solid #e3e7ef;
    vertical-align: top;
    white-space: normal;
  }
  #blExactLinksTableElement tbody tr:hover td { background: #fbfcff; }
  .bl-exact-head-label { display: inline-flex; align-items: center; gap: 5px; }
  .bl-exact-head-label .task-status {
    width: 17px;
    height: 17px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8490a5;
  }
  .bl-exact-head-label .task-status svg { width: 14px; height: 14px; }

  .bl-source-page {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
  }
  .bl-source-page-icon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #edf2ff;
    color: #3157d5;
  }
  .bl-source-page-icon svg { width: 21px; height: 21px; }
  .bl-source-page-copy { min-width: 0; }
  .bl-source-page strong {
    display: block;
    margin: 2px 0 6px !important;
    overflow: hidden;
    color: var(--bl-ink);
    font-size: 13px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bl-source-page a {
    display: flex !important;
    max-width: 100%;
    align-items: center;
    gap: 5px;
    color: #3157d5;
    font-size: 11px;
    font-weight: 700;
  }
  .bl-source-page a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .bl-external-icon { width: 13px; height: 13px; flex: 0 0 13px; }
  .bl-source-page small {
    display: block;
    margin-top: 8px !important;
    color: #758299;
    font-size: 9px;
    line-height: 1.25;
  }
  .bl-anchor-target strong { font-size: 12px; line-height: 1.35; }
  .bl-anchor-target > small {
    display: -webkit-box;
    margin: 5px 0 8px !important;
    overflow: hidden;
    color: #68758d;
    font-size: 10px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .bl-anchor-target > div { display: grid !important; grid-template-columns: 14px minmax(0, 1fr) !important; }
  .bl-anchor-target a {
    overflow: hidden;
    color: #3157d5;
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bl-rank-strip {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px !important;
  }
  .bl-rank-strip > span,
  .bl-rank-pill {
    position: relative;
    display: inline-flex !important;
    min-width: 46px;
    min-height: 32px !important;
    padding: 7px 8px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center;
    gap: 6px !important;
    border: 0 !important;
    border-radius: 8px;
    background: #f3f5f9 !important;
  }
  .bl-rank-strip small {
    margin: 0 !important;
    color: #7b879a !important;
    font-size: 8px !important;
    line-height: 1;
    text-transform: uppercase;
  }
  .bl-rank-strip strong { color: var(--bl-ink) !important; font-size: 11px !important; line-height: 1; }
  .bl-rank-pill .task-status-tooltip { width: max-content; max-width: 220px; }
  .bl-rank-pill:hover .task-status-tooltip,
  .bl-rank-pill:focus .task-status-tooltip { opacity: 1; visibility: visible; transform: translate(-50%, -4px); }
  .bl-transfer-score {
    grid-template-columns: 28px minmax(45px, 1fr) !important;
    max-width: 155px;
    align-items: center;
    gap: 10px;
  }
  .bl-transfer-score strong { font-size: 13px; }
  .bl-transfer-score i { height: 6px; border-radius: 999px; }

  .bl-exact-links-footer {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 18px;
    border-top: 1px solid #dfe5ef;
    background: #f8f9fb;
  }
  .bl-exact-links-note { display: flex; min-width: 0; align-items: center; gap: 10px; }
  .bl-exact-note-icon {
    display: inline-flex;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7e1ff;
    border-radius: 8px;
    background: #edf2ff;
    color: #3157d5;
  }
  .bl-exact-note-icon svg { width: 16px; height: 16px; }
  .bl-exact-links-note strong,
  .bl-exact-links-note small { display: block; }
  .bl-exact-links-note strong { color: #69768d; font-size: 10px; line-height: 1.3; }
  .bl-exact-links-note small { margin-top: 2px; color: #7d899d; font-size: 9px; line-height: 1.3; }
  .bl-exact-links-actions { display: flex; flex: none; align-items: center; gap: 10px; }
  .bl-exact-sort,
  .bl-exact-csv {
    display: flex;
    height: 38px;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid #dfe5ef;
    border-radius: 9px;
    background: #fff;
    color: #68758d;
    font-size: 10px;
    font-weight: 700;
  }
  .bl-exact-sort select {
    min-width: 178px;
    border: 0;
    outline: 0;
    background: transparent;
    color: inherit;
    font: inherit;
  }
  .bl-exact-csv { cursor: pointer; }
  .bl-exact-csv:disabled { cursor: default; opacity: .5; }
  .bl-exact-csv svg { width: 16px; height: 16px; }

  .bl-donor-domains-card {
    overflow: hidden;
    border: 1px solid #dfe5ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(28, 45, 78, .04);
  }
  .bl-donor-domains-card .bl-donor-table-scroll {
    max-height: 680px;
    overflow-x: hidden !important;
    overflow-y: auto;
    border: 0 !important;
    border-radius: 0 !important;
  }
  #blDonorTableElement {
    width: 100%;
    min-width: 0 !important;
    table-layout: fixed;
    border-collapse: collapse;
  }
  #blDonorTableElement th:nth-child(1) { width: 19%; }
  #blDonorTableElement th:nth-child(2) { width: 19%; }
  #blDonorTableElement th:nth-child(3) { width: 18%; }
  #blDonorTableElement th:nth-child(4) { width: 27%; }
  #blDonorTableElement th:nth-child(5) { width: 17%; }
  #blDonorTableElement thead th {
    padding: 18px 16px;
    background: #f7f9fd;
    color: #50617f;
    font-size: 10px;
    letter-spacing: .06em;
  }
  #blDonorTableElement tbody td {
    padding: 23px 16px;
    vertical-align: middle;
    border-top: 1px solid #e5e9f1;
    white-space: normal;
  }
  #blDonorTableElement tbody tr:hover { background: #fbfcff; }
  .bl-donor-identity { display: flex; min-width: 0; align-items: flex-start; gap: 12px; }
  .bl-donor-identity .bl-source-page-icon { display: inline-flex !important; width: 42px; height: 42px; flex: 0 0 42px; }
  .bl-donor-identity > span:last-child { min-width: 0; }
  .bl-donor-identity .bl-donor-link {
    display: block;
    overflow: hidden;
    color: var(--bl-ink);
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bl-donor-identity small {
    display: inline-flex !important;
    margin-top: 5px !important;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f0f3f9;
    color: #71809a;
    font-size: 9px;
  }
  #blDonorTableElement .bl-stacked-meters { gap: 10px; }
  #blDonorTableElement .bl-stacked-meters > span {
    display: grid;
    grid-template-columns: 34px minmax(70px, 1fr);
    align-items: center;
    gap: 8px;
  }
  #blDonorTableElement .bl-stacked-meters > span > small {
    grid-column: 1 / -1;
    margin-bottom: -4px !important;
    color: #60708c;
    font-size: 9px !important;
    font-weight: 800;
    text-transform: uppercase;
  }
  #blDonorTableElement .bl-strength-meter {
    grid-template-columns: 28px minmax(52px, 76px) minmax(34px, auto);
    min-width: 0;
  }
  .bl-donor-profile-signals {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
  }
  .bl-donor-profile-signals .bl-metric-list { width: 100%; max-width: 150px; }
  .bl-donor-metrics-inline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    text-align: center;
  }
  .bl-donor-metrics-inline small { display: block !important; color: #687791; font-size: 9px; white-space: nowrap; }
  .bl-donor-metrics-inline strong { display: block; margin-top: 7px; color: var(--bl-ink); font-size: 13px; }
  #blDonorTableElement .bl-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 7px;
  }
  #blDonorTableElement .bl-chain-btn {
    height: 38px;
    min-height: 38px;
    padding: 0 11px;
    border: 1px solid #b9ccff;
    border-radius: 9px;
    background: #fff;
    color: #3157d5;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
  }
  #blDonorTableElement .bl-placement-btn { height: 38px; white-space: nowrap; }
  .bl-donor-refresh,
  .bl-donor-details summary {
    display: inline-flex;
    width: 38px;
    height: 38px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 1px solid #d6deec !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #314765 !important;
    cursor: pointer;
  }
  .bl-donor-refresh svg,
  .bl-donor-details summary svg { width: 16px; height: 16px; }
  .bl-donor-refresh.is-ready { color: #16956b !important; }
  .bl-donor-details { position: relative; min-width: 0; }
  .bl-donor-details summary { list-style: none; }
  .bl-donor-details summary::-webkit-details-marker { display: none; }
  .bl-donor-details > div {
    position: absolute;
    right: 0;
    top: 46px;
    z-index: 15;
    width: 310px;
    padding: 14px;
    border: 1px solid #dfe5ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(25, 40, 70, .16);
    color: #526079;
    font-size: 10px;
    line-height: 1.55;
    text-align: left;
    white-space: normal;
  }
  .bl-donor-details > div .bl-placement-btn { width: 100%; margin: 0 0 10px; }
  .bl-donor-domains-footer {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 18px;
    border-top: 1px solid #dfe5ef;
    background: #f8f9fb;
  }
  .bl-donor-footer-actions { display: flex; flex: none; align-items: center; gap: 9px; }
  .bl-donor-footer-select {
    display: flex;
    height: 38px;
    align-items: center;
    gap: 4px;
    padding: 0 11px;
    border: 1px solid #dfe5ef;
    border-radius: 9px;
    background: #fff;
    color: #68758d;
    font-size: 10px;
    font-weight: 700;
  }
  .bl-donor-footer-select select { max-width: 180px; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; }
  .bl-donor-risk-select span { display: none; }
  .bl-donor-domains-footer .bl-exact-csv { flex: none; }

  @media(max-width:1120px) {
    .bl-donor-view-tabs button { padding: 0 10px !important; font-size: 11px !important; }
    .bl-rank-strip { flex-wrap: wrap; }
    #blExactLinksTableElement th:nth-child(1) { width: 24% !important; }
    #blExactLinksTableElement th:nth-child(2) { width: 34% !important; }
    #blExactLinksTableElement th:nth-child(3) { width: 27% !important; }
    #blExactLinksTableElement th:last-child { width: 15% !important; }
    #blDonorTableElement th:nth-child(1) { width: 21%; }
    #blDonorTableElement th:nth-child(2) { width: 21%; }
    #blDonorTableElement th:nth-child(3) { width: 16%; }
    #blDonorTableElement th:nth-child(4) { width: 25%; }
    #blDonorTableElement th:nth-child(5) { width: 17%; }
    #blDonorTableElement .bl-chain-btn { padding-inline: 10px; }
  }
  @media(max-width:760px) {
    .bl-donor-view-tabs { min-height: 54px; margin-bottom: 16px !important; }
    .bl-donor-view-tabs button { min-height: 54px; gap: 6px; }
    .bl-donor-tab-label { display: none; }
    .bl-exact-links-footer { align-items: stretch; flex-direction: column; }
    .bl-exact-links-actions { justify-content: space-between; }
    .bl-exact-sort { flex: 1; }
    .bl-exact-sort select { width: 100%; min-width: 0; }
    #blExactLinksTableElement th:nth-child(3),
    #blExactLinksTableElement td:nth-child(3) { display: none; }
    #blExactLinksTableElement.show-risk th:nth-child(4),
    #blExactLinksTableElement.show-risk td:nth-child(4) { display: none; }
    #blExactLinksTableElement th:nth-child(1) { width: 34% !important; }
    #blExactLinksTableElement th:nth-child(2) { width: 46% !important; }
    #blExactLinksTableElement th:last-child { width: 20% !important; }
    .bl-source-page { grid-template-columns: minmax(0, 1fr); }
    .bl-source-page-icon { display: none; }
    #blExactLinksTableElement thead th,
    #blExactLinksTableElement tbody td { padding-right: 10px !important; padding-left: 10px !important; }
    .bl-donor-domains-footer { align-items: stretch; flex-direction: column; }
    .bl-donor-footer-actions { flex-wrap: wrap; }
    .bl-donor-footer-select { flex: 1; }
    .bl-donor-domains-card .bl-donor-table-scroll { overflow: visible !important; }
    #blDonorTableElement,
    #blDonorTableElement tbody,
    #blDonorTableElement tr,
    #blDonorTableElement td { display: block; width: 100% !important; }
    #blDonorTableElement thead { display: none; }
    #blDonorTableElement tbody tr { padding: 14px; border-top: 1px solid #e5e9f1; }
    #blDonorTableElement tbody td { padding: 7px 0; border: 0; }
    #blDonorTableElement .bl-row-actions { justify-content: flex-start; }
    .bl-donor-profile-signals { justify-content: flex-start; }
  }
}