.output-formats__layout{align-items:center;display:grid;gap:var(--space-10);grid-template-columns:5fr 7fr}.output-formats__text .eyebrow{margin-bottom:var(--space-2)}.output-formats__text .section-heading{margin-top:var(--space-2)}.output-formats__text .section-desc{margin-top:var(--space-3)}.output-formats__grid{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.output-formats__card{border-radius:var(--radius-lg);padding:var(--space-3);transition:background var(--transition-base)}.output-formats__icon{margin-bottom:var(--space-2)}.output-formats__icon svg{display:block;height:48px;width:48px}.output-formats__subtitle{color:var(--text-dark);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-normal);margin:0 0 var(--space-1) 0}.output-formats__desc{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.output-formats--teal,.output-formats:not(.output-formats--teal):not(.output-formats--dark) .output-formats__card{background:var(--color-soft-bg)}.output-formats--teal{overflow:hidden;position:relative}.output-formats__glow{height:600px;pointer-events:none;position:absolute;width:600px}.output-formats__glow--left{background:radial-gradient(circle,rgba(27,166,166,.18) 0,transparent 50%);left:-100px;top:-100px}.output-formats__glow--right{background:radial-gradient(circle,rgba(27,166,166,.18) 0,transparent 65%);bottom:-60px;right:-40px}.output-formats--teal .output-formats__layout{position:relative;z-index:var(--z-above)}.output-formats--teal .output-formats__card{background:var(--color-white)}.output-formats--dark{background:var(--color-navy)}.output-formats--dark .output-formats__layout{position:relative;z-index:var(--z-above)}.output-formats--dark .output-formats__card{background:var(--overlay-navy-card);border-radius:var(--radius-md)}.output-formats--dark .output-formats__card:hover{background:var(--overlay-navy-card-hover)}.output-formats--dark .output-formats__subtitle{color:var(--color-white)}.output-formats--dark .output-formats__desc{color:var(--text-on-navy-dim)}@media (max-width:1080px){.output-formats__layout{gap:var(--space-5);grid-template-columns:1fr}}@media (max-width:768px){.output-formats__grid{grid-template-columns:1fr}}