@import url("https://ecke-design-system.pages.dev/v1/styles.css");

:root{--ink:var(--text);--paper:var(--bg);--card:var(--surface);--leaf:var(--accent);--mist:var(--muted);--line:var(--rule);--soft:color-mix(in srgb,var(--accent) 8%,var(--bg))}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:var(--text-body)/var(--leading-body) var(--font-body)}.page{max-width:1080px;margin:auto;padding:28px 24px 72px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:9px 0 22px}.mark{font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--leaf)}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight)}h1{font-size:clamp(38px,6vw,62px);margin:7px 0}h2{font-size:30px;margin-top:44px}h3{font-size:22px}.lede,.muted{color:var(--mist)}.nav{display:flex;gap:12px;flex-wrap:wrap;align-items:start}.nav a,.button{color:var(--ink);text-decoration:none;border:1px solid var(--line);padding:8px 10px;border-radius:8px;background:var(--card);font-weight:650}.nav a:hover,.button:hover{border-color:var(--leaf)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:30px}.card{display:block;color:inherit;text-decoration:none;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:18px}.card:hover{border-color:var(--leaf);background:var(--badge-cloud-bg)}.card b{font-size:19px;display:block}.card p{color:var(--mist);margin-bottom:0}.callout{margin:25px 0;padding:13px 15px;border:1px solid var(--badge-ai);background:var(--badge-ai-bg);border-radius:9px}.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}.table th,.table td{padding:11px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.table th{background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:13px}.table tr:last-child td{border:0}.mermaid{margin:24px 0;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:auto}code{background:var(--soft);border-radius:4px;padding:2px 5px}.foot{margin-top:60px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--mist)}@media(max-width:700px){.page{padding:20px 15px 50px}header{display:block}.nav{margin-top:17px}.grid{grid-template-columns:1fr}.table{font-size:14px}}