:root{
  --bg:#faf7f2; --card:#ffffff; --ink:#222; --muted:#666; --line:#e7e1d8;
  --brand:#2d6cdf; --brand-ink:#fff; --shadow:0 8px 24px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:0}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto}

/* Hero */
.tb-hero{padding:10px 0 8px}
.tb-hero h1{margin:0 0 6px;font-size:clamp(28px,5vw,40px)}
.tb-sub{margin:0;color:var(--muted)}
.tb-cta{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.tb-btn{display:inline-block;padding:.6rem 1rem;border-radius:10px;border:1px solid var(--line)}
.tb-btn--brand{background:var(--brand);color:var(--brand-ink);border-color:transparent}
.tb-btn--ghost{background:#fcfbf9}
.tb-note{background:#fcfbf9;border:1px dashed var(--line);border-radius:10px;padding:12px;color:var(--muted);margin-top:8px}

/* Section + Grid */
.tb-section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0}
.tb-h2{margin:0 0 10px;font-size:22px}
.tb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}

/* Tool-Karten */
.tb-tool-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:14px;transition:transform .05s ease}
.tb-tool-card:hover{transform:translateY(-2px)}
.tb-tool-head{display:flex;align-items:center;gap:10px}
.tb-tool-icon{width:36px;height:36px;object-fit:contain}
.tb-tool-title{margin:0;font-size:18px}
.tb-tool-desc{margin:6px 0 0;color:var(--muted);font-size:.95rem}
.tb-tool-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tb-tag{font-size:.8rem;border:1px solid var(--line);border-radius:999px;padding:2px 8px;background:#f4f1eb}

/* Message */
.tb-msg{margin-top:10px;color:#9a5e00;background:#fff7e6;border:1px solid #ffe2b3;border-radius:10px;padding:10px}