/* Projektkarte „XCOMBO Codes“ – im Design von xcombos.codekredo.com.
   Farben, Schrift (Atkinson Hyperlegible Next, SIL OFL) und Logo stammen aus ~/Documents/MX/xcombos-project;
   ändert sich dort das Design, hier nachziehen (seit 30.10.2026 „Graphit und Kupfer“, Logo = xcombos logo.svg). Alles ist auf .pj-xcombos begrenzt. */
@font-face { font-family: "Atkinson Next"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(../fonts/atkinson-hyperlegible-next-latin-ext-400-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Atkinson Next"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(../fonts/atkinson-hyperlegible-next-latin-400-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

.pj-xcombos {
  --x-surface: #ffffff;
  --x-ink: #1c1b19;
  --x-muted: #66625b;
  --x-line: #dcd7cf;
  --x-accent: #a8481a;
  display: grid; gap: .8rem; max-width: 34rem; padding: 1.25rem 1.4rem;
  background: var(--x-surface); border: 1px solid var(--x-line); border-radius: 10px;
  color: var(--x-ink); text-decoration: none;
  font-family: "Atkinson Next", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;
  font-size: 1rem; line-height: 1.55;
}
@media (prefers-color-scheme: dark) {
  .pj-xcombos {
    --x-surface: #1d1c1a;
    --x-ink: #ece8e1;
    --x-muted: #a39e95;
    --x-line: #34312d;
    --x-accent: #f0905a;
  }
}
.pj-xcombos:hover { border-color: var(--x-accent); }
.pj-xcombos:focus-visible { outline-color: var(--x-accent); }
.pj-xcombos .logo { display: block; height: 1.6rem; width: auto; }
.pj-xcombos .logo-x1 { stroke: var(--x-ink); }
.pj-xcombos .logo-x2 { stroke: var(--x-accent); }
.pj-xcombos .logo-word { fill: var(--x-ink); }
.pj-xcombos .logo-sub { fill: var(--x-accent); }
.pj-xcombos .pj-text { color: var(--x-muted); }
.pj-xcombos .pj-stats { font-size: .9rem; color: var(--x-accent); font-variant-numeric: tabular-nums; }