/* Home — page-specific styles; shared base in site.css */
body{ background:var(--bg); color:var(--gold); font-family:system-ui,sans-serif;
          margin:0; min-height:100vh; padding:3.5rem 1.5rem;
          display:flex; flex-direction:column; align-items:center; }

    header{ text-align:center; margin-bottom:2.8rem; }
    h1{ font-weight:300; letter-spacing:.18em; color:var(--gold-bright);
        font-size:1.5rem; margin:0; text-transform:uppercase; }
    h3{ text-align:center; }
    .tagline{ color:var(--dim); font-size:.8rem; letter-spacing:.14em;
              text-transform:uppercase; margin-top:.7rem; }

    main{ width:100%; max-width:34rem; display:flex; flex-direction:column; gap:2.2rem; }
    /* group header: label on the left, its symbol set trailing to the right */
    .group-label{ display:flex; align-items:baseline; gap:.9rem;
                  color:var(--dim); font-size:.66rem; letter-spacing:.22em;
                  text-transform:uppercase; margin:0 0 .9rem .2rem;
                  border-bottom:1px solid var(--line); padding-bottom:.4rem; }
    .group-label.centered{ justify-content:center; }
    .group-label .text{ flex:none; }
    .group-label .glyphs{ flex:1; min-width:0; text-align:right; white-space:nowrap;
                          overflow:hidden; opacity:.85; }
    .glyphs.enochian{ font-family:"Enochian"; font-size:1.15rem; letter-spacing:.12em; }
    .glyphs.astro{ font-family:"Noto Sans Symbols","Segoe UI Symbol","Apple Symbols",system-ui,sans-serif;
                   font-size:1rem; letter-spacing:.18em; }
    .grid{ display:flex; flex-direction:column; gap:.7rem; }

    /* a toy: name + one-line description, the whole card is the link */
    .toy{ display:block; text-decoration:none; color:var(--gold);
          background:#13131a; border:1px solid var(--line); border-radius:.6rem;
          padding:.9rem 1.1rem; transition:border-color .12s, background-color .12s; }
    .toy:hover{ border-color:var(--glow); background:#1a1a22; }
    .toy .name{ display:block; color:var(--gold-bright); font-size:.98rem;
                letter-spacing:.08em; }
    .toy .desc{ display:block; color:var(--dim); font-size:.78rem;
                line-height:1.4; margin-top:.3rem; }

    /* humble feedback link */
    footer{ margin-top:3rem; }
    footer a{ color:var(--dim); text-decoration:none; font-size:.7rem;
              letter-spacing:.22em; text-transform:uppercase;
              border-bottom:1px solid transparent; transition:color .12s, border-color .12s; }
    footer a:hover{ color:var(--gold-bright); border-color:var(--glow); }