/* extracted from projects/tree/index.html by ops/inline_style_extract.py — linked in the same document position to preserve cascade order */
:root{--tree-bg:#08090b;--tree-panel:#101217;--tree-line:#282d36;--tree-ink:#e4e1d8;--tree-muted:#99a3ad;--tree-gold:#dcc38a;--tree-green:#9bdcaf;--tree-teal:#91d4d5}
    body{margin:0;background:var(--tree-bg);color:var(--tree-ink);font:16px/1.55 ui-monospace,"SFMono-Regular",Menlo,monospace}
    a{color:var(--tree-teal)}
    .tree-shell{max-width:980px;margin:0 auto;padding:var(--space-64) var(--space-24) var(--space-64)}
    .tree-kicker{color:var(--tree-green);font-size:var(--text-12);letter-spacing:.14em;text-transform:uppercase}
    h1{max-width:12ch;margin:var(--space-12) 0;font:700 clamp(2.6rem,8vw,5.5rem)/.95 Georgia,serif;letter-spacing:-.045em;color:var(--tree-gold)}
    .tree-lede{max-width:62ch;color:var(--tree-muted);font-size:var(--text-16)}
    .tree-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-12);margin-top:var(--space-40)}
    .tree-card{display:flex;flex-direction:column;min-height:150px;padding:var(--space-16);border:1px solid var(--tree-line);border-radius:var(--radius-8);background:var(--tree-panel);text-decoration:none;color:inherit}
    .tree-card:hover,.tree-card:focus-visible{border-color:var(--tree-gold);outline:none}
    /* superseded 2026-08-19 by .gd-status (glee-ds.css), which carries the
       glyph channel this rule never had. Kept, unused, as the fallback if
       the design system link is ever removed. */
    .tree-state{color:var(--tree-green);font-size:var(--text-11);letter-spacing:.1em;text-transform:uppercase}
    .tree-card strong{margin-top:var(--space-8);color:var(--tree-ink);font-size:var(--text-16)}
    .tree-card span:last-child{margin-top:auto;padding-top:var(--space-12);color:var(--tree-muted);font-size:var(--text-12)}
    .tree-back{display:inline-block;margin-top:var(--space-40)}