/*
Theme Name: TTMKT Tools SEO
Author: TTMKT
Description: Giao diện cho TTMKT Tools SEO: landing kiểm tra điểm on-page miễn phí, slide bài hướng dẫn từ Blog, đăng ký có thông tin công ty và Điều khoản sử dụng.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ttmkt-tools-seo
*/
:root{--tt-red:#e41f27;--tt-redh:#b9151b;--tt-ink:#1c1e24;--tt-tx:#2b2b2f;--tt-mu:#5b5b63;--tt-bd:#e1e1e5;--tt-bg:#f6f6f7}
*{box-sizing:border-box}
body{margin:0;background:var(--tt-bg);color:var(--tt-tx);font:16px/1.6 "Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--tt-red)}img{max-width:100%;height:auto}
.tt-w{max-width:1120px;margin:0 auto;padding:0 20px}.tt-narrow{max-width:820px}
.tt-skip{position:absolute;left:-999px}.tt-skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:100}
.tt-nav{background:#fff;border-bottom:1px solid var(--tt-bd)}
.tt-nav .tt-w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px}
.tt-logo img{height:44px;width:auto;display:block}
.tt-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px}
.tt-menu a{color:var(--tt-tx);text-decoration:none;font-weight:600;font-size:15px}.tt-menu a:hover{color:var(--tt-red)}
.tt-acts{display:flex;gap:8px;flex-wrap:wrap}
.tt-btn{display:inline-block;min-height:44px;padding:10px 20px;border-radius:6px;border:1px solid var(--tt-red);background:var(--tt-red);color:#fff;font:600 15px "Be Vietnam Pro",sans-serif;text-decoration:none;cursor:pointer}
.tt-btn:hover{background:var(--tt-redh);border-color:var(--tt-redh);color:#fff}
.tt-ghost{background:#fff;color:var(--tt-tx);border-color:#c9c9d0}.tt-ghost:hover{background:#fff;color:var(--tt-red);border-color:var(--tt-red)}
.tt-hero{background:var(--tt-red);color:#fff;padding:56px 0 64px}
.tt-hero h1{font-size:clamp(30px,5vw,50px);line-height:1.1;margin:0 0 16px;font-weight:800;letter-spacing:-.02em;max-width:820px}
.tt-sub{font-size:18px;max-width:640px;margin:0 0 28px}
.tt-sec{padding:64px 0}.tt-alt{background:#fff}.tt-alt .sew-sl article{background:var(--tt-bg)}
.tt-k{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tt-red);margin:0}
.tt-sec h2{font-size:30px;line-height:1.2;margin:8px 0 12px}
.tt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:28px}
.tt-tile{display:block;text-decoration:none;color:var(--tt-tx);background:#fff;border:1px solid var(--tt-bd);border-top:3px solid var(--tt-red);border-radius:10px;padding:20px}
a.tt-tile:hover{border-color:var(--tt-red)}.tt-tile strong{display:block;margin-bottom:4px}.tt-tile span{color:var(--tt-mu);font-size:14px}
.tt-q{margin:20px 0 0}.tt-q strong{display:block}.tt-q span{color:var(--tt-mu)}
.tt-cta{background:var(--tt-ink);color:#fff;text-align:center;padding:56px 0}.tt-cta h2{margin:0 0 10px;font-size:30px}.tt-cta p{color:#d6d6dc;margin:0 0 20px}
.tt-cta .tt-out{background:none;border-color:#8a8a94}
.tt-foot{background:var(--tt-ink);color:#b4b4bc;padding:22px 0;font-size:13px}.tt-foot p{margin:0 0 6px}.tt-foot a{color:#fff}
.tt-post{background:#fff;border:1px solid var(--tt-bd);border-radius:10px;padding:20px;margin:0 0 16px}
.tt-post h2{margin:0 0 6px;font-size:22px}.tt-post h2 a{text-decoration:none;color:var(--tt-tx)}.tt-meta{color:var(--tt-mu);font-size:13px}
.entry-content{font-size:17px}.entry-content h2{margin:1.6em 0 .5em}.entry-content img{border-radius:6px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{padding:6px 12px;border:1px solid var(--tt-bd);border-radius:6px;text-decoration:none;background:#fff}
.page-numbers.current{background:var(--tt-red);color:#fff;border-color:var(--tt-red)}
a:focus-visible,button:focus-visible{outline:2px solid var(--tt-red);outline-offset:2px}.tt-hero a:focus-visible,.tt-hero button:focus-visible{outline-color:#fff}