/* ==========================================================================
   Bounce Testing — blackhole-адреса для отладки возвратов
   ========================================================================== */

/* ── Общие лендинговые секции (дублируются по инструментам лаборатории) ── */
.tool-how-it-works,
.tool-features,
.tool-faq {
    padding: 3em 0;
    border-top: 1px solid #eee;
}
.tool-how-it-works_title,
.tool-features_title,
.tool-faq_title {
    text-align: center;
    margin-bottom: 2em;
    font-size: 1.75rem;
}

.tool-step {
    text-align: center;
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.tool-step_number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #ffde00;
    color: #272727;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1em;
}
.tool-step_heading {
    font-size: 1.05rem;
    margin-bottom: 0.5em;
    color: #272727;
}
.tool-step_desc {
    font-size: 0.88rem;
    line-height: 1.6;
    color: #666;
}

.tool-feature {
    text-align: left;
    padding: 1.5em 1em;
}
.tool-feature_icon { margin-bottom: 1em; }
.tool-feature_heading {
    font-size: 1.1rem;
    margin-bottom: 0.5em;
    color: #272727;
}
.tool-feature_desc {
    font-size: 0.9rem;
    line-height: 1.65;
    color: #666;
}

.tool-faq {
    max-width: 720px;
    margin: 0 auto;
}
.tool-faq_item { border-bottom: 1px solid #eee; }
.tool-faq_question {
    padding: 1.25em 2em 1.25em 0;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    list-style: none;
    position: relative;
    color: #272727;
}
.tool-faq_question::-webkit-details-marker { display: none; }
.tool-faq_question::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    font-weight: 300;
    color: #999;
    transition: transform 0.2s ease;
}
details[open] .tool-faq_question::after { content: '\2212'; }
.tool-faq_answer {
    padding: 0 0 1.25em;
    color: #555;
    line-height: 1.7;
    font-size: 0.95rem;
}
.tool-faq_answer p { margin: 0; }
.tool-faq_answer code,
.tool-feature_desc code,
.tool-step_desc code,
.bt-section-lead code,
.bt-note code {
    background: #f4f4f2;
    border-radius: 3px;
    padding: 0.1em 0.4em;
    font-size: 0.86em;
    color: #272727;
}

/* ── Секции страницы ── */
.bt-section-title {
    text-align: center;
    font-size: 1.75rem;
    margin-bottom: 0.5em;
    color: #272727;
}
.bt-section-lead {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 2em;
    color: #666;
    line-height: 1.6;
}
.bt-addresses { padding: 3em 0 1em; }
.bt-example   { padding: 3em 0; border-top: 1px solid #eee; }

/* ── Сетка карточек: собственный grid с gap (без отрицательных margin-гаттеров
   u-grid, из-за которых следующий блок наезжал на карточки) ── */
.bt-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5em;
}
@media only screen and (min-width: 750px) {
    .bt-grid { grid-template-columns: 1fr 1fr; }
}

/* ── Карточки адресов ── */
.bt-card {
    box-sizing: border-box; /* без него height:100% + padding вылезают за трек grid и карточки наезжают */
    border: 1px solid #ececec;
    border-left: 4px solid #ccc;
    border-radius: 8px;
    padding: 1.5em;
    height: 100%;
    background: #fff;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.bt-card:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,0.07);
    transform: translateY(-2px);
}
.bt-card--red    { border-left-color: #e8473f; }
.bt-card--orange { border-left-color: #f5a623; }
.bt-card--purple { border-left-color: #9b51e0; }
.bt-card--pink   { border-left-color: #eb5e8c; }

.bt-card__head {
    display: flex;
    align-items: center;
    gap: 0.75em;
    margin-bottom: 1em;
}
.bt-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 26px;
    padding: 0 0.6em;
    border-radius: 13px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #fff;
}
.bt-badge--red    { background: #e8473f; }
.bt-badge--orange { background: #f5a623; }
.bt-badge--purple { background: #9b51e0; }
.bt-badge--pink   { background: #eb5e8c; }

.bt-card__titles { line-height: 1.2; }
.bt-card__title {
    font-size: 1.1rem;
    color: #272727;
    margin: 0;
}
.bt-card__en {
    font-size: 0.8rem;
    color: #999;
}
.bt-card__desc {
    margin: 1em 0 0;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #666;
}

/* ── Строка с адресом + копирование ── */
.bt-address-row {
    display: flex;
    align-items: stretch;
    gap: 0.5em;
}
.bt-address {
    flex: 1 1 auto;
    min-width: 0;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.86rem;
    padding: 0.6em 0.75em;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #faf9f7;
    color: #272727;
}
.bt-address:focus { outline: 2px solid #ffde00; border-color: #ffde00; }
.bt-copy-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    padding: 0 0.9em;
    border: 1px solid #272727;
    border-radius: 6px;
    background: #272727;
    color: #fff;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}
.bt-copy-btn:hover { background: #000; }
.bt-copy-btn--done {
    background: #2faa5e;
    border-color: #2faa5e;
}
.bt-copy-label { white-space: nowrap; }

/* ── Заметка про регистр ── */
.bt-note {
    margin: 2em auto 0;
    max-width: 760px;
    background: #fffbe6;
    border: 1px solid #ffe9a8;
    border-radius: 8px;
    padding: 1em 1.25em;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #6b5e2a;
}

/* ── Блок с кодом ── */
.bt-code {
    max-width: 720px;
    margin: 0 auto;
    background: #272727;
    color: #f5f5f5;
    border-radius: 8px;
    padding: 1.25em 1.5em;
    overflow-x: auto;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.84rem;
    line-height: 1.55;
}
.bt-code code { background: none; padding: 0; color: inherit; }
.bt-example .bt-section-lead { margin-top: 1.5em; margin-bottom: 1.5em; }

/* ── Зачем это нужно ── */
.bt-why { padding: 3em 0; border-top: 1px solid #eee; }
.bt-why-item {
    box-sizing: border-box;
    padding: 1.5em;
    background: #faf9f7;
    border-radius: 8px;
    height: 100%;
}
.bt-why-item__title {
    font-size: 1.05rem;
    color: #272727;
    margin-bottom: 0.5em;
}
.bt-why-item__desc {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #666;
}

@media (max-width: 600px) {
    .bt-copy-label { display: none; }
    .bt-copy-btn { padding: 0 0.7em; }
}