/* Creek211 Wiki — extends styles.css tokens for documentation pages. */

.wiki-wrap { max-width: 880px; margin: 0 auto; padding: 110px 20px 80px; }
.wiki-wrap h1 { font-family: "Chakra Petch", sans-serif; font-size: clamp(1.9rem, 4vw, 2.6rem); margin: .2em 0 .3em; }
.wiki-wrap h2 { font-family: "Chakra Petch", sans-serif; color: var(--accent); font-size: 1.25rem; margin: 2.2em 0 .6em; letter-spacing: .02em; }
.wiki-wrap h3 { color: var(--text); font-size: 1.02rem; margin: 1.6em 0 .4em; }
.wiki-wrap p, .wiki-wrap li { color: var(--muted); line-height: 1.75; font-size: .95rem; }
.wiki-wrap li { margin: .35em 0; }
.wiki-wrap strong { color: var(--text); }
.wiki-wrap em { color: var(--amber); font-style: normal; }
.wiki-wrap a { color: var(--accent); text-decoration: none; }
.wiki-wrap a:hover { text-decoration: underline; }
.wiki-updated { color: var(--muted-2); font-size: .82rem; margin-bottom: 1.6em; }

/* Status chips */
.chip { display: inline-block; padding: .1em .55em; border-radius: 4px; font-size: .72rem; font-weight: 700; letter-spacing: .06em; vertical-align: middle; }
.chip--live { background: rgba(174,242,5,.14); color: var(--accent); border: 1px solid rgba(174,242,5,.35); }
.chip--soon { background: rgba(245,197,66,.12); color: var(--amber); border: 1px solid rgba(245,197,66,.35); }

/* Wiki page nav (chips under the title) */
.wiki-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 1.2em 0 2em; }
.wiki-nav a { padding: .35em .8em; border: 1px solid var(--line-2); border-radius: 6px; color: var(--muted); font-size: .8rem; }
.wiki-nav a:hover, .wiki-nav a.is-here { color: var(--accent); border-color: rgba(174,242,5,.4); text-decoration: none; }

/* Landing card grid */
.wiki-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin-top: 1.6em; }
.wiki-card { display: block; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 18px 18px 16px; transition: border-color .2s var(--ease), transform .2s var(--ease); }
.wiki-card:hover { border-color: rgba(174,242,5,.4); transform: translateY(-2px); text-decoration: none !important; }
.wiki-card h3 { margin: 0 0 .35em; color: var(--text); font-family: "Chakra Petch", sans-serif; font-size: 1.02rem; }
.wiki-card p { margin: 0; font-size: .84rem; color: var(--muted); line-height: 1.55; }

/* Tables */
.wiki-wrap table { width: 100%; border-collapse: collapse; margin: 1em 0 1.6em; font-size: .88rem; }
.wiki-wrap th { text-align: left; color: var(--amber); font-weight: 600; padding: .5em .7em; border-bottom: 1px solid var(--line-2); white-space: nowrap; }
.wiki-wrap td { color: var(--muted); padding: .5em .7em; border-bottom: 1px solid var(--line); vertical-align: top; }
.wiki-wrap td:first-child { color: var(--text); white-space: nowrap; }

/* Inline command / key style */
.wiki-wrap code, .wiki-wrap kbd { font-family: "JetBrains Mono", monospace; font-size: .84em; background: var(--surface-2); border: 1px solid var(--line-2); border-radius: 4px; padding: .12em .4em; color: var(--accent); }
.wiki-wrap kbd { color: var(--text); }

/* Callout */
.wiki-note { border-left: 3px solid var(--accent); background: var(--surface); padding: .8em 1em; border-radius: 0 8px 8px 0; margin: 1.2em 0; font-size: .88rem; color: var(--muted); }
.wiki-note--amber { border-left-color: var(--amber); }