.c-tools-layout-app{display:block grid;grid-template-rows:[header-start] auto [header-end main-start] 1fr [main-end];grid-template-columns:100%;min-block-size:100dvb}.c-tools-layout-header{--c-tools-layout-header--padding-block: var(--global--size-unit-m);display:block flex;grid-row:header;flex-wrap:wrap;justify-content:space-between;row-gap:var(--global--size-unit-3s);column-gap:var(--global--size-unit-m);border-block-end:solid var(--global--size-unit-min) var(--alias--color-foreground-3);padding-block-start:calc(var(--safe-area--inset-block-start) + var(--c-tools-layout-header--padding-block));padding-block-end:var(--c-tools-layout-header--padding-block)}@media(any-hover:hover){.c-tools-layout-header__logo:where(:hover){color:var(--color-foreground-hover)}}.c-tools-layout-header__logo:where(:active){color:var(--color-foreground-active)}.c-tools-layout-header__logo-image{--c-tools-layout-header--logo-image--height: calc(var(--c-tools-layout-header--logo-image--font-size) / 100 * 76 * 2);display:block flow;block-size:var(--c-tools-layout-header--logo-image--height);margin:calc(var(--c-tools-layout-header--logo-image--height) / -4)}@media(max-width:64rem){.c-tools-layout-header__logo-image{--c-tools-layout-header--logo-image--font-size: var(--global--size-font-l)}}@media not (max-width:64rem){.c-tools-layout-header__logo-image{--c-tools-layout-header--logo-image--font-size: var(--global--size-font-3l)}}.c-tools-layout-main{--c-tools-layout-main--padding-block: var(--global--size-unit-m);grid-row:main;display:block flex;flex-direction:column;row-gap:var(--global--size-unit-m);padding-block-start:var(--c-tools-layout-main--padding-block);padding-block-end:calc(var(--safe-area--inset-block-end) + var(--c-tools-layout-main--padding-block))}