@layer components{.html-markdown-css-demo{border-top:var(--layout-border);border-bottom:var(--layout-border);flex-direction:column;gap:16px;margin:0 auto 40px;display:flex}.html-markdown-css-demo__inner{--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));flex-direction:column;gap:16px;margin-inline:auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.html-markdown-css-demo__inner{--padding:50px}}.html-markdown-css-demo__title{font-size:var(--h2);font-weight:500;font-family:var(--serif-font);text-align:center;justify-content:center;align-items:baseline;gap:16px;margin-top:36px;padding-inline:16px;display:flex}.html-markdown-css-demo__subtitle{margin-inline:auto;max-width:600px;font-size:var(--p);text-align:center;margin-bottom:36px;padding-inline:16px}.html-markdown-css-demo__subtitle>code{background-color:var(--grey-000);border-radius:var(--radius-100);padding:2px 4px}.html-markdown-css-demo__content-outer{position:relative}.html-markdown-css-demo__content{border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed)}}