/*
 * tax-index — giao diện cho khối [lssk_tax_index]
 *
 * Tách riêng khỏi landing-lskx.css để dùng được ở MỌI trang chủ, không chỉ
 * landing kiểu tra cứu. Theme nạp file này khi nội dung trang chủ có chứa
 * chuỗi "lssk_tax_index" — xem inc/home-blocks.php.
 *
 * Màu lấy theo ngữ cảnh: mặc định teal, còn khi nằm trong .lssk-modern-home
 * thì đổi sang xanh lá cho khớp bảng màu của trang đó.
 */

.lskx-index{
    --ti:#0e6e63;
    --ti-hover:#0a544b;
    --ti-ink:#101a18;
    --ti-muted:rgba(16,26,24,.66);
    --ti-line:rgba(14,110,99,.18);
    max-width:1200px;
    margin:0 auto;
    padding:clamp(44px,5vw,76px) 22px;
}

/* Trong modern-home thì đi theo bảng màu xanh lá của trang đó. */
.lssk-modern-home .lskx-index{
    --ti:#5f9020;
    --ti-hover:#4a7318;
    --ti-ink:#102219;
    --ti-muted:#66736b;
    --ti-line:#e2e9df;
}

.lskx-head h2{
    margin:0 0 10px;
    font-size:clamp(24px,2.8vw,38px);
    line-height:1.14;
    letter-spacing:-.02em;
    font-weight:800;
    color:var(--ti-ink);
}
.lskx-head p{
    margin:0 0 26px;
    color:var(--ti-muted);
    font-size:16px;
    line-height:1.8;
    max-width:62ch;
}

.lskx-chips{display:flex;flex-wrap:wrap;gap:10px}

.lskx-chip{
    display:inline-flex;
    align-items:baseline;
    gap:9px;
    padding:10px 15px;
    border:1px solid var(--ti-line);
    border-radius:999px;
    text-decoration:none;
    color:var(--ti-ink);
    font-size:15px;
    font-weight:600;
    line-height:1;
    background:#fff;
    transition:background .15s,border-color .15s,color .15s;
}
.lskx-chip:hover{background:var(--ti);border-color:var(--ti);color:#fff}
.lskx-name{white-space:nowrap}
.lskx-num{font-size:12px;font-weight:800;color:var(--ti);letter-spacing:.02em}
.lskx-chip:hover .lskx-num{color:rgba(255,255,255,.92)}

@media(max-width:640px){
    .lskx-chip{font-size:14px;padding:9px 13px}
}