.tc{--tc-ok:#16a34a;--tc-warn:#c27a06;--tc-bad:#dc2626;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);padding:24px;display:grid;gap:20px;min-width:0}.tc--mini{padding:20px;border-radius:var(--radius)}.tc__fields{display:grid;gap:12px}.tc__label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink)}.tc__label small{font-weight:400;color:var(--muted)}.tc textarea,.tc input[type=text]{width:100%;font:17px/1.45 var(--font-body);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;resize:vertical}.tc textarea:focus,.tc input[type=text]:focus{outline:none;box-shadow:var(--ring);border-color:var(--accent);background:var(--white)}.tc-out{display:grid;gap:18px;min-width:0}.tc-empty{margin:0;color:var(--muted)}.tc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tc-stat{background:var(--surface);border-radius:var(--radius-sm);padding:12px 14px;display:grid;gap:2px}.tc-stat__label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tc-stat__value{font:600 22px/1.2 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.tc-ruler{padding:22px 0}.tc-ruler__bar{position:relative;height:12px;border-radius:99px;background:var(--surface-2)}.tc-ruler__fill{height:100%;border-radius:99px;transition:width .15s ease}.tc-ruler__fill.is-ok{background:var(--tc-ok)}.tc-ruler__fill.is-warn{background:var(--tc-warn)}.tc-ruler__fill.is-bad{background:var(--tc-bad)}.tc-ruler__mark{position:absolute;top:-4px;width:2px;height:20px;background:var(--ink);opacity:.55}.tc-ruler__mark::after{content:attr(data-label);position:absolute;top:22px;left:50%;transform:translateX(-50%);font:11px/1 var(--font-mono);color:var(--muted);white-space:nowrap}.tc-ruler__mark:nth-of-type(1)::after{transform:translateX(-30%)}.tc-ruler__mark:nth-of-type(2)::after{transform:translateX(calc(-100% + 1px))}.tc-ruler__mark:nth-of-type(3)::after{top:auto;bottom:22px;transform:translateX(calc(-100% + 1px))}.tc-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.tc-preview{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:grid;gap:4px;min-width:0}.tc-preview__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.tc-preview__env{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tc-preview__url{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.tc-preview__title{font:20px/1.3 Arial,helvetica neue,Helvetica,sans-serif;color:#1a0dab;overflow-wrap:anywhere}.tc-pill{font:600 11px/1 var(--font-mono);padding:5px 8px;border-radius:99px;border:1px solid;white-space:nowrap}.tc-pill.is-ok{color:var(--tc-ok)}.tc-pill.is-warn{color:var(--tc-warn)}.tc-key{margin:0;font-size:15px;line-height:1.5}.tc-key__label{color:var(--muted)}.tc-key mark{background:var(--accent-tint);color:var(--ink);padding:1px 4px;border-radius:4px}.tc-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tc-checks li{position:relative;padding:10px 14px 10px 36px;border-radius:var(--radius-sm);background:var(--surface);font-size:15px;line-height:1.5}.tc-checks li::before{position:absolute;left:13px;top:10px;font-weight:700}.tc-checks li.is-ok::before{content:"✓";color:var(--tc-ok)}.tc-checks li.is-warn::before{content:"!";color:var(--tc-warn)}.tc-checks li.is-bad::before{content:"×";color:var(--tc-bad)}.tc__more{margin:0;font-size:15px}.prose .tc ul{padding-left:0}.prose .tc li{margin:0}.prose .tc p{margin:0}@media(max-width:560px){.tc{padding:16px}.tc-stat__value{font-size:16px}.tc-ruler__mark::after{font-size:10px}.tc-ruler__mark[data-label="ключевая зона"]::after{content:"300"}.tc-ruler__mark[data-label="десктоп 580"]::after{content:"580"}.tc-ruler__mark[data-label="мобильный 680"]::after{content:"680"}}