/* Copyright 2026 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* #css_wrapper_metadata_start
 * #type=style-lit
 * #import=chrome://resources/cr_elements/cr_shared_vars.css.js
 * #import=./shared_vars.css.js
 * #scheme=relative
 * #css_wrapper_metadata_end */

.page-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  color: var(--cr-primary-text-color);
}

.headline {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  color: var(--color-sys-on-surface);
}

.body-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-sys-on-surface-subtle);
  margin: 8px;
}

.skill-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, var(--skills-card-width));
  gap: var(--skills-card-gap);
  padding: var(--skills-card-gap) 0;
}