.clt-section{padding:clamp(72px,9vw,120px) 0;position:relative}.clt-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:28px;gap:28px;align-items:start;margin-top:18px}@media(max-width:960px){.clt-wrap{grid-template-columns:minmax(0,1fr)}}.clt-langs{display:flex;flex-wrap:wrap;gap:8px;padding:22px;background:#fff;border-radius:20px;border:1px solid var(--ap-line);box-shadow:var(--ap-shadow-sm)}.clt-lang{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#f8fafc;border:1px solid var(--ap-line);font-size:12.5px;color:var(--ap-ink-2);cursor:pointer;transition:all .2s ease}.clt-lang:hover{border-color:rgba(37,99,235,.4);background:#fff;transform:translateY(-1px)}.clt-lang--active{background:var(--ap-grad-primary);color:#fff;border-color:rgba(0,0,0,0);box-shadow:0 8px 18px -6px rgba(29,78,216,.4)}.clt-lang--active .clt-lang__code{background:hsla(0,0%,100%,.18);color:#fff}.clt-lang--active .clt-lang__tag{background:hsla(0,0%,100%,.16);color:#fff}.clt-lang__code{font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:3px 7px;border-radius:6px;background:rgba(37,99,235,.1);color:var(--ap-primary);font-family:var(--ap-font-mono)}.clt-lang__name{font-weight:600}.clt-lang__tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:rgba(236,72,153,.1);color:#db2777;letter-spacing:.06em}.clt-more{font-size:12.5px;color:var(--ap-muted);padding:8px 14px;font-weight:600;align-self:center}.clt-preview{background:#fff;border:1px solid var(--ap-line);border-radius:20px;box-shadow:var(--ap-shadow-md);overflow:hidden;display:flex;flex-direction:column;min-width:0}.clt-preview__head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid var(--ap-line);gap:12px;flex-wrap:wrap}.clt-preview__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ap-muted);font-weight:700}.clt-preview__title{font-size:16px;font-weight:700;color:var(--ap-ink);display:inline-flex;align-items:center;gap:8px}.clt-preview__rtl{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:rgba(236,72,153,.1);color:#db2777;letter-spacing:.06em}.clt-preview__badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#16a34a;background:rgba(34,197,94,.08);padding:4px 10px;border-radius:999px}.clt-preview__badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);animation:clt-pulse 2s infinite}@keyframes clt-pulse{0%,to{box-shadow:0 0 0 3px rgba(34,197,94,.2)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.04)}}.clt-preview__doc{padding:24px;min-height:180px}.clt-preview__doc--rtl{text-align:right}.clt-preview__meta{font-size:12px;color:var(--ap-muted);margin-bottom:8px}.clt-preview__subject{font-size:14px;font-weight:700;color:var(--ap-ink);margin-bottom:10px}.clt-preview__body{font-size:14px;line-height:1.7;color:var(--ap-ink-2);margin:0 0 8px}.clt-preview__body--muted{color:var(--ap-muted)}.clt-preview__foot{display:flex;flex-wrap:wrap;gap:6px;padding:14px 20px;background:#f8fafc;border-top:1px solid var(--ap-line)}.clt-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(37,99,235,.08);color:var(--ap-primary);letter-spacing:.02em}