/* The homepage (resources/views/home-new.blade.php) on top of option C (public/css/home-e/c.css).
   c.css is the approved reference and stays untouched; this layer only holds what the homepage adds:
   1. the shared tokens back for the shared components (c.css aliases --b-* to its own values on
      :root, which made the nav, footer, buttons and game on / differ from every other page);
   2. the team list in the Code cell without usage figures;
   3. the live model catalogue in the Serve cell (x-site.home-models, variant cell);
   4. the plan form under the configurator;
   5. the two named tracks of the finetune picture (EuroLLM and Qwen3.8) and the run links. */

/* 1. the brand.css values of the tokens c.css re-aliases; scoped to the homepage body */
body.hy-home-c{
  font-size:16px;
  --b-line:var(--line);            /* brand.css: the 10 percent hairline, c.css: the 16 percent one */
  --b-on-accent:var(--card);
  --b-track:-0.045em;
  --b-font:'Inter Tight','Inter Tight Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;
  --b-mono:'Fragment Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}


/* 2. who works on the team key: photo or agent, name, tool, model */
.hy-home-c .today__row--plain{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr)}

/* 3. the live catalogue in the Serve cell: search, filters, the six most used models as rows */
.hy-home-c .home-models--cell{display:flex;flex-direction:column;gap:14px;min-width:0}
.hy-home-c .home-models--cell .home-models__bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0;background:none}
.hy-home-c .home-models--cell .home-models__q{flex:1 1 220px;height:40px;padding:0 12px;background:var(--band);border-radius:var(--r-ctl);font:400 14px/1 var(--sans);color:var(--mute)}
.hy-home-c .home-models--cell .home-models__q:focus-within{background:var(--raised)}
.hy-home-c .home-models--cell .home-models__q input{font:400 14px/1 var(--sans);color:var(--ink)}
.hy-home-c .home-models--cell .home-models__q input::placeholder{color:var(--mute)}
.hy-home-c .home-models--cell .home-models__n{font:400 12px/1 var(--mono);color:var(--mute)}
.hy-home-c .home-models--cell .home-models__filters{flex-wrap:wrap}
.hy-home-c .home-models--cell .home-models__filters>button{border:0;cursor:pointer;font:500 12px/18px var(--sans);color:var(--mute);background:transparent}
.hy-home-c .home-models--cell .home-models__filters>button.is-on{background:var(--ink);color:var(--paper)}
.hy-home-c .home-models--cell .home-models__grid{display:flex;flex-direction:column;height:auto;overflow:visible;gap:0;padding:0;background:none}
.hy-home-c .home-models--cell .home-mc{display:flex;align-items:center;gap:16px;min-height:44px;padding:8px 0;border-radius:0;border-bottom:1px solid var(--band);background:none;color:var(--ink);text-decoration:none}
.hy-home-c .home-models--cell .home-mc:first-child{border-top:1px solid var(--line)}
.hy-home-c .home-models--cell .home-mc[hidden]{display:none}
.hy-home-c .home-models--cell .home-mc:hover{background:none}
.hy-home-c .home-models--cell .home-mc:hover b{color:var(--accent)}
.hy-home-c .home-models--cell .home-mc:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-px)}
.hy-home-c .home-models--cell .home-mc__hd{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.hy-home-c .home-models--cell .home-mc__hd .home-logo{width:16px;height:16px;flex:none}
.hy-home-c .home-models--cell .home-mc__hd b{font:500 14px/1.2 var(--sans);letter-spacing:0;color:var(--ink);transition:color .2s var(--ease)}
.hy-home-c .home-models--cell .home-mc__tag{margin-left:0;padding:3px 5px;border-radius:var(--r-px);background:var(--band);font:400 11px/1 var(--mono);color:var(--mute)}
.hy-home-c .home-models--cell .home-mc dl{display:flex;gap:16px;margin:0}
.hy-home-c .home-models--cell .home-mc dl div{display:grid;gap:3px;text-align:right}
.hy-home-c .home-models--cell .home-mc dt{font:400 11px/1 var(--mono);color:var(--mute);text-transform:none}
.hy-home-c .home-models--cell .home-mc dd{margin:0;font:400 13px/1.2 var(--sans);color:var(--ink-2);white-space:nowrap}
.hy-home-c .home-models--cell .home-models__empty{margin:0;padding:12px 0;font:400 14px/1.45 var(--sans);color:var(--ink-2)}
.hy-home-c .home-models--cell .home-models__empty a{color:var(--accent)}
@media (max-width:560px){
  .hy-home-c .home-models--cell .home-mc dl div:nth-child(2){display:none}
}

/* 4. the plan form: the submit under the facts */
.hy-home-c .cfg__go{display:flex;padding-top:4px}

/* 5. the finetune picture: the European track named EuroLLM with an EU tag, the open track Qwen3.8 */
.hy-home-c .ftx__k i.ftx__eu{font:500 10px/1 var(--mono);font-style:normal;color:var(--ink)}
.hy-home-c .ftx__kn{display:grid;gap:2px;line-height:1.1}
.hy-home-c .ftx__kn small{font:400 10.5px/1 var(--mono);color:var(--mute)}
.hy-home-c .ftx__runs a{color:inherit;text-decoration:none}
.hy-home-c .ftx__runs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
/* site-theme gives .home-logos its own bottom padding; on the option C home the next section brings
   the space, so it doubled above the mission (Jantine 4 Nov 2026). */
.hy-home-c .home-logos{padding-bottom:0}

/* Keep the original option C hero; the refinements below apply to the rest of the homepage. */
.hy-home-c .cell__text>h2{max-width:22ch;text-wrap:balance}
.hy-home-c :is(.cx__mask,.cx__p,.cfg__node small){color:var(--mute)}
.hy-home-c .home-models--cell .home-models__filters>button{min-height:36px;font-size:13px}
.hy-home-c .today__row img:not(.today__face){image-rendering:auto}
.hy-home-c button.cx__copy{min-height:44px;padding:0 4px;font-size:13px}
.hy-home-c button.cx__copy:hover{text-decoration:underline;text-underline-offset:3px}
.hy-home-c button.cx__copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-px)}
.hy-home-c .cx__rows dd,.hy-home-c .cx__cmd{min-height:44px;height:auto}
/* Small captions remain secondary without becoming hard to read. */
.hy-home-c :is(.cap,.colhead,.colhead th,.cfg__s>span,.bud__name span,.pa-team__txt small,.pa-ent__link small,.pa-ent__tag,.bench__m,.ftx__loes span,.ftx__runs,.hy-foot__head,.hy-foot__sub,.hy-foot__reg){font-size:13px}
.hy-home-c .hy-also li,.hy-home-c .seg--sm>i,.hy-home-c .seg--sm>button,.hy-home-c .term__tabs>button{font-size:13px}
.hy-home-c .home-models--cell :is(.home-models__n,.home-mc dt,.home-mc__tag){font-size:13px}
.hy-home-c .ftx__kn small{font-size:13px;line-height:1.2}
.hy-home-c .ftx__k i.ftx__eu{font-size:13px}
.hy-home-c .pii__levels .seg>i:not(.on){color:var(--ink-2)}
.hy-home-c .lab__step{min-width:0}
.hy-home-c .lab__step>p{font-size:16px}
.hy-home-c .bench__kinds{flex-wrap:wrap}
.hy-home-c .cfg__node small{font-size:13px;line-height:1.3}
.hy-home-c .mini-term,.hy-home-c .cx__cmd code{font-size:13px}

@media(max-width:560px){
  .hy-home-c .hero__copy .hy-eyebrow{max-width:100%}
  .hy-home-c .hero__copy .hy-eyebrow__l{white-space:normal;text-align:center;line-height:1.5}
  .hy-home-c .today__row--plain{grid-template-columns:24px minmax(0,1fr)}
  .hy-home-c .cfg__node small{font-size:13px;line-height:1.3}
  .hy-home-c .seg>button{min-height:44px}
  .hy-home-c .term__tabs{flex-wrap:wrap}
  .hy-home-c .term__head{flex-wrap:wrap}
  .hy-home-c .pii__levels{flex-wrap:wrap}
  .hy-home-c .mini-term,.hy-home-c .cx__rows code,.hy-home-c .cx__cmd code{font-size:13px}
}

.hy-home-c .home-catalogue-preview{width:100%;height:auto;border:1px solid var(--b-line-2);border-radius:var(--b-r-card)}