/* Калькулятор, таблица операторов, тизер квиза и блок «Выгодный тариф».
   Основа как у блока темы «Подобрать по задаче»: белый фон, рамка --line, скругление 12px.
   Ссылки внутри статьи защищены от правил .content-page__body a. */
.bzl-tc,.bzl-ct-compare,.bzl-ct-howto{box-sizing:border-box;margin:24px 0;padding:20px 22px;border:1px solid var(--line,#e4e9f0);border-radius:var(--radius,12px);background:var(--white,#fff);color:#000}
.bzl-ct-howto:has(+ .article-body){width:100%;max-width:min(760px,100%);margin-left:auto;margin-right:auto}
#bzl-tc-hub,#bzl-tc-catalog{scroll-margin-top:120px}

.bzl-tc__title,.bzl-ct-quiz__title,.bzl-ct-howto__title{margin:0 0 8px;font-size:20px;line-height:1.25;font-weight:700;color:#333}
.bzl-tc__hint,.bzl-ct-quiz__text{margin:0 0 14px;font-size:15px;color:var(--ink-soft,#5c6b7a)}

/* Сценарии — как чипы темы (.subcategory-cloud__chip). */
.bzl-tc__presets{display:flex;flex-wrap:wrap;gap:10px}
.bzl-tc__preset{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid #d7d9df;border-radius:999px;background:#f7f7f8;font:inherit;font-size:14px;font-weight:500;color:#000;cursor:pointer}
.bzl-tc__preset:hover{border-color:var(--accent,#EB5413);color:var(--accent-dark,#BC430F);background:#fff8f4}
.bzl-tc__preset[aria-pressed="true"],.bzl-tc__preset[aria-pressed="true"]:hover{background:var(--accent-dark,#BC430F);border-color:var(--accent-dark,#BC430F);color:#fff;font-weight:600}

.bzl-tc__toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:6px 0 0;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--accent-dark,#BC430F);cursor:pointer}
.bzl-tc__toggle::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.bzl-tc__toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
.bzl-tc__toggle:hover{color:var(--accent-darker,#A33A0D)}

.bzl-tc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:8px 0 4px}
.bzl-tc__grid label{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;font-size:14px;color:#333}
.bzl-tc__grid input,.bzl-tc__grid select{box-sizing:border-box;width:100%;min-height:44px;padding:8px 10px;border:1px solid #d7d9df;border-radius:8px;background:#fff;font:inherit;font-size:16px;color:#000}
.bzl-tc__grid input:focus,.bzl-tc__grid select:focus{border-color:var(--accent,#EB5413);outline:none}
.bzl-tc__grid [hidden],.bzl-tc__grid[hidden]{display:none}

.bzl-tc__result{margin:16px 0 12px;font-size:16px;line-height:1.45}
.bzl-tc__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.bzl-tc a.bzl-tc__card,.content-page__body .bzl-tc a.bzl-tc__card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line,#e4e9f0);border-radius:12px;background:#fff;color:#000;text-decoration:none;box-shadow:var(--shadow,0 2px 12px rgba(26,35,50,.06));transition:box-shadow .2s,transform .2s}
.bzl-tc a.bzl-tc__card:hover,.content-page__body .bzl-tc a.bzl-tc__card:hover{color:#000;text-decoration:none;box-shadow:var(--shadow-lg,0 8px 28px rgba(26,35,50,.1));transform:translateY(-2px)}
.bzl-tc__head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.bzl-tc img.bzl-tc__logo{display:block;width:auto!important;height:20px!important;max-width:90px!important;margin:0;object-fit:contain;object-position:left center}
.bzl-tc__badge{flex-shrink:0;margin-left:auto;padding:3px 8px;border-radius:4px;background:rgba(234,119,66,.1);color:#ad3b0a;font-size:12px;font-weight:600;line-height:1.3}
.bzl-tc__name{font-size:16px;font-weight:700}
.bzl-tc__why{font-size:13px;line-height:1.35;color:var(--ink-soft,#5c6b7a)}
.bzl-tc__fee{margin-top:auto;padding-top:6px;font-size:20px;font-weight:800;color:#000}
.bzl-tc__go,.content-page__body .bzl-tc a .bzl-tc__go{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:var(--button-radius,32px);background:var(--accent-dark,#BC430F);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase}
.bzl-tc a.bzl-tc__card:hover .bzl-tc__go{background:var(--accent-darker,#A33A0D)}

.bzl-tc__empty{margin:0 0 4px}
.bzl-tc__empty[hidden],.bzl-tc__empty [hidden]{display:none!important}

.bzl-tc a.bzl-tc__all,.content-page__body .bzl-tc a.bzl-tc__all,
.bzl-ct-howto a.bzl-ct-howto__all,.content-page__body .bzl-ct-howto a.bzl-ct-howto__all{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;color:var(--accent-dark,#BC430F);font-weight:700;text-decoration:none}
.bzl-tc a.bzl-tc__all:hover,.bzl-ct-howto a.bzl-ct-howto__all:hover{text-decoration:underline}
.bzl-tc__note{margin:8px 0 0;font-size:13px;line-height:1.4;color:var(--ink-soft,#5c6b7a)}

/* Строка над товарами и ссылка на страницах Yota. */
.bzl-tc-teaser{margin:0 0 16px;font-weight:600}
.bzl-tc-teaser a,.bzl-ct-note a,.content-page__body .bzl-tc-teaser a{color:var(--accent-dark,#BC430F);font-weight:600;text-decoration:none}
.bzl-tc-teaser a:hover,.bzl-ct-note a:hover{text-decoration:underline}
.bzl-ct-note{margin:16px 0 24px}

/* Таблица операторов. */
.bzl-ct-compare__wrap{overflow-x:auto}
.bzl-ct-compare table{width:100%;border-collapse:collapse;font-size:15px}
.bzl-ct-compare th,.bzl-ct-compare td{padding:10px 12px;border-bottom:1px solid var(--line,#e4e9f0);text-align:left;vertical-align:top}
.bzl-ct-compare thead th{font-size:13px;font-weight:600;color:var(--ink-soft,#5c6b7a)}
.bzl-ct-compare tbody th{font-weight:700;white-space:nowrap}
.bzl-ct-compare tbody tr:last-child th,.bzl-ct-compare tbody tr:last-child td{border-bottom:0}
.bzl-ct-compare a,.content-page__body .bzl-ct-compare a{color:var(--accent-dark,#BC430F);font-weight:600;text-decoration:none;white-space:nowrap}
.bzl-ct-compare a:hover{text-decoration:underline}
.bzl-ct-compare__muted{color:var(--ink-soft,#5c6b7a);white-space:nowrap}

/* Тизер квиза: основа — штатный .category-quiz-teaser темы. */
.bzl-ct-quiz.category-quiz-teaser{margin:24px 0}
.bzl-ct-quiz .category-quiz-teaser__copy .bzl-ct-quiz__title{margin:0 0 6px;font-size:20px;font-weight:700;color:#333}
.bzl-ct-quiz .category-quiz-teaser__copy .bzl-ct-quiz__text{margin:0}
.content-page__body .bzl-ct-quiz .btn-primary,.content-page__body .bzl-tc .btn-primary{color:#fff;text-decoration:none}

/* Блок «Выгодный тариф» в инструкциях. */
.bzl-ct-howto ul{margin:0;padding:0;list-style:none}
.bzl-ct-howto li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0;padding:10px 0;border-bottom:1px solid var(--line,#e4e9f0)}
.bzl-ct-howto li::before{content:none}
.bzl-ct-howto a,.content-page__body .bzl-ct-howto a{color:var(--accent-dark,#BC430F);font-weight:600;text-decoration:none}
.bzl-ct-howto li a:hover{text-decoration:underline}
.bzl-ct-howto__fee{flex-shrink:0;font-weight:800;white-space:nowrap}

/* Фокус с клавиатуры. */
.bzl-tc button:focus-visible,.bzl-tc a:focus-visible,.bzl-tc input:focus-visible,.bzl-tc select:focus-visible,
.bzl-ct-compare a:focus-visible,.bzl-ct-howto a:focus-visible,.bzl-tc-teaser a:focus-visible,.bzl-ct-note a:focus-visible,.bzl-ct-quiz button:focus-visible{outline:2px solid var(--accent-dark,#BC430F);outline-offset:2px}

@media (max-width:480px){
	.bzl-tc,.bzl-ct-compare,.bzl-ct-howto{padding:18px 16px}
	.bzl-tc__title,.bzl-ct-howto__title,.bzl-ct-quiz .category-quiz-teaser__copy .bzl-ct-quiz__title{font-size:18px}
	.bzl-tc__presets{flex-direction:column}
	.bzl-tc__preset{width:100%}
	.bzl-tc__cards,.bzl-tc__grid{grid-template-columns:1fr}
	.bzl-ct-compare table{font-size:14px}
	.bzl-ct-compare th,.bzl-ct-compare td{padding:8px}
	.bzl-ct-compare td a,.bzl-ct-compare__muted{white-space:normal}
}
