:root{
  --bp-mobile:480px; /* @kind other */
  --bp-tablet:768px; /* @kind other */
  --bp-laptop:1024px; /* @kind other */
  --bp-desktop:1280px; /* @kind other */
  --bp-wide:1536px; /* @kind other */

  --container-desktop:1280px;
  --container-content:1120px;
  --container-narrow:760px;
  --container-tablet:100%;
  --container-mobile:100%;

  --grid-columns:12; /* @kind other */
  --grid-columns-tablet:8; /* @kind other */
  --grid-columns-mobile:4; /* @kind other */

  --nav-height:76px;
  --nav-height-mobile:64px;

  --btn-height-sm:36px;
  --btn-height-md:44px;
  --btn-height-lg:52px;
  --btn-height-xl:60px;
  --touch-target-min:44px;

  --icon-xs:14px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-2xl:40px;
  --icon-stroke:1.75; /* @kind other */
}

.db-container{width:100%;max-width:var(--container-desktop);margin-inline:auto;padding-inline:var(--page-padding-desktop)}
@media (max-width:1023px){.db-container{padding-inline:var(--page-padding-tablet)}}
@media (max-width:767px){.db-container{padding-inline:var(--page-padding-mobile)}}
.db-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gutter-desktop)}
@media (max-width:1023px){.db-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--grid-gutter-tablet)}}
@media (max-width:767px){.db-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gutter-mobile)}}