.tl { margin: var(--sec) var(--gutter, 32px) 0; display: flex; flex-direction: column; gap: 48px; }
.tl > * { min-width: 0; }
.tl-sec > h2, .tl-sec.prose > h2:first-child { margin: 0 0 16px; font: 700 clamp(16px, 2.73vw, 28px)/1.25 var(--font); color: #1B1B1B; text-wrap: balance; }
.tl-sec.prose { max-width: 72ch; }
.tl-sec.prose > h2:not(:first-child) { margin-top: 48px; }
.tl-src { margin: 12px 0 0; font: 400 14px/1.5 var(--font); color: #6B6E73; max-width: 72ch; }
.tl-src a, .tl-note a { color: #111; text-decoration: underline; text-underline-offset: 3px; }
.tl .kv { max-width: 880px; }
.tl .kv--list { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.tl .kv a { color: inherit; }
.tl .answer { max-width: 72ch; box-sizing: border-box; padding: 16px 24px; border-radius: 16px; background: #F5F6F8;
box-shadow: inset 4px 0 0 #D91E05; display: flex; flex-direction: column; gap: 8px; }
.tl .answer__k { font: 700 12px/16px var(--font); letter-spacing: .08em; text-transform: uppercase; color: #D91E05; }
.tl .answer p { margin: 0; font: 500 16px/1.6 var(--font); color: #1B1B1B; }
.tl-rail > ul { margin: 0; padding-left: 16px; display: grid; gap: 4px; font: 400 14px/1.5 var(--font); }
.tl-rail > ul a { color: #111; }
#cf-rails { display: flex; flex-direction: column; gap: 48px; }
#cf-rails:empty { display: none; }
.tl-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.tl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.tl-phone { display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 16px; background: #fff; color: #111; text-decoration: none;
box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .04); transition: box-shadow 500ms cubic-bezier(.3, 1, .3, 1); }
.tl-phone b { font: 600 16px/1.3 var(--font); }
.tl-phone span { font: 400 14px/1.4 var(--font); color: #6B6E73; }
@media (hover: hover) and (pointer: fine) {
.tl-phone:hover { box-shadow: inset 0 0 0 1.5px #111, 0 8px 24px rgba(0, 0, 0, .08); }
}
.tl-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 32px; padding: 32px; border-radius: 16px; background: #fff;
box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, .08), 0 8px 32px rgba(0, 0, 0, .06); }
.tl-form { display: flex; flex-direction: column; gap: 16px; }
.tl-field { display: flex; flex-direction: column; gap: 8px; }
.tl-field[hidden] { display: none; }
.tl-field > span { font: 600 14px/20px var(--font); color: #1B1B1B; }
.tl-field select, .tl-field input { box-sizing: border-box; width: 100%; height: 48px; padding: 0 16px; border: 0; border-radius: 12px;
background: rgba(118, 118, 128, .12); font: 400 16px/1.2 var(--font); color: #111; appearance: none; -webkit-appearance: none; }
.tl-field select { padding-right: 40px; cursor: pointer;
background: rgba(118, 118, 128, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 16px center; }
.tl-field select:focus, .tl-field input:focus { outline: none; background-color: #fff; box-shadow: 0 0 0 1.5px #111; }
.tl-search { max-width: 400px; margin-bottom: 24px; }
.tl-out { display: flex; flex-direction: column; gap: 12px; align-self: start; min-width: 0; }
.tl-out > p { margin: 0; font: 400 16px/1.6 var(--font); color: #3D4656; }
.tl-out b { color: #111; }
.tl-out .kv { max-width: none; }
.tl-hint { color: #6B6E73 !important; }
.tl-big { font: 700 44px/1.1 var(--font) !important; color: #111 !important; letter-spacing: -.02em; }
.tl-big b { color: #D91E05; }
.tl-big + p { margin-top: 0; }
.tl-note { font: 400 14px/1.5 var(--font) !important; color: #6B6E73 !important; }
.tl-verdict { padding: 16px; border-radius: 12px; background: #F5F6F8; box-shadow: inset 4px 0 0 #D91E05; color: #1B1B1B !important; font-weight: 500 !important; }
.tl-meter { display: flex; flex-wrap: wrap; gap: 8px; }
.tl-meter i { --f: 1; position: relative; width: 32px; height: 16px; border-radius: 4px; box-shadow: inset 0 0 0 1.5px #111; overflow: hidden; }
.tl-meter i::before { content: ''; position: absolute; inset: 3px; width: calc((100% - 6px) * var(--f)); border-radius: 2px; background: #D91E05; }
.tl-meter i::after { content: ''; position: absolute; right: -4px; top: 5px; width: 3px; height: 6px; border-radius: 0 2px 2px 0; background: #111; }
.tl-meter i { margin-right: 4px; overflow: visible; }
.tl-sec > h2 + .tl-table, .tl-table + h2 { margin-top: 0; }
.tl-table + h2 { margin-top: 32px !important; }
.tl-table { border-radius: 16px; overflow: hidden; box-shadow: inset 0 0 0 1.5px var(--line, #E3E4E6); background: #fff; }
.tl-table[hidden], .tl-sec > h2[hidden], .tl-tr[hidden] { display: none; }
.tl-tr { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .9fr) minmax(0, 1.3fr); gap: 16px; padding: 12px 16px;
font: 400 14px/1.5 var(--font); color: #3D4656; border-bottom: 1.5px solid var(--line, #E3E4E6); }
.tl-tr:last-child { border-bottom: 0; }
.tl-tr b { color: #111; font-weight: 600; }
.tl-th { background: #F5F6F8; font: 600 12px/16px var(--font); color: #6B6E73; text-transform: uppercase; letter-spacing: .04em; }
.tl-tr > :last-child { color: #111; font-weight: 500; }
@media (max-width: 899px) {
.tl-card { grid-template-columns: minmax(0, 1fr); padding: 24px; gap: 24px; }
}
@media (max-width: 639px) {
.tl { gap: 40px; }
.tl-card { padding: 16px; }
.tl .answer { padding: 16px; }
.tl-big { font-size: 28px !important; }
.tl .kv--list { grid-template-columns: minmax(0, 1fr); }
.tl-tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 12px; }
.tl-th { display: none; }
.tl-tr > :nth-child(2), .tl-tr > :nth-child(3) { color: #6B6E73; }
}
html[data-theme="night"] .tl-sec > h2, html[data-theme="night"] .tl-phone, html[data-theme="night"] .tl-field > span,
html[data-theme="night"] .tl-out b, html[data-theme="night"] .tl-big, html[data-theme="night"] .tl-tr b,
html[data-theme="night"] .tl-tr > :last-child, html[data-theme="night"] .tl-src a, html[data-theme="night"] .tl-note a,
html[data-theme="night"] .tl-rail > ul a { color: #fff !important; }
html[data-theme="night"] .tl-big b { color: #FF5A3C; }
html[data-theme="night"] .tl .answer, html[data-theme="night"] .tl-verdict { background: #15181B; }
html[data-theme="night"] .tl .answer p, html[data-theme="night"] .tl-verdict, html[data-theme="night"] .tl-out > p, html[data-theme="night"] .tl-tr { color: #C9CDD2 !important; }
html[data-theme="night"] .tl-hint, html[data-theme="night"] .tl-note, html[data-theme="night"] .tl-src, html[data-theme="night"] .tl-phone span { color: #9AA0A6 !important; }
html[data-theme="night"] .tl-phone, html[data-theme="night"] .tl-card, html[data-theme="night"] .tl-table { background: #17191C; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .07), 0 8px 32px rgba(0, 0, 0, .3); }
html[data-theme="night"] .tl-th { background: #1F2226; color: #9AA0A6; }
html[data-theme="night"] .tl-tr { border-color: rgba(255, 255, 255, .07); }
html[data-theme="night"] .tl-field select, html[data-theme="night"] .tl-field input { background-color: rgba(118, 118, 128, .24); color: #fff; }
html[data-theme="night"] .tl-field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); }
html[data-theme="night"] .tl-field select:focus, html[data-theme="night"] .tl-field input:focus { background-color: #17191C; box-shadow: 0 0 0 1.5px #fff; }
html[data-theme="night"] .tl-field option, html[data-theme="night"] .tl-field optgroup { background: #17191C; color: #fff; }
html[data-theme="night"] .tl-meter i { box-shadow: inset 0 0 0 1.5px #fff; }
html[data-theme="night"] .tl-meter i::after { background: #fff; }
@media (hover: hover) and (pointer: fine) {
html[data-theme="night"] .tl-phone:hover { box-shadow: inset 0 0 0 1.5px #fff, 0 8px 32px rgba(0, 0, 0, .4); }
}
.tl-table--cmp .tl-tr { grid-template-columns: var(--tl-cols); }
.tl-table--cmp .tl-tr > :first-child b { font-weight: 700; }
@media (max-width: 639px) {
.tl-table--cmp .tl-tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.tl-table--cmp .tl-tr > :first-child { grid-column: 1 / -1; }
.tl-table--cmp [data-l]::before { content: attr(data-l); display: block; font: 600 12px/16px var(--font); color: #6B6E73; }
html[data-theme="night"] .tl-table--cmp [data-l]::before { color: #9AA0A6; }
}