#top-breadcrumb { border-bottom: var(--divider); }

#contents { --layout-sidebar-width: 250px; --layout-sidebar-space: var(--size-4-8); display: flex; flex-direction: row-reverse; justify-content: space-between; padding-bottom: var(--section-spacing-bottom); }

#contents main { width: calc(100% - var(--layout-sidebar-width) - var(--layout-sidebar-space)); }

#contents main > section:first-of-type { padding-top: var(--size-4-16); }

@media (max-width: 1200px) { #contents main > section:first-of-type { padding-top: var(--size-4-10); } }

#contents .sidebar { width: var(--layout-sidebar-width); padding-top: var(--section-spacing-top); padding-bottom: var(--section-spacing-bottom); padding-right: var(--section-spacing-left); }

@media (max-width: 1400px) { #contents .sidebar { display: none; } }

@media (max-width: 1400px) { #contents { display: block; } #contents main { width: 100%; } }