:root{--layout-content-color-text: var(--color-text);--layout-content-max-inline-size: var(--size-page);--layout-content-sidebar-width: var(--size-sidebar);--layout-content-gap: var(--space-responsive-layout-normal);--layout-content-content-gap: var(--space-responsive-layout-normal);--layout-content-main-gap: var(--space-responsive-layout-normal)}.tad-layout-content{display:flex;flex-direction:column;gap:var(--layout-content-gap)}.tad-layout-content__content{display:grid;grid-template-areas:"main";grid-template-columns:1fr;gap:var(--layout-content-content-gap);max-inline-size:var(--layout-content-max-inline-size)}.tad-layout-content__content--has-sidebar-left{grid-template-areas:"sidebar-left main";grid-template-columns:var(--layout-content-sidebar-width) 1fr}@media screen and (max-width: 62.5em){.tad-layout-content__content--has-sidebar-left{grid-template-areas:"main" "sidebar-left"}}.tad-layout-content__content--has-sidebar-right{grid-template-areas:"main sidebar-right";grid-template-columns:1fr var(--layout-content-sidebar-width)}@media screen and (max-width: 62.5em){.tad-layout-content__content--has-sidebar-right{grid-template-areas:"main" "sidebar-right"}}.tad-layout-content__content--has-sidebar-both{grid-template-areas:"sidebar-left main sidebar-right";grid-template-columns:var(--layout-content-sidebar-width) 1fr var(--layout-content-sidebar-width)}@media screen and (max-width: 62.5em){.tad-layout-content__content--has-sidebar-both{grid-template-areas:"main" "sidebar-left" "sidebar-right"}}@media screen and (max-width: 62.5em){.tad-layout-content__content{grid-template-columns:1fr}}.tad-layout-content__main{grid-area:main;display:flex;flex-direction:column;gap:var(--layout-content-main-gap);container:compact/inline-size}.tad-layout-content__sidebar{display:flex;flex-direction:column;row-gap:var(--space-block-extra-spacy)}.tad-layout-content__sidebar--left{grid-area:sidebar-left;container:sidebar-left compact/inline-size}.tad-layout-content__sidebar--right{grid-area:sidebar-right;container:sidebar-right compact/inline-size}@media screen and (max-width: 62.5em){.tad-layout-content{padding-inline:var(--space-layout-tight)}}@media screen and (max-width: 48rem){.tad-layout-content{--layout-content-gap: var(--space-responsive-layout-normal-compact);--layout-content-content-gap: var(--space-responsive-layout-normal-compact) var(--space-responsive-layout-tight-compact);--layout-content-main-gap: var(--space-responsive-layout-normal-compact)}}