.interface-header{margin-bottom:40px}.interface-header-title{font-size:var(--font-xl);margin-bottom:4px;font-weight:400}.interface-header-date{color:var(--muted-foreground);font-size:var(--font-xs);margin-bottom:12px}.interface-header-description{color:var(--muted-foreground);font-size:var(--font-sm);line-height:1.625}.interface-header-description code{background-color:var(--secondary);font-family:var(--font-geist-mono), monospace;font-size:var(--font-xs);border-radius:4px;padding:1px 4px}.interface-header-meta{flex-direction:column;justify-content:space-between;gap:8px;margin-top:24px;display:flex}@media (min-width:768px){.interface-header-meta{flex-direction:row}}.interface-header-source{color:var(--muted-foreground);font-size:var(--font-sm);flex-shrink:0;align-items:center;gap:6px;text-decoration:none;transition:color .15s;display:inline-flex}.interface-header-source:hover{color:var(--foreground)}.interface-header-source-icon{width:16px;height:16px}.interface-header-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}
.video-preview{border:1px solid var(--border);background-color:color-mix(in srgb, var(--secondary) 30%, transparent);border-radius:8px;margin-bottom:24px;position:relative;overflow:hidden}.video-preview-video{width:100%;display:block}.video-preview-image{object-fit:cover}.video-preview:has(.video-preview-image){height:400px}
.section-image{margin:24px 0 32px}.section-image-container{aspect-ratio:16/10;border:1px solid var(--border);background:var(--secondary);border-radius:16px;width:100%;position:relative;overflow:hidden}.section-image-img{object-fit:cover}.section-image-caption{font-size:var(--font-xs);color:var(--muted-foreground);text-align:center;margin-top:8px;line-height:1.5}.section-image:has(.image-row){flex-direction:column;align-items:center;display:flex}.image-row{border:1px solid var(--border);background:var(--secondary);border-radius:16px;gap:8px;width:66%;padding:16px;display:flex;overflow:hidden}@media (max-width:640px){.image-row{width:100%}}.image-row-item{aspect-ratio:9/16;flex:1;position:relative}.image-row-img{object-fit:contain}
