.sana-landing-example{align-items:center;gap:var(--space-12);padding-block:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.sana-landing-example h2{margin-block:var(--space-4)}.sana-landing-example blockquote{font-size:var(--type-lead);margin-block:var(--space-6);line-height:2}.sana-landing-example>div>p:last-child,.sana-example-document dd,.sana-example-document figcaption{color:var(--muted-foreground);line-height:2}.sana-example-document{padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--card);margin:0}.sana-example-document h3{margin-block:var(--space-6)}.sana-example-document dl{gap:var(--space-4);display:grid}.sana-example-document dt{margin-block-end:var(--space-1);font-weight:600}.sana-example-document figcaption{border-block-start:1px solid var(--border);font-size:var(--type-small);margin-block-start:var(--space-6);padding-block-start:var(--space-4)}@media (width<=767px){.sana-landing-example{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.sana-example-document{padding:var(--space-6)}}.sana-landing section[id]{scroll-margin-block-start:calc(var(--site-header-height) + var(--space-8))}.sana-landing-breadcrumb{align-items:center;gap:var(--space-6);font-size:var(--type-small);color:var(--muted-foreground);flex-wrap:wrap;padding-block-start:var(--space-6);display:flex}.sana-landing-hero{gap:var(--space-12);padding-block:var(--space-6) var(--space-12);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;display:grid}.sana-landing-artwork{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-control);width:100%}.sana-landing-status{font-size:var(--type-small);color:var(--muted-foreground);margin-block-start:var(--space-4);line-height:2}.sana-landing-navigation{gap:var(--space-3) var(--space-8);padding-block:var(--space-3);border-block:1px solid var(--border);flex-wrap:wrap;display:flex}.sana-landing-overview,.sana-landing-preparation{gap:var(--space-8) var(--space-12);padding-block:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.sana-landing-overview p,.sana-landing-preparation p{color:var(--muted-foreground);margin-block-start:var(--space-4);line-height:2}.sana-landing-overview ul{gap:var(--space-4);margin-block-start:var(--space-6);display:grid}.sana-landing-overview li{align-items:start;gap:var(--space-3);line-height:2;display:flex}.sana-landing-overview li svg{width:var(--space-6);height:var(--space-6);color:var(--primary);flex:none;margin-block-start:var(--space-1)}.sana-landing-boundary{border-inline-start:2px solid var(--primary);grid-column:1/-1;padding-inline-start:var(--space-6)}.sana-landing-preparation{border-block:1px solid var(--border)}.sana-landing-preparation h2{margin-block-start:var(--space-4)}.sana-landing-preparation ol{gap:var(--space-8);display:grid}.sana-landing-preparation li{align-items:baseline;gap:var(--space-6);display:flex}.sana-landing-preparation li>span{color:var(--primary);font-size:var(--type-heading);flex:none}.sana-landing-related{justify-content:space-between;align-items:center;gap:var(--space-8);border-block:1px solid var(--border);padding-block:var(--space-8);flex-wrap:wrap;display:flex}.sana-landing-related-links{gap:var(--space-3) var(--space-8);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.sana-landing-sources{justify-items:start;gap:var(--space-4);padding-block:var(--space-12);display:grid}.sana-landing-sources h2{font-size:var(--type-heading)}@media (width<=767px){.sana-landing-hero,.sana-landing-overview,.sana-landing-preparation{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.sana-landing-artwork{aspect-ratio:2}}
