:root{
  --tt-terracotta:#E2725B; --tt-brick:#A8442B; --tt-sand:#F4E1D2;
  --tt-sage:#8C7A5B; --tt-ink:#2D2A26; --tt-ink-70:#5A564F;
  --radius:14px; --radius-sm:10px; --shadow:0 12px 28px rgba(0,0,0,.08); --shadow-sm:0 6px 18px rgba(0,0,0,.06);
}
html{scroll-behavior:smooth}
body{color:var(--tt-ink); background:#fff; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",sans-serif}
a{color:var(--tt-terracotta); text-decoration:none} a:hover{color:var(--tt-brick)}
.tt-container{max-width:1120px;margin:auto;padding:24px} @media(min-width:1060px){.tt-container{padding:28px}}
.tt-hero{background:linear-gradient(180deg,#fff 0,#fff 40%,var(--tt-sand) 100%); padding:60px 0;border-bottom:1px solid #eee}
.tt-hero h1{font-family:"Playfair Display",serif;font-weight:700;font-size:44px;line-height:1.15;margin:0 0 14px}
.tt-hero p{font-size:18px;line-height:28px;color:var(--tt-ink-70);max-width:720px}
.tt-btn{display:inline-flex;align-items:center;gap:10px;background:var(--tt-terracotta);color:#fff;border:1px solid transparent;padding:12px 18px;border-radius:var(--radius);font-weight:600;transition:.15s transform ease,.15s background ease}
.tt-btn:hover{background:var(--tt-brick); transform:translateY(-1px)}
.tt-btn-outline{background:#fff;color:var(--tt-terracotta);border:1px solid var(--tt-terracotta)} .tt-btn-outline:hover{background:var(--tt-sand);color:var(--tt-brick)}
.tt-grid{display:grid;gap:22px} .tt-grid.cols-2{grid-template-columns:1fr} .tt-grid.cols-3{grid-template-columns:1fr}
@media(min-width:880px){.tt-grid.cols-2{grid-template-columns:repeat(2,1fr)} .tt-grid.cols-3{grid-template-columns:repeat(3,1fr)}}
.tt-card{background:#fff;border:1px solid #eee;border-radius:var(--radius); box-shadow:var(--shadow);padding:18px}
.tt-card h3{margin:0 0 8px;font-size:22px} .tt-card p{margin:0;color:var(--tt-ink-70)}
.tt-chip{display:inline-block;background:var(--tt-sand);color:var(--tt-ink);padding:4px 10px;border-radius:999px;font-size:13px;margin-right:8px;border:1px solid #ead8c9}
.tt-cta{background:var(--tt-sand); border:1px solid #ead8c9;border-radius:var(--radius); padding:18px}
.tt-toolcard{display:flex;gap:14px;align-items:flex-start}
.tt-toolcard img{width:56px;height:56px;border-radius:12px;border:1px solid #eee;object-fit:cover}
.tt-toolcard strong{font-size:16px} .tt-toolcard small{color:var(--tt-ink-70)}
.post-content h2{margin-top:28px}
.post-content pre{background:#111; color:#f1f1f1; padding:14px 16px; border-radius:var(--radius-sm); overflow:auto; font-size:14px}
footer.tt-footer{border-top:1px solid #eee;margin-top:40px;padding:24px 0;color:var(--tt-ink-70)}
.header .logo a{font-family:"Playfair Display",serif;font-weight:700}