/* loreiq.systems · подредбата на страницата (T1016). Видът е на ОС-а — tokens.css и shell.css от os.loreiq.systems;
   тук са само ширината, редът и размерите, всички от токените. */
.nx-site{max-width:720px;margin:0 auto}
.nx-site .nx-island{padding:var(--nx-s4)}
.nx-site :is(h1,h2,p){margin:0}
.nx-site h2{margin-bottom:var(--nx-s2);font-size:var(--t-lg);font-weight:600;line-height:1.3}
.nx-site p{font-size:var(--t-body);line-height:1.5;color:var(--nx-text-2)}
.nx-site p + p{margin-top:var(--nx-s2)}

/* Loreiq — знакът и двата реда, в средата */
.nx-site__hero{text-align:center;text-wrap:balance}
.nx-site__hero img{display:block;width:min(320px,100%);height:auto;margin:0 auto var(--nx-s3)}
.nx-site .nx-site__lead{font-size:var(--t-lg);color:var(--nx-text)}

/* заявките — ред под ред; от 600 px — в две колони */
.nx-site__reqs{display:grid;column-gap:var(--nx-s5)}
.nx-site__req{padding:var(--nx-s3) 0;border-top:1px solid var(--nx-line)}
.nx-site__req p:first-child{color:var(--nx-text)}
.nx-site__req p + p{margin-top:var(--nx-s1)}
.nx-site__tag{color:var(--nx-text-3)}

/* мрежите — копчетата на ОС-а (.nx-key от tokens.css) */
.nx-site__links{display:flex;flex-wrap:wrap;gap:var(--nx-s2)}
.nx-site__links .nx-key{text-decoration:none}

@media (min-width:600px){
  .nx-site .nx-island{padding:var(--nx-s5)}
  .nx-site__reqs{grid-template-columns:1fr 1fr}
}