.osa-internal .o-output-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.osa-internal .o-output { min-width: 0; overflow-wrap: anywhere; background: #fff; padding: 60px; border-radius: 24px; border-left: 4px solid #ffe100; }
.osa-internal .o-output b { display: inline-flex; align-items: center; gap: 10px; padding: 8px 10px 8px 16px; background: var(--osa-paper); border-radius: 100px; font: 500 16px/1 'Unbounded', sans-serif; color: #2b2e3d; letter-spacing: -.02em; margin-bottom: 32px; }
.osa-internal .o-output b svg { width: 18px; height: 18px; padding: 6px; box-sizing: content-box; background: var(--osa-yellow); border-radius: 50%; color: #2b2e3d; fill: currentColor; display: block; flex-shrink: 0; transition: transform .25s ease; }
.osa-internal .o-output:hover b svg { transform: translate(2px, -2px); }
.osa-internal .o-output h3 { font: 500 20px/1.6 'Unbounded', sans-serif; letter-spacing: -.02em; color: inherit; }
.osa-internal .o-output > div p { font-size: 16px; line-height: 1.6; margin-top: 16px; color: var(--osa-muted); }
@media (max-width: 1699px) { 
	.osa-internal .o-output { padding: 40px 24px; } 
	.osa-internal .o-output h3 { line-height: 1.4; } 
}
@media (max-width: 1279px) { 
	.osa-internal .o-output-grid { gap: 24px; } 
}
@media (max-width: 991px) { 
	.osa-internal .o-output-grid { grid-template-columns: 1fr; } 
}
@media (max-width: 575px) { 
	.osa-internal .o-output { padding: 28px 20px; border-radius: 20px; } 
	.osa-internal .o-output b { font-size: 18px; margin-bottom: 16px; } 
	.osa-internal .o-output h3 { font-size: 18px; } 
	.osa-internal .o-output > div p { font-size: 15px; } 
}