@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,900;1,500&display=swap');

html.embed-layout #site-header,
html.embed-layout #site-footer,
html.embed-layout .dd-sidebar-toggle,
html.embed-layout .dd-sidebar,
html.embed-layout .dd-breadcrumb {
    display: none !important;
}

html.embed-layout body {
	font-family: 'Roboto', sans-serif !important;
	font-size: 14px;
}

html.embed-layout body,
html.embed-layout body .dd-content-area.dd-single {
    background: var(--background);
    color: var(--color);
}

html.embed-layout h1,
html.embed-layout .heading-size-1 {
    font-size: 30px;
}

html.embed-layout .dd-content-area .dd-main .dd-single-inner {
    padding: 8px 0;
}

html.embed-layout .dd-content-area .dd-main .dd-single-inner img {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}